{"_id":"56adbfa918b32f0d00ba660f","link_url":"","type":"basic","updates":[],"api":{"results":{"codes":[]},"settings":"","url":"","auth":"required","params":[]},"body":"Open as App is an **Instant App Creator**. Within seconds you can turn existing Excel files or Google Sheets into professional apps with high functionality online and offline. We even enable automated app creation directly from business systems.\n\nThe **Cloud based service** turns calculations, lists and forms into user friendly apps that you can share with your team, partners or clients on all major platforms. \nOur host app - **Open as App** - is available for iOS, Android and UWP (Universal Windows Platform). We are working on a browser based client.\n\nThe best thing is - the tool does not require any programming knowledge from the user and your apps are available immediately!\n[block:embed]\n{\n  \"html\": \"<iframe class=\\\"embedly-embed\\\" src=\\\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Ffast.wistia.net%2Fembed%2Fiframe%2Ffia8zo4sju%3Ftwitter%3Dtrue&src_secure=1&url=https%3A%2F%2Fopenasapp.wistia.com%2Fmedias%2Ffia8zo4sju&image=https%3A%2F%2Fembed-ssl.wistia.com%2Fdeliveries%2F313722578e8f32ccd5cbf46d234ceb0203694f19.jpg%3Fimage_crop_resized%3D960x540&key=02466f963b9b4bb8845a05b53d3235d7&type=text%2Fhtml&schema=wistia\\\" width=\\\"960\\\" height=\\\"540\\\" scrolling=\\\"no\\\" frameborder=\\\"0\\\" allowfullscreen></iframe>\",\n  \"url\": \"https://openasapp.wistia.com/medias/fia8zo4sju\",\n  \"title\": \"general-promo v2.6 en\",\n  \"favicon\": \"https://openasapp.wistia.com/favicon.ico\",\n  \"image\": \"https://embed-ssl.wistia.com/deliveries/313722578e8f32ccd5cbf46d234ceb0203694f19.jpg?image_crop_resized=960x540\"\n}\n[/block]\nThe Open as App service has three major parts: First, the **creation** of your app. Second, the **management** of your apps and users you invite to your team. And third, the **app client** for users who receive your apps - including yourself.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"1. Create an app with the Instant App Creator\"\n}\n[/block]\nAs a registered user you can create apps out of spreadsheets using the **Instant App Creator**. \nYou simply take your Excel spreadsheet and let our wizard create an app out of it. You don't need any coding or programming skills. Your file already contains all information that is needed for your app.\n\nThis way your employees can produce apps within their field of expertise based on the excel sheets already in use (or Google Sheets). This way you will turn your systems mobile faster and at a fraction of the cost app projects normally cause.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"2. Manage and share your apps in the App Admin\"\n}\n[/block]\nAs a registered user you can manage & edit apps you have created on the Open as App **Portal** and invite people to use your apps. Depending on the publish status of your app you can share it with the whole world, or only with private users.\n\nYour app is published by default in **prototype mode**. This means that only you can access this app unless you change it in the application's privacy settings.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"3. Play your own and other apps with the App Client\"\n}\n[/block]\nYou can \"consume\" the apps created on Open as App using the **\"Open as App\" App Player**. This is the host app for all mobile applications you have created by yourself, have been invited to or are set for public use.\n\nOpen as App is available for iOS, Android and UWP (Universal Windows Platform) - for free.\n\nThese links will take you directly to the \"Open as App\" App in your store:\n\n  * iOS: [https://itunes.apple.com/de/app/open-as-app/id1084483622?mt=8&ign-mpt=uo%3D4](https://itunes.apple.com/de/app/open-as-app/id1084483622?mt=8&ign-mpt=uo%3D4)\n  * Android: [https://play.google.com/apps/testing/net.openasapp.openasapp?pli=1](https://play.google.com/apps/testing/net.openasapp.openasapp?pli=1)\n  * Windows: [https://www.microsoft.com/de-de/store/apps/open-as-app/9nblggh5msxt](https://www.microsoft.com/de-de/store/apps/open-as-app/9nblggh5msxt)","category":"56ad1bd72a7860170013f707","link_external":false,"createdAt":"2016-01-31T08:02:49.020Z","parentDoc":null,"user":"55b249ab348df72d001d69b7","next":{"description":"","pages":[]},"slug":"intro","__v":9,"githubsync":"","isReference":false,"sync_unique":"","title":"Introduction to Open as App","version":"56123686436e0b0d000129a0","excerpt":"This documentation will give you an overview of the individual steps from \"Excel\" (or any structured data source) to your own app.\nAs with almost everywhere: Exercise makes the champion.","hidden":false,"order":0,"project":"56123686436e0b0d0001299d","childrenPages":[]}

Introduction to Open as App

This documentation will give you an overview of the individual steps from "Excel" (or any structured data source) to your own app. As with almost everywhere: Exercise makes the champion.

Open as App is an **Instant App Creator**. Within seconds you can turn existing Excel files or Google Sheets into professional apps with high functionality online and offline. We even enable automated app creation directly from business systems. The **Cloud based service** turns calculations, lists and forms into user friendly apps that you can share with your team, partners or clients on all major platforms. Our host app - **Open as App** - is available for iOS, Android and UWP (Universal Windows Platform). We are working on a browser based client. The best thing is - the tool does not require any programming knowledge from the user and your apps are available immediately! [block:embed] { "html": "<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Ffast.wistia.net%2Fembed%2Fiframe%2Ffia8zo4sju%3Ftwitter%3Dtrue&src_secure=1&url=https%3A%2F%2Fopenasapp.wistia.com%2Fmedias%2Ffia8zo4sju&image=https%3A%2F%2Fembed-ssl.wistia.com%2Fdeliveries%2F313722578e8f32ccd5cbf46d234ceb0203694f19.jpg%3Fimage_crop_resized%3D960x540&key=02466f963b9b4bb8845a05b53d3235d7&type=text%2Fhtml&schema=wistia\" width=\"960\" height=\"540\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>", "url": "https://openasapp.wistia.com/medias/fia8zo4sju", "title": "general-promo v2.6 en", "favicon": "https://openasapp.wistia.com/favicon.ico", "image": "https://embed-ssl.wistia.com/deliveries/313722578e8f32ccd5cbf46d234ceb0203694f19.jpg?image_crop_resized=960x540" } [/block] The Open as App service has three major parts: First, the **creation** of your app. Second, the **management** of your apps and users you invite to your team. And third, the **app client** for users who receive your apps - including yourself. [block:api-header] { "type": "basic", "title": "1. Create an app with the Instant App Creator" } [/block] As a registered user you can create apps out of spreadsheets using the **Instant App Creator**. You simply take your Excel spreadsheet and let our wizard create an app out of it. You don't need any coding or programming skills. Your file already contains all information that is needed for your app. This way your employees can produce apps within their field of expertise based on the excel sheets already in use (or Google Sheets). This way you will turn your systems mobile faster and at a fraction of the cost app projects normally cause. [block:api-header] { "type": "basic", "title": "2. Manage and share your apps in the App Admin" } [/block] As a registered user you can manage & edit apps you have created on the Open as App **Portal** and invite people to use your apps. Depending on the publish status of your app you can share it with the whole world, or only with private users. Your app is published by default in **prototype mode**. This means that only you can access this app unless you change it in the application's privacy settings. [block:api-header] { "type": "basic", "title": "3. Play your own and other apps with the App Client" } [/block] You can "consume" the apps created on Open as App using the **"Open as App" App Player**. This is the host app for all mobile applications you have created by yourself, have been invited to or are set for public use. Open as App is available for iOS, Android and UWP (Universal Windows Platform) - for free. These links will take you directly to the "Open as App" App in your store: * iOS: [https://itunes.apple.com/de/app/open-as-app/id1084483622?mt=8&ign-mpt=uo%3D4](https://itunes.apple.com/de/app/open-as-app/id1084483622?mt=8&ign-mpt=uo%3D4) * Android: [https://play.google.com/apps/testing/net.openasapp.openasapp?pli=1](https://play.google.com/apps/testing/net.openasapp.openasapp?pli=1) * Windows: [https://www.microsoft.com/de-de/store/apps/open-as-app/9nblggh5msxt](https://www.microsoft.com/de-de/store/apps/open-as-app/9nblggh5msxt)
Open as App is an **Instant App Creator**. Within seconds you can turn existing Excel files or Google Sheets into professional apps with high functionality online and offline. We even enable automated app creation directly from business systems. The **Cloud based service** turns calculations, lists and forms into user friendly apps that you can share with your team, partners or clients on all major platforms. Our host app - **Open as App** - is available for iOS, Android and UWP (Universal Windows Platform). We are working on a browser based client. The best thing is - the tool does not require any programming knowledge from the user and your apps are available immediately! [block:embed] { "html": "<iframe class=\"embedly-embed\" src=\"//cdn.embedly.com/widgets/media.html?src=https%3A%2F%2Ffast.wistia.net%2Fembed%2Fiframe%2Ffia8zo4sju%3Ftwitter%3Dtrue&src_secure=1&url=https%3A%2F%2Fopenasapp.wistia.com%2Fmedias%2Ffia8zo4sju&image=https%3A%2F%2Fembed-ssl.wistia.com%2Fdeliveries%2F313722578e8f32ccd5cbf46d234ceb0203694f19.jpg%3Fimage_crop_resized%3D960x540&key=02466f963b9b4bb8845a05b53d3235d7&type=text%2Fhtml&schema=wistia\" width=\"960\" height=\"540\" scrolling=\"no\" frameborder=\"0\" allowfullscreen></iframe>", "url": "https://openasapp.wistia.com/medias/fia8zo4sju", "title": "general-promo v2.6 en", "favicon": "https://openasapp.wistia.com/favicon.ico", "image": "https://embed-ssl.wistia.com/deliveries/313722578e8f32ccd5cbf46d234ceb0203694f19.jpg?image_crop_resized=960x540" } [/block] The Open as App service has three major parts: First, the **creation** of your app. Second, the **management** of your apps and users you invite to your team. And third, the **app client** for users who receive your apps - including yourself. [block:api-header] { "type": "basic", "title": "1. Create an app with the Instant App Creator" } [/block] As a registered user you can create apps out of spreadsheets using the **Instant App Creator**. You simply take your Excel spreadsheet and let our wizard create an app out of it. You don't need any coding or programming skills. Your file already contains all information that is needed for your app. This way your employees can produce apps within their field of expertise based on the excel sheets already in use (or Google Sheets). This way you will turn your systems mobile faster and at a fraction of the cost app projects normally cause. [block:api-header] { "type": "basic", "title": "2. Manage and share your apps in the App Admin" } [/block] As a registered user you can manage & edit apps you have created on the Open as App **Portal** and invite people to use your apps. Depending on the publish status of your app you can share it with the whole world, or only with private users. Your app is published by default in **prototype mode**. This means that only you can access this app unless you change it in the application's privacy settings. [block:api-header] { "type": "basic", "title": "3. Play your own and other apps with the App Client" } [/block] You can "consume" the apps created on Open as App using the **"Open as App" App Player**. This is the host app for all mobile applications you have created by yourself, have been invited to or are set for public use. Open as App is available for iOS, Android and UWP (Universal Windows Platform) - for free. These links will take you directly to the "Open as App" App in your store: * iOS: [https://itunes.apple.com/de/app/open-as-app/id1084483622?mt=8&ign-mpt=uo%3D4](https://itunes.apple.com/de/app/open-as-app/id1084483622?mt=8&ign-mpt=uo%3D4) * Android: [https://play.google.com/apps/testing/net.openasapp.openasapp?pli=1](https://play.google.com/apps/testing/net.openasapp.openasapp?pli=1) * Windows: [https://www.microsoft.com/de-de/store/apps/open-as-app/9nblggh5msxt](https://www.microsoft.com/de-de/store/apps/open-as-app/9nblggh5msxt)
{"_id":"56adc006be2c040d00d5a068","project":"56123686436e0b0d0001299d","hidden":false,"category":"56ad1bd72a7860170013f707","isReference":false,"updates":[],"user":"55b249ab348df72d001d69b7","body":"The Instant App Creator is your front end to create apps based on spreadsheets or online data sources. It can be accessed via www.openasapp.net and is available free of costs for all users creating apps for a small group of users.\n\nIf you would like to create your first app now please go directly to [https://www.openasapp.net/portal#!/apps/wizard/data](https://www.openasapp.net/portal#!/apps/wizard/data).","api":{"url":"","auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":""},"createdAt":"2016-01-31T08:04:22.785Z","githubsync":"","link_url":"","next":{"description":"","pages":[]},"parentDoc":null,"__v":6,"type":"basic","slug":"the-app-creator","link_external":false,"order":1,"sync_unique":"","title":"1. The Instant App Creator","version":"56123686436e0b0d000129a0","excerpt":"","childrenPages":[]}

1. The Instant App Creator


The Instant App Creator is your front end to create apps based on spreadsheets or online data sources. It can be accessed via www.openasapp.net and is available free of costs for all users creating apps for a small group of users. If you would like to create your first app now please go directly to [https://www.openasapp.net/portal#!/apps/wizard/data](https://www.openasapp.net/portal#!/apps/wizard/data).
The Instant App Creator is your front end to create apps based on spreadsheets or online data sources. It can be accessed via www.openasapp.net and is available free of costs for all users creating apps for a small group of users. If you would like to create your first app now please go directly to [https://www.openasapp.net/portal#!/apps/wizard/data](https://www.openasapp.net/portal#!/apps/wizard/data).
{"_id":"56adbfe818b32f0d00ba6611","link_url":"","order":2,"project":"56123686436e0b0d0001299d","title":"2. The App Management Portal","type":"basic","updates":[],"createdAt":"2016-01-31T08:03:52.390Z","hidden":false,"githubsync":"","parentDoc":null,"slug":"the-management-portal","__v":4,"api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":"","auth":"required","params":[]},"link_external":false,"next":{"description":"","pages":[]},"sync_unique":"","version":"56123686436e0b0d000129a0","category":"56ad1bd72a7860170013f707","isReference":false,"excerpt":"","user":"55b249ab348df72d001d69b7","body":"Once you have created your first app you will probably want to create another and another and another. To keep track with your apps you can use the [App Management Portal](https://www.openasapp.net/portal#!/apps/dashboard) on your desktop, tablet and (as far as it makes sense) on your smartphone. Your app dashboard will show you all your apps as tiles.","childrenPages":[]}

2. The App Management Portal


Once you have created your first app you will probably want to create another and another and another. To keep track with your apps you can use the [App Management Portal](https://www.openasapp.net/portal#!/apps/dashboard) on your desktop, tablet and (as far as it makes sense) on your smartphone. Your app dashboard will show you all your apps as tiles.
Once you have created your first app you will probably want to create another and another and another. To keep track with your apps you can use the [App Management Portal](https://www.openasapp.net/portal#!/apps/dashboard) on your desktop, tablet and (as far as it makes sense) on your smartphone. Your app dashboard will show you all your apps as tiles.
{"_id":"56ad1bf01c09150d00a1839b","user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","__v":22,"hidden":false,"project":"56123686436e0b0d0001299d","slug":"the-main-view","sync_unique":"","updates":[],"body":"The application player is what you want when using an app created with Open as App. Either you have been invited to use an app or you have found a public app that you would like to use. \n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"**First time users:**\",\n  \"body\": \"In case you have been invited to use an app you will have received an email with a link to your app by the person inviting you. Click on the link on your smartphone or preferred device. Open as App will now ask for your permission to load the application player. Click on OK to continue or NO if you don't want to use the app/Open as App.\\n\\nOpen as App will automatically install the correct app player for your platform. App players are available for **Windows** (Windows Tablet / Windows Phone / Windows 10 desktop), **iOS** (iPad / iPhone), **Android** and as our Web Client for your **Browser**. Mac will follow but is not yet available.\"\n}\n[/block]\nIf you have already used an app from the Open as App service on your device the app player will be already be installed. The app you have been invited to will show under invitation. Click on the button to accept. Then you will see the respective app tile in the \"My Apps\" view on your mobile device.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Manage apps on your Smartphone, Tablet or Desktop\"\n}\n[/block]\n**Your start screen**\n\nWith the app player Open as App offers you all-round app management on your Smartphone. That includes your app dashboard with images and links to all your apps. The main menu with an INFO section with news and invitations to other users' apps, the log-in section to view and change your account information and a right hand menu to add favorites and edit the structure of your start screen. With the search bar you can find any app by using open text search.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Pj5SAN8PQyaAHWCo8pz0_IMG_1662_kl.png\",\n        \"IMG_1662_kl.png\",\n        \"227\",\n        \"403\",\n        \"#356881\",\n        \"\"\n      ],\n      \"caption\": \"Edit options: You can change the size of the app images by clicking on the right hand menu bar.\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/G5KWz9U0QbWXvJTNtdNg_IMG_1691.PNG\",\n        \"IMG_1691.PNG\",\n        \"1242\",\n        \"2208\",\n        \"#dd2e32\",\n        \"\"\n      ],\n      \"sizing\": \"smart\",\n      \"caption\": \"Small Cards\"\n    }\n  ]\n}\n[/block]\n\n**The main menu **\n\nOn the left hand side a hideable menu bar shows all your apps in the categories \"Active View\", \"Team Hubs\" and \"Recents\". \n\nACTIVE VIEW\n**Favorites:** You can define favorite apps by clicking on your app. Use the menu bar on the right hand side and click on \"Add to favorites\".\n**All:**\n**My Apps:** Will show you all apps you have access to.\n\nTEAM HUBS will show you all App Hubs you have been invited to participate.\n\nRECENTS will list the apps you have used lately.\n\nWhen clicking on Active View, Team Hubs or Recents your Start Screen will only display the selected apps. To view all apps click on Active View/all again.\n\nINFO will show you invitations to other apps and news from the Open as App team.\n\nThe LOGGED IN field will show your log-in details and the edit icon to make changes to your account information.\n\n**The search bar**\n\nThe search bar is visible on all pages. You can use full text to search the app portal and find new apps.\n\n**The right menu bar**\nApart from defining your favorites apps you can also REFRESH your apps and change the size of the tiles of your start screens using the rideable right menu bar.","category":"56ad1bd72a7860170013f707","githubsync":"","excerpt":"The following section will show you how to access apps by Open as App for the first time and how to manage apps you have been invited to.","link_external":false,"link_url":"","next":{"description":"","pages":[]},"type":"basic","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"name":"","status":400,"language":"json","code":"{}"}]},"settings":"","url":""},"createdAt":"2016-01-30T20:24:16.721Z","isReference":false,"order":3,"parentDoc":null,"title":"3. The Application Player","childrenPages":[]}

3. The Application Player

The following section will show you how to access apps by Open as App for the first time and how to manage apps you have been invited to.

The application player is what you want when using an app created with Open as App. Either you have been invited to use an app or you have found a public app that you would like to use. [block:callout] { "type": "info", "title": "**First time users:**", "body": "In case you have been invited to use an app you will have received an email with a link to your app by the person inviting you. Click on the link on your smartphone or preferred device. Open as App will now ask for your permission to load the application player. Click on OK to continue or NO if you don't want to use the app/Open as App.\n\nOpen as App will automatically install the correct app player for your platform. App players are available for **Windows** (Windows Tablet / Windows Phone / Windows 10 desktop), **iOS** (iPad / iPhone), **Android** and as our Web Client for your **Browser**. Mac will follow but is not yet available." } [/block] If you have already used an app from the Open as App service on your device the app player will be already be installed. The app you have been invited to will show under invitation. Click on the button to accept. Then you will see the respective app tile in the "My Apps" view on your mobile device. [block:api-header] { "type": "basic", "title": "Manage apps on your Smartphone, Tablet or Desktop" } [/block] **Your start screen** With the app player Open as App offers you all-round app management on your Smartphone. That includes your app dashboard with images and links to all your apps. The main menu with an INFO section with news and invitations to other users' apps, the log-in section to view and change your account information and a right hand menu to add favorites and edit the structure of your start screen. With the search bar you can find any app by using open text search. [block:image] { "images": [ { "image": [ "https://files.readme.io/Pj5SAN8PQyaAHWCo8pz0_IMG_1662_kl.png", "IMG_1662_kl.png", "227", "403", "#356881", "" ], "caption": "Edit options: You can change the size of the app images by clicking on the right hand menu bar." } ], "sidebar": true } [/block] [block:textarea] { "text": "", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/G5KWz9U0QbWXvJTNtdNg_IMG_1691.PNG", "IMG_1691.PNG", "1242", "2208", "#dd2e32", "" ], "sizing": "smart", "caption": "Small Cards" } ] } [/block] **The main menu ** On the left hand side a hideable menu bar shows all your apps in the categories "Active View", "Team Hubs" and "Recents". ACTIVE VIEW **Favorites:** You can define favorite apps by clicking on your app. Use the menu bar on the right hand side and click on "Add to favorites". **All:** **My Apps:** Will show you all apps you have access to. TEAM HUBS will show you all App Hubs you have been invited to participate. RECENTS will list the apps you have used lately. When clicking on Active View, Team Hubs or Recents your Start Screen will only display the selected apps. To view all apps click on Active View/all again. INFO will show you invitations to other apps and news from the Open as App team. The LOGGED IN field will show your log-in details and the edit icon to make changes to your account information. **The search bar** The search bar is visible on all pages. You can use full text to search the app portal and find new apps. **The right menu bar** Apart from defining your favorites apps you can also REFRESH your apps and change the size of the tiles of your start screens using the rideable right menu bar.
The application player is what you want when using an app created with Open as App. Either you have been invited to use an app or you have found a public app that you would like to use. [block:callout] { "type": "info", "title": "**First time users:**", "body": "In case you have been invited to use an app you will have received an email with a link to your app by the person inviting you. Click on the link on your smartphone or preferred device. Open as App will now ask for your permission to load the application player. Click on OK to continue or NO if you don't want to use the app/Open as App.\n\nOpen as App will automatically install the correct app player for your platform. App players are available for **Windows** (Windows Tablet / Windows Phone / Windows 10 desktop), **iOS** (iPad / iPhone), **Android** and as our Web Client for your **Browser**. Mac will follow but is not yet available." } [/block] If you have already used an app from the Open as App service on your device the app player will be already be installed. The app you have been invited to will show under invitation. Click on the button to accept. Then you will see the respective app tile in the "My Apps" view on your mobile device. [block:api-header] { "type": "basic", "title": "Manage apps on your Smartphone, Tablet or Desktop" } [/block] **Your start screen** With the app player Open as App offers you all-round app management on your Smartphone. That includes your app dashboard with images and links to all your apps. The main menu with an INFO section with news and invitations to other users' apps, the log-in section to view and change your account information and a right hand menu to add favorites and edit the structure of your start screen. With the search bar you can find any app by using open text search. [block:image] { "images": [ { "image": [ "https://files.readme.io/Pj5SAN8PQyaAHWCo8pz0_IMG_1662_kl.png", "IMG_1662_kl.png", "227", "403", "#356881", "" ], "caption": "Edit options: You can change the size of the app images by clicking on the right hand menu bar." } ], "sidebar": true } [/block] [block:textarea] { "text": "", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/G5KWz9U0QbWXvJTNtdNg_IMG_1691.PNG", "IMG_1691.PNG", "1242", "2208", "#dd2e32", "" ], "sizing": "smart", "caption": "Small Cards" } ] } [/block] **The main menu ** On the left hand side a hideable menu bar shows all your apps in the categories "Active View", "Team Hubs" and "Recents". ACTIVE VIEW **Favorites:** You can define favorite apps by clicking on your app. Use the menu bar on the right hand side and click on "Add to favorites". **All:** **My Apps:** Will show you all apps you have access to. TEAM HUBS will show you all App Hubs you have been invited to participate. RECENTS will list the apps you have used lately. When clicking on Active View, Team Hubs or Recents your Start Screen will only display the selected apps. To view all apps click on Active View/all again. INFO will show you invitations to other apps and news from the Open as App team. The LOGGED IN field will show your log-in details and the edit icon to make changes to your account information. **The search bar** The search bar is visible on all pages. You can use full text to search the app portal and find new apps. **The right menu bar** Apart from defining your favorites apps you can also REFRESH your apps and change the size of the tiles of your start screens using the rideable right menu bar.
{"_id":"56b09cfe7835250d000ffe0d","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"link_external":false,"order":4,"parentDoc":null,"project":"56123686436e0b0d0001299d","title":"Frequently asked questions","__v":5,"next":{"description":"","pages":[]},"sync_unique":"","updates":[],"user":"568aede397d8960d0012ab79","hidden":false,"createdAt":"2016-02-02T12:11:42.746Z","isReference":false,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"What format should my data source have?\"\n}\n[/block]\nYou can use an Excel Spreadsheet or a Google file as input. Also you can link web services to your app.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"How to register\"\n}\n[/block]\nAt the end of the creation process of your first app Open as App will ask you to add your email address and a password. This is your log-in information for your next session with Open as App. As an admin you are able to create apps, share these apps and manage these apps.\n\nIf you have so far only been using apps you can register by visiting Open as App and click on the registration button. This way your portfolio will not be lost when moving the app to another device or can be accessed on other devices, too.","excerpt":"","githubsync":"","link_url":"","slug":"frequently-asked-questions-1","type":"basic","version":"56123686436e0b0d000129a0","category":"56ad1bd72a7860170013f707","childrenPages":[]}

Frequently asked questions


[block:api-header] { "type": "basic", "title": "What format should my data source have?" } [/block] You can use an Excel Spreadsheet or a Google file as input. Also you can link web services to your app. [block:api-header] { "type": "basic", "title": "How to register" } [/block] At the end of the creation process of your first app Open as App will ask you to add your email address and a password. This is your log-in information for your next session with Open as App. As an admin you are able to create apps, share these apps and manage these apps. If you have so far only been using apps you can register by visiting Open as App and click on the registration button. This way your portfolio will not be lost when moving the app to another device or can be accessed on other devices, too.
[block:api-header] { "type": "basic", "title": "What format should my data source have?" } [/block] You can use an Excel Spreadsheet or a Google file as input. Also you can link web services to your app. [block:api-header] { "type": "basic", "title": "How to register" } [/block] At the end of the creation process of your first app Open as App will ask you to add your email address and a password. This is your log-in information for your next session with Open as App. As an admin you are able to create apps, share these apps and manage these apps. If you have so far only been using apps you can register by visiting Open as App and click on the registration button. This way your portfolio will not be lost when moving the app to another device or can be accessed on other devices, too.
{"_id":"570e43777e5c9f0e00bf1180","isReference":false,"title":"Introduction to definitions","type":"basic","__v":16,"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"This is your app...\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"Your app consists of different areas that can be modified separately. Each area has it's own specifics.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/a642a98-readme-aufbau-app.png\",\n        \"readme-aufbau-app.png\",\n        709,\n        1361,\n        \"#ad7e8b\"\n      ],\n      \"caption\": \"This is how your app is subdivided. Depending on your settings and needs you might change the color of the function button or delete the top area image.\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"and that's the app card.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"This is how your app shows up in search results or the favorites view in the host app. The card caption area contains your app name.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4757884-readme-aufbau-card-2.png\",\n        \"readme-aufbau-card-2.png\",\n        680,\n        680,\n        \"#cc7448\"\n      ],\n      \"caption\": \"You can select an image as background for your card or a simple color. Even the height of the card can be adjusted.\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/c387f224-93fe-45de-b69e-c6522265325f/public/cardBackgroundImage.jpeg?v=kync1dxg;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=33383E;cardbackgroundcolor=transparent;captionheight=50;captionopacity=5\",\n      \"language\": \"xml\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\nWe use **app definitions** to apply settings to the entire app.\n\nWith **page definitions** you can specify each page of your app.\n\nIt is possible to set definitions for the **app card**. This is how your app shows up in search results or the favorites view.\n\nYour app consists of different **elements** like result buttons, spacers, grids or charts. Each of the elements has its own specifics.\n\nFor adapting the raw definitions of your app, go to your app's XML Configuration page.\n\n  * Open your app in the [Portal](https://www.openasapp.net/portal#!/apps/dashboard).\n  * Expand the category \"**Advanced**\" in the left menu.\n  * Open the \"**XML Configuration**\" view.\n\nHere you can inspect and edit the app's underlying XML model and edit the semicolon separated raw definitions.\n\nAt the top of the page you will find the general **app definitions** that apply for the entire app, like the top area image or a activated print functionality. \nBelow you will find all specific items contained in your app.\n\nSwitch in the configuration to *edit mode* by clicking the **pencil symbol** in the upper right corner of the editor window. You can work in fullscreen mode by clicking the icon above. \nSave your work with a click on the **check mark** symbol.\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b739e68-raw-xml-configuration.png\",\n        \"raw-xml-configuration.png\",\n        1902,\n        709,\n        \"#f2f2f0\"\n      ],\n      \"caption\": \"Raw XML Configuration\"\n    }\n  ]\n}\n[/block]\nDepending on the element you are working with, you have various options and definitions available. \nIn the tables below, you will find the corresponding raw definitions, a description, and the allowed values.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Old definitions\",\n  \"body\": \"You will find definitions in demo apps that you will **not** find in the tables anymore. The tables show the most current status. All other definitions are supported for compatibility reasons.\"\n}\n[/block]","createdAt":"2016-04-13T13:02:47.016Z","githubsync":"","order":0,"parentDoc":null,"sync_unique":"","excerpt":"Raw definitions can be used to customize even the last bits of your apps beyond the capabilities of the wizard.","hidden":false,"link_external":false,"next":{"description":"","pages":[]},"project":"56123686436e0b0d0001299d","slug":"raw-definitions","updates":[],"api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"language":"json","code":"{}","name":"","status":400}]},"settings":"","url":""},"category":"56240b9ed4e3f00d00534bbf","link_url":"","user":"56f03a1c5f3dcf0e00c58197","version":"56123686436e0b0d000129a0","childrenPages":[]}

Introduction to definitions

Raw definitions can be used to customize even the last bits of your apps beyond the capabilities of the wizard.

[block:api-header] { "type": "basic", "title": "This is your app...", "sidebar": true } [/block] [block:textarea] { "text": "Your app consists of different areas that can be modified separately. Each area has it's own specifics.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/a642a98-readme-aufbau-app.png", "readme-aufbau-app.png", 709, 1361, "#ad7e8b" ], "caption": "This is how your app is subdivided. Depending on your settings and needs you might change the color of the function button or delete the top area image." } ], "sidebar": true } [/block] [block:api-header] { "type": "basic", "title": "and that's the app card.", "sidebar": true } [/block] [block:textarea] { "text": "This is how your app shows up in search results or the favorites view in the host app. The card caption area contains your app name.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/4757884-readme-aufbau-card-2.png", "readme-aufbau-card-2.png", 680, 680, "#cc7448" ], "caption": "You can select an image as background for your card or a simple color. Even the height of the card can be adjusted." } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/c387f224-93fe-45de-b69e-c6522265325f/public/cardBackgroundImage.jpeg?v=kync1dxg;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=33383E;cardbackgroundcolor=transparent;captionheight=50;captionopacity=5", "language": "xml" } ], "sidebar": true } [/block] We use **app definitions** to apply settings to the entire app. With **page definitions** you can specify each page of your app. It is possible to set definitions for the **app card**. This is how your app shows up in search results or the favorites view. Your app consists of different **elements** like result buttons, spacers, grids or charts. Each of the elements has its own specifics. For adapting the raw definitions of your app, go to your app's XML Configuration page. * Open your app in the [Portal](https://www.openasapp.net/portal#!/apps/dashboard). * Expand the category "**Advanced**" in the left menu. * Open the "**XML Configuration**" view. Here you can inspect and edit the app's underlying XML model and edit the semicolon separated raw definitions. At the top of the page you will find the general **app definitions** that apply for the entire app, like the top area image or a activated print functionality. Below you will find all specific items contained in your app. Switch in the configuration to *edit mode* by clicking the **pencil symbol** in the upper right corner of the editor window. You can work in fullscreen mode by clicking the icon above. Save your work with a click on the **check mark** symbol. [block:image] { "images": [ { "image": [ "https://files.readme.io/b739e68-raw-xml-configuration.png", "raw-xml-configuration.png", 1902, 709, "#f2f2f0" ], "caption": "Raw XML Configuration" } ] } [/block] Depending on the element you are working with, you have various options and definitions available. In the tables below, you will find the corresponding raw definitions, a description, and the allowed values. [block:callout] { "type": "info", "title": "Old definitions", "body": "You will find definitions in demo apps that you will **not** find in the tables anymore. The tables show the most current status. All other definitions are supported for compatibility reasons." } [/block]
[block:api-header] { "type": "basic", "title": "This is your app...", "sidebar": true } [/block] [block:textarea] { "text": "Your app consists of different areas that can be modified separately. Each area has it's own specifics.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/a642a98-readme-aufbau-app.png", "readme-aufbau-app.png", 709, 1361, "#ad7e8b" ], "caption": "This is how your app is subdivided. Depending on your settings and needs you might change the color of the function button or delete the top area image." } ], "sidebar": true } [/block] [block:api-header] { "type": "basic", "title": "and that's the app card.", "sidebar": true } [/block] [block:textarea] { "text": "This is how your app shows up in search results or the favorites view in the host app. The card caption area contains your app name.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/4757884-readme-aufbau-card-2.png", "readme-aufbau-card-2.png", 680, 680, "#cc7448" ], "caption": "You can select an image as background for your card or a simple color. Even the height of the card can be adjusted." } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/c387f224-93fe-45de-b69e-c6522265325f/public/cardBackgroundImage.jpeg?v=kync1dxg;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=33383E;cardbackgroundcolor=transparent;captionheight=50;captionopacity=5", "language": "xml" } ], "sidebar": true } [/block] We use **app definitions** to apply settings to the entire app. With **page definitions** you can specify each page of your app. It is possible to set definitions for the **app card**. This is how your app shows up in search results or the favorites view. Your app consists of different **elements** like result buttons, spacers, grids or charts. Each of the elements has its own specifics. For adapting the raw definitions of your app, go to your app's XML Configuration page. * Open your app in the [Portal](https://www.openasapp.net/portal#!/apps/dashboard). * Expand the category "**Advanced**" in the left menu. * Open the "**XML Configuration**" view. Here you can inspect and edit the app's underlying XML model and edit the semicolon separated raw definitions. At the top of the page you will find the general **app definitions** that apply for the entire app, like the top area image or a activated print functionality. Below you will find all specific items contained in your app. Switch in the configuration to *edit mode* by clicking the **pencil symbol** in the upper right corner of the editor window. You can work in fullscreen mode by clicking the icon above. Save your work with a click on the **check mark** symbol. [block:image] { "images": [ { "image": [ "https://files.readme.io/b739e68-raw-xml-configuration.png", "raw-xml-configuration.png", 1902, 709, "#f2f2f0" ], "caption": "Raw XML Configuration" } ] } [/block] Depending on the element you are working with, you have various options and definitions available. In the tables below, you will find the corresponding raw definitions, a description, and the allowed values. [block:callout] { "type": "info", "title": "Old definitions", "body": "You will find definitions in demo apps that you will **not** find in the tables anymore. The tables show the most current status. All other definitions are supported for compatibility reasons." } [/block]
{"_id":"57179e82681bb41900fc571f","githubsync":"","slug":"app-definitions","type":"basic","__v":14,"excerpt":"For adapting the raw definitions of your app, go to your app's XML Configuration page.","link_external":false,"project":"56123686436e0b0d0001299d","sync_unique":"","user":"55b249ab348df72d001d69b7","body":"You will find the app definitions in the Portal under \"**Advanced**\" » \"**XML Configuration**\".\nThe general **app definitions** that apply for the entire app are at the top of the page.\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"0-0\": \"backgroundcolor=<color>;\",\n    \"0-1\": \"Sets the background color of the app.\",\n    \"3-0\": \"topareaimage=<image url>;\",\n    \"3-1\": \"Creates an image at the top of the app (under the title bar). This top image will react on push and pull events of the underlying elements.\",\n    \"4-0\": \"topareaheight=<value>;\",\n    \"4-1\": \"Defines the height of the top image in % of the whole screen.\",\n    \"5-0\": \"paddinghorz=<value>;\",\n    \"5-1\": \"Defines a space left and right.\",\n    \"6-0\": \"paddingvert=<value>;\",\n    \"6-1\": \"Defines a space at the top (under the title bar) and below the last element.\",\n    \"7-0\": \"functionbuttoncolor=<color>;\",\n    \"7-1\": \"Defines the backgroundcolor of the function button (at the top right position).\",\n    \"9-0\": \"printsheet=<value>;\",\n    \"9-1\": \"Open as App supports the print areas of your spreadsheet. This definition defines which sheet of your workbook should be used for printing.\",\n    \"10-0\": \"headeropacity=<value>;\",\n    \"10-1\": \"Sets the opacity of the title bar containing the app name or page names. This is helpful if you have defined a background image.\",\n    \"11-0\": \"headercolor=<color>;\",\n    \"11-1\": \"Defines the backgroundcolor of the title bar.\",\n    \"1-0\": \"backgroundimage=<image url> ;\",\n    \"2-0\": \"backgroundopacity=<value>;\",\n    \"1-1\": \"Defines an image as the background of the app.\",\n    \"2-1\": \"Sets the opacity of a defined background image.\",\n    \"12-0\": \"headercaptioncolor=<color>;\",\n    \"12-1\": \"Sets the header caption text color.\",\n    \"12-2\": \"hex code\",\n    \"14-0\": \"allowpushtoserver=<value>;\",\n    \"14-1\": \"With this definition you can enable (if true) or disable (if false) the editing of lists by users.\",\n    \"15-0\": \"allowpushtosheet=<value>;\",\n    \"15-1\": \"(depends on allowpushtoserver) \\nDisables writing back to the original sheet, list edits are only applied locally, the action still gets logged.\",\n    \"16-0\": \"allowstorecalculations=<value>;\",\n    \"16-1\": \"Disables the \\\"save calculation\\\" feature.\",\n    \"17-0\": \"allowcomments=<value>;\",\n    \"17-1\": \"Disables the commenting feature.\",\n    \"h-3\": \"Examples\",\n    \"16-2\": \"true/false\",\n    \"17-2\": \"true/false\",\n    \"18-0\": \"allowuploadcalculations=<value>;\",\n    \"18-1\": \"Enables uploading of calculations for surveys etc. Such calculations are only pushed to the app's log and cannot be loaded in the app again.\",\n    \"18-2\": \"true/false\",\n    \"19-0\": \"pagecount=<value>;\",\n    \"0-2\": \"hex code\",\n    \"7-2\": \"hex code\",\n    \"11-2\": \"hex code\",\n    \"4-2\": \"%\",\n    \"5-2\": \"px\",\n    \"6-2\": \"px\",\n    \"19-2\": \"number\",\n    \"1-2\": \"Url pointing directly to an image file.\",\n    \"2-2\": \"Values between 1-10\",\n    \"3-2\": \"Url pointing directly to an image file.\",\n    \"10-2\": \"Value between 1-10\",\n    \"10-3\": \"headeropacity=8;\",\n    \"9-2\": \"The worksheet name of your workbook that should be used for print functionality.\",\n    \"21-0\": \"menuentries=<value>;\",\n    \"21-2\": \"\",\n    \"9-3\": \"printsheet=Sheet1;\",\n    \"14-2\": \"true/false\",\n    \"14-3\": \"allowpushtoserver=true;\",\n    \"12-3\": \"headercaptioncolor=#09679b;\",\n    \"11-3\": \"headercolor=#09679b;\",\n    \"0-3\": \"backgroundcolor=FFFFFF;\",\n    \"1-3\": \"backgroundimage=http://abc.png;\",\n    \"2-3\": \"backgroundopacity=6;\",\n    \"3-3\": \"topareaimage=http://abc.png;\",\n    \"4-3\": \"topareaheight=18%;\",\n    \"13-0\": \"headerfade=<value>;\",\n    \"13-2\": \"true/false\",\n    \"22-0\": \"categories=<value>;\",\n    \"19-1\": \"Defines the number of pages in the app. Each page can be opened using the tabs at the bottom of the screen.\",\n    \"19-3\": \"pagecount=2;\",\n    \"22-2\": \"\",\n    \"23-0\": \"helpurl=<value>;\",\n    \"5-3\": \"paddinghorz=5;\",\n    \"6-3\": \"paddingvert=10;\",\n    \"7-3\": \"functionbuttoncolor=#09679b;\",\n    \"15-2\": \"true/false\",\n    \"15-3\": \"allowpushtosheet=false;\",\n    \"16-3\": \"allowstorecalculations=true;\",\n    \"17-3\": \"allowcomments=true;\",\n    \"18-3\": \"allowuploadcalculations=true;\",\n    \"24-0\": \"forceupdates=<value>;\",\n    \"24-2\": \"true/false\",\n    \"24-1\": \"Disables the possibility to skip an app update.\",\n    \"24-3\": \"forceupdates=true;\",\n    \"8-0\": \"actionbuttoncolor=<color>;\",\n    \"8-1\": \"Defines the backgroundcolor of the action button (e.g. + button in lists or upload button in surveys).\",\n    \"8-2\": \"hex code\",\n    \"8-3\": \"actionbuttoncolor=#FF5600;\",\n    \"20-0\": \"useremailcell=<value>;\",\n    \"20-3\": \"useremailcell=Sheet1!B5;\",\n    \"20-1\": \"If this definition is set, the user's email address is written to the stated cell when the app is started.\",\n    \"20-2\": \"Worksheet and cell into which the user's email address should be inserted.\"\n  },\n  \"cols\": 4,\n  \"rows\": 25\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Setting paddings, spacing and background color\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"1. Set background color to #c1d36e\\n2. Set function button color to #ff5600\\n3. Set horizontal padding (40) and vertical padding (20)\\n4. Set spacing to 10\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ddc6b6a-oaa_doc_-_app_definitions_1.png\",\n        \"oaa doc - app definitions 1.png\",\n        504,\n        622,\n        \"#0e6da5\"\n      ],\n      \"caption\": \"\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=c1d36e;paddinghorz=40;paddingvert=20;topareaheight=18%;spacing=10;functionbuttoncolor=ff5600;pagecount=1;\",\n      \"language\": \"xml\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"App \\\"oaa doc - app definitions #1\\\":\\n[https://oaa.app.link/launch-app-e3a0d5d0-0d9b-4ba9-aa96-182de5caa624](https://oaa.app.link/launch-app-e3a0d5d0-0d9b-4ba9-aa96-182de5caa624)\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Header opacity, caption color and upload functionality\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"App with a defined background image and set header opacity and caption color. Horizontal padding and spacing in this app is set to 8px. \\n\\nBesides optical adjustments we enabled uploading of calculations with the definition *allowuploadcalculations=true;*\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/0d7af4d-iPhone-Preview-real-600-bmi-rechner.png\",\n        \"iPhone-Preview-real-600-bmi-rechner.png\",\n        291,\n        600,\n        \"#f0efed\"\n      ],\n      \"caption\": \"\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"categories=lifestyle;paddinghorz=8;backgroundcolor=lightgray;backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;backgroundopacity=10;spacing=8;headercaptioncolor=white;headercolor=384042;headeropacity=6;headerseparatorcolor=transparent;allowpushtoserver=true;allowuploadcalculations=true;allowstorecalculations=false;pagecount=1\",\n      \"language\": \"xml\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"App \\\"BMI Rechner\\\":\\n[https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb](https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb) \",\n  \"sidebar\": true\n}\n[/block]","hidden":false,"order":1,"title":"App definitions","updates":[],"category":"56240b9ed4e3f00d00534bbf","next":{"description":"","pages":[]},"createdAt":"2016-04-20T15:21:38.357Z","isReference":false,"link_url":"","parentDoc":null,"version":"56123686436e0b0d000129a0","api":{"auth":"required","params":[],"results":{"codes":[{"code":"{}","name":"","status":200,"language":"json"},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"childrenPages":[]}

App definitions

For adapting the raw definitions of your app, go to your app's XML Configuration page.

You will find the app definitions in the Portal under "**Advanced**" » "**XML Configuration**". The general **app definitions** that apply for the entire app are at the top of the page. [block:parameters] { "data": { "h-0": "Definition", "h-1": "Description", "h-2": "Values", "0-0": "backgroundcolor=<color>;", "0-1": "Sets the background color of the app.", "3-0": "topareaimage=<image url>;", "3-1": "Creates an image at the top of the app (under the title bar). This top image will react on push and pull events of the underlying elements.", "4-0": "topareaheight=<value>;", "4-1": "Defines the height of the top image in % of the whole screen.", "5-0": "paddinghorz=<value>;", "5-1": "Defines a space left and right.", "6-0": "paddingvert=<value>;", "6-1": "Defines a space at the top (under the title bar) and below the last element.", "7-0": "functionbuttoncolor=<color>;", "7-1": "Defines the backgroundcolor of the function button (at the top right position).", "9-0": "printsheet=<value>;", "9-1": "Open as App supports the print areas of your spreadsheet. This definition defines which sheet of your workbook should be used for printing.", "10-0": "headeropacity=<value>;", "10-1": "Sets the opacity of the title bar containing the app name or page names. This is helpful if you have defined a background image.", "11-0": "headercolor=<color>;", "11-1": "Defines the backgroundcolor of the title bar.", "1-0": "backgroundimage=<image url> ;", "2-0": "backgroundopacity=<value>;", "1-1": "Defines an image as the background of the app.", "2-1": "Sets the opacity of a defined background image.", "12-0": "headercaptioncolor=<color>;", "12-1": "Sets the header caption text color.", "12-2": "hex code", "14-0": "allowpushtoserver=<value>;", "14-1": "With this definition you can enable (if true) or disable (if false) the editing of lists by users.", "15-0": "allowpushtosheet=<value>;", "15-1": "(depends on allowpushtoserver) \nDisables writing back to the original sheet, list edits are only applied locally, the action still gets logged.", "16-0": "allowstorecalculations=<value>;", "16-1": "Disables the \"save calculation\" feature.", "17-0": "allowcomments=<value>;", "17-1": "Disables the commenting feature.", "h-3": "Examples", "16-2": "true/false", "17-2": "true/false", "18-0": "allowuploadcalculations=<value>;", "18-1": "Enables uploading of calculations for surveys etc. Such calculations are only pushed to the app's log and cannot be loaded in the app again.", "18-2": "true/false", "19-0": "pagecount=<value>;", "0-2": "hex code", "7-2": "hex code", "11-2": "hex code", "4-2": "%", "5-2": "px", "6-2": "px", "19-2": "number", "1-2": "Url pointing directly to an image file.", "2-2": "Values between 1-10", "3-2": "Url pointing directly to an image file.", "10-2": "Value between 1-10", "10-3": "headeropacity=8;", "9-2": "The worksheet name of your workbook that should be used for print functionality.", "21-0": "menuentries=<value>;", "21-2": "", "9-3": "printsheet=Sheet1;", "14-2": "true/false", "14-3": "allowpushtoserver=true;", "12-3": "headercaptioncolor=#09679b;", "11-3": "headercolor=#09679b;", "0-3": "backgroundcolor=FFFFFF;", "1-3": "backgroundimage=http://abc.png;", "2-3": "backgroundopacity=6;", "3-3": "topareaimage=http://abc.png;", "4-3": "topareaheight=18%;", "13-0": "headerfade=<value>;", "13-2": "true/false", "22-0": "categories=<value>;", "19-1": "Defines the number of pages in the app. Each page can be opened using the tabs at the bottom of the screen.", "19-3": "pagecount=2;", "22-2": "", "23-0": "helpurl=<value>;", "5-3": "paddinghorz=5;", "6-3": "paddingvert=10;", "7-3": "functionbuttoncolor=#09679b;", "15-2": "true/false", "15-3": "allowpushtosheet=false;", "16-3": "allowstorecalculations=true;", "17-3": "allowcomments=true;", "18-3": "allowuploadcalculations=true;", "24-0": "forceupdates=<value>;", "24-2": "true/false", "24-1": "Disables the possibility to skip an app update.", "24-3": "forceupdates=true;", "8-0": "actionbuttoncolor=<color>;", "8-1": "Defines the backgroundcolor of the action button (e.g. + button in lists or upload button in surveys).", "8-2": "hex code", "8-3": "actionbuttoncolor=#FF5600;", "20-0": "useremailcell=<value>;", "20-3": "useremailcell=Sheet1!B5;", "20-1": "If this definition is set, the user's email address is written to the stated cell when the app is started.", "20-2": "Worksheet and cell into which the user's email address should be inserted." }, "cols": 4, "rows": 25 } [/block] [block:api-header] { "type": "basic", "title": "Setting paddings, spacing and background color", "sidebar": true } [/block] [block:textarea] { "text": "1. Set background color to #c1d36e\n2. Set function button color to #ff5600\n3. Set horizontal padding (40) and vertical padding (20)\n4. Set spacing to 10", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/ddc6b6a-oaa_doc_-_app_definitions_1.png", "oaa doc - app definitions 1.png", 504, 622, "#0e6da5" ], "caption": "" } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "backgroundcolor=c1d36e;paddinghorz=40;paddingvert=20;topareaheight=18%;spacing=10;functionbuttoncolor=ff5600;pagecount=1;", "language": "xml" } ], "sidebar": true } [/block] [block:textarea] { "text": "App \"oaa doc - app definitions #1\":\n[https://oaa.app.link/launch-app-e3a0d5d0-0d9b-4ba9-aa96-182de5caa624](https://oaa.app.link/launch-app-e3a0d5d0-0d9b-4ba9-aa96-182de5caa624)", "sidebar": true } [/block] [block:api-header] { "type": "basic", "title": "Header opacity, caption color and upload functionality", "sidebar": true } [/block] [block:textarea] { "text": "App with a defined background image and set header opacity and caption color. Horizontal padding and spacing in this app is set to 8px. \n\nBesides optical adjustments we enabled uploading of calculations with the definition *allowuploadcalculations=true;*", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/0d7af4d-iPhone-Preview-real-600-bmi-rechner.png", "iPhone-Preview-real-600-bmi-rechner.png", 291, 600, "#f0efed" ], "caption": "" } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "categories=lifestyle;paddinghorz=8;backgroundcolor=lightgray;backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;backgroundopacity=10;spacing=8;headercaptioncolor=white;headercolor=384042;headeropacity=6;headerseparatorcolor=transparent;allowpushtoserver=true;allowuploadcalculations=true;allowstorecalculations=false;pagecount=1", "language": "xml" } ], "sidebar": true } [/block] [block:textarea] { "text": "App \"BMI Rechner\":\n[https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb](https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb) ", "sidebar": true } [/block]
You will find the app definitions in the Portal under "**Advanced**" » "**XML Configuration**". The general **app definitions** that apply for the entire app are at the top of the page. [block:parameters] { "data": { "h-0": "Definition", "h-1": "Description", "h-2": "Values", "0-0": "backgroundcolor=<color>;", "0-1": "Sets the background color of the app.", "3-0": "topareaimage=<image url>;", "3-1": "Creates an image at the top of the app (under the title bar). This top image will react on push and pull events of the underlying elements.", "4-0": "topareaheight=<value>;", "4-1": "Defines the height of the top image in % of the whole screen.", "5-0": "paddinghorz=<value>;", "5-1": "Defines a space left and right.", "6-0": "paddingvert=<value>;", "6-1": "Defines a space at the top (under the title bar) and below the last element.", "7-0": "functionbuttoncolor=<color>;", "7-1": "Defines the backgroundcolor of the function button (at the top right position).", "9-0": "printsheet=<value>;", "9-1": "Open as App supports the print areas of your spreadsheet. This definition defines which sheet of your workbook should be used for printing.", "10-0": "headeropacity=<value>;", "10-1": "Sets the opacity of the title bar containing the app name or page names. This is helpful if you have defined a background image.", "11-0": "headercolor=<color>;", "11-1": "Defines the backgroundcolor of the title bar.", "1-0": "backgroundimage=<image url> ;", "2-0": "backgroundopacity=<value>;", "1-1": "Defines an image as the background of the app.", "2-1": "Sets the opacity of a defined background image.", "12-0": "headercaptioncolor=<color>;", "12-1": "Sets the header caption text color.", "12-2": "hex code", "14-0": "allowpushtoserver=<value>;", "14-1": "With this definition you can enable (if true) or disable (if false) the editing of lists by users.", "15-0": "allowpushtosheet=<value>;", "15-1": "(depends on allowpushtoserver) \nDisables writing back to the original sheet, list edits are only applied locally, the action still gets logged.", "16-0": "allowstorecalculations=<value>;", "16-1": "Disables the \"save calculation\" feature.", "17-0": "allowcomments=<value>;", "17-1": "Disables the commenting feature.", "h-3": "Examples", "16-2": "true/false", "17-2": "true/false", "18-0": "allowuploadcalculations=<value>;", "18-1": "Enables uploading of calculations for surveys etc. Such calculations are only pushed to the app's log and cannot be loaded in the app again.", "18-2": "true/false", "19-0": "pagecount=<value>;", "0-2": "hex code", "7-2": "hex code", "11-2": "hex code", "4-2": "%", "5-2": "px", "6-2": "px", "19-2": "number", "1-2": "Url pointing directly to an image file.", "2-2": "Values between 1-10", "3-2": "Url pointing directly to an image file.", "10-2": "Value between 1-10", "10-3": "headeropacity=8;", "9-2": "The worksheet name of your workbook that should be used for print functionality.", "21-0": "menuentries=<value>;", "21-2": "", "9-3": "printsheet=Sheet1;", "14-2": "true/false", "14-3": "allowpushtoserver=true;", "12-3": "headercaptioncolor=#09679b;", "11-3": "headercolor=#09679b;", "0-3": "backgroundcolor=FFFFFF;", "1-3": "backgroundimage=http://abc.png;", "2-3": "backgroundopacity=6;", "3-3": "topareaimage=http://abc.png;", "4-3": "topareaheight=18%;", "13-0": "headerfade=<value>;", "13-2": "true/false", "22-0": "categories=<value>;", "19-1": "Defines the number of pages in the app. Each page can be opened using the tabs at the bottom of the screen.", "19-3": "pagecount=2;", "22-2": "", "23-0": "helpurl=<value>;", "5-3": "paddinghorz=5;", "6-3": "paddingvert=10;", "7-3": "functionbuttoncolor=#09679b;", "15-2": "true/false", "15-3": "allowpushtosheet=false;", "16-3": "allowstorecalculations=true;", "17-3": "allowcomments=true;", "18-3": "allowuploadcalculations=true;", "24-0": "forceupdates=<value>;", "24-2": "true/false", "24-1": "Disables the possibility to skip an app update.", "24-3": "forceupdates=true;", "8-0": "actionbuttoncolor=<color>;", "8-1": "Defines the backgroundcolor of the action button (e.g. + button in lists or upload button in surveys).", "8-2": "hex code", "8-3": "actionbuttoncolor=#FF5600;", "20-0": "useremailcell=<value>;", "20-3": "useremailcell=Sheet1!B5;", "20-1": "If this definition is set, the user's email address is written to the stated cell when the app is started.", "20-2": "Worksheet and cell into which the user's email address should be inserted." }, "cols": 4, "rows": 25 } [/block] [block:api-header] { "type": "basic", "title": "Setting paddings, spacing and background color", "sidebar": true } [/block] [block:textarea] { "text": "1. Set background color to #c1d36e\n2. Set function button color to #ff5600\n3. Set horizontal padding (40) and vertical padding (20)\n4. Set spacing to 10", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/ddc6b6a-oaa_doc_-_app_definitions_1.png", "oaa doc - app definitions 1.png", 504, 622, "#0e6da5" ], "caption": "" } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "backgroundcolor=c1d36e;paddinghorz=40;paddingvert=20;topareaheight=18%;spacing=10;functionbuttoncolor=ff5600;pagecount=1;", "language": "xml" } ], "sidebar": true } [/block] [block:textarea] { "text": "App \"oaa doc - app definitions #1\":\n[https://oaa.app.link/launch-app-e3a0d5d0-0d9b-4ba9-aa96-182de5caa624](https://oaa.app.link/launch-app-e3a0d5d0-0d9b-4ba9-aa96-182de5caa624)", "sidebar": true } [/block] [block:api-header] { "type": "basic", "title": "Header opacity, caption color and upload functionality", "sidebar": true } [/block] [block:textarea] { "text": "App with a defined background image and set header opacity and caption color. Horizontal padding and spacing in this app is set to 8px. \n\nBesides optical adjustments we enabled uploading of calculations with the definition *allowuploadcalculations=true;*", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/0d7af4d-iPhone-Preview-real-600-bmi-rechner.png", "iPhone-Preview-real-600-bmi-rechner.png", 291, 600, "#f0efed" ], "caption": "" } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "categories=lifestyle;paddinghorz=8;backgroundcolor=lightgray;backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;backgroundopacity=10;spacing=8;headercaptioncolor=white;headercolor=384042;headeropacity=6;headerseparatorcolor=transparent;allowpushtoserver=true;allowuploadcalculations=true;allowstorecalculations=false;pagecount=1", "language": "xml" } ], "sidebar": true } [/block] [block:textarea] { "text": "App \"BMI Rechner\":\n[https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb](https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb) ", "sidebar": true } [/block]
{"_id":"58822e72b0888d23007b0bc9","__v":0,"isReference":false,"order":2,"slug":"page-definitions","version":"56123686436e0b0d000129a0","category":"56240b9ed4e3f00d00534bbf","excerpt":"You can set global definitions for each page of your app.","githubsync":"","hidden":false,"link_external":false,"sync_unique":"","type":"basic","api":{"params":[],"url":"","settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required"},"body":"[block:callout]\n{\n  \"type\": \"danger\",\n  \"title\": \"This section is under heavy development.\",\n  \"body\": \"The list of definitions below cannot be considered complete. New entries are added on a day-to-day basis.\"\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"h-3\": \"Examples\",\n    \"0-0\": \"summarywidth=<value>;\",\n    \"1-0\": \"summaryopacity=<value>;\",\n    \"2-0\": \"summarybackgroundcolor=<color>;\",\n    \"4-0\": \"mainpadding=<value1>,<value2>;\",\n    \"6-0\": \"spacing=<value>;\",\n    \"5-1\": \"Sets padding for left, top, right, bottom.\",\n    \"5-0\": \"mainpadding=<value1>,<value2>,<value3>,<value4>;\",\n    \"5-2\": \"Comma separated **px** values\\n**Order**: Left, top, right, bottom.\",\n    \"4-2\": \"Comma separated **px** values\\n**Order**: horizontal, vertical.\",\n    \"4-3\": \"**mainpadding=10,30;**\\nPadding for the top and bottom is 10 pixels, the left and right is 30 pixels.\",\n    \"5-3\": \"**mainpadding=10,20,30,40;**\",\n    \"3-0\": \"mainpadding=<value1>;\",\n    \"3-2\": \"px\",\n    \"3-3\": \"**mainpadding=10;**\\nPadding for all four sides is 10 pixels.\",\n    \"3-1\": \"Sets uniform padding.\",\n    \"4-1\": \"Sets horizontal and vertical padding.\",\n    \"0-3\": \"summarywidth=110;\",\n    \"0-2\": \"px\",\n    \"2-2\": \"hex code\",\n    \"2-3\": \"summarybackgroundcolor=AC190D;\",\n    \"6-2\": \"px\",\n    \"6-3\": \"spacing=8;\"\n  },\n  \"cols\": 4,\n  \"rows\": 7\n}\n[/block]","link_url":"","next":{"pages":[],"description":""},"title":"Page definitions","createdAt":"2017-01-20T15:36:18.367Z","parentDoc":null,"project":"56123686436e0b0d0001299d","updates":[],"user":"56f00bdbd2877b34002479f1","childrenPages":[]}

Page definitions

You can set global definitions for each page of your app.

[block:callout] { "type": "danger", "title": "This section is under heavy development.", "body": "The list of definitions below cannot be considered complete. New entries are added on a day-to-day basis." } [/block] [block:parameters] { "data": { "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "0-0": "summarywidth=<value>;", "1-0": "summaryopacity=<value>;", "2-0": "summarybackgroundcolor=<color>;", "4-0": "mainpadding=<value1>,<value2>;", "6-0": "spacing=<value>;", "5-1": "Sets padding for left, top, right, bottom.", "5-0": "mainpadding=<value1>,<value2>,<value3>,<value4>;", "5-2": "Comma separated **px** values\n**Order**: Left, top, right, bottom.", "4-2": "Comma separated **px** values\n**Order**: horizontal, vertical.", "4-3": "**mainpadding=10,30;**\nPadding for the top and bottom is 10 pixels, the left and right is 30 pixels.", "5-3": "**mainpadding=10,20,30,40;**", "3-0": "mainpadding=<value1>;", "3-2": "px", "3-3": "**mainpadding=10;**\nPadding for all four sides is 10 pixels.", "3-1": "Sets uniform padding.", "4-1": "Sets horizontal and vertical padding.", "0-3": "summarywidth=110;", "0-2": "px", "2-2": "hex code", "2-3": "summarybackgroundcolor=AC190D;", "6-2": "px", "6-3": "spacing=8;" }, "cols": 4, "rows": 7 } [/block]
[block:callout] { "type": "danger", "title": "This section is under heavy development.", "body": "The list of definitions below cannot be considered complete. New entries are added on a day-to-day basis." } [/block] [block:parameters] { "data": { "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "0-0": "summarywidth=<value>;", "1-0": "summaryopacity=<value>;", "2-0": "summarybackgroundcolor=<color>;", "4-0": "mainpadding=<value1>,<value2>;", "6-0": "spacing=<value>;", "5-1": "Sets padding for left, top, right, bottom.", "5-0": "mainpadding=<value1>,<value2>,<value3>,<value4>;", "5-2": "Comma separated **px** values\n**Order**: Left, top, right, bottom.", "4-2": "Comma separated **px** values\n**Order**: horizontal, vertical.", "4-3": "**mainpadding=10,30;**\nPadding for the top and bottom is 10 pixels, the left and right is 30 pixels.", "5-3": "**mainpadding=10,20,30,40;**", "3-0": "mainpadding=<value1>;", "3-2": "px", "3-3": "**mainpadding=10;**\nPadding for all four sides is 10 pixels.", "3-1": "Sets uniform padding.", "4-1": "Sets horizontal and vertical padding.", "0-3": "summarywidth=110;", "0-2": "px", "2-2": "hex code", "2-3": "summarybackgroundcolor=AC190D;", "6-2": "px", "6-3": "spacing=8;" }, "cols": 4, "rows": 7 } [/block]
{"_id":"588240bfc985fc1b001c12aa","order":3,"slug":"card-definitions","category":"56240b9ed4e3f00d00534bbf","githubsync":"","hidden":false,"isReference":false,"link_external":false,"parentDoc":null,"project":"56123686436e0b0d0001299d","type":"basic","updates":[],"version":"56123686436e0b0d000129a0","body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Card definitions\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"App card layout with matching background image and caption opacity of 7.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/d5cc724-card-layout-example.png\",\n        \"card-layout-example.png\",\n        638,\n        453,\n        \"#754121\"\n      ],\n      \"caption\": \"Card definitions can be set in the \\\"Advanced\\\" tab in the \\\"Card layout\\\" editor.\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=http://www.wunderapps.net/brandings/apps/bmi.png;captionopacity=7;cardheight=150;carddescriptionhide=true;cardcaptionbackgroundcolor=3AD9F2;cardbackgroundcolor=transparent;\",\n      \"language\": \"xml\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"0-0\": \"cardheight=<value>;\",\n    \"1-0\": \"carddescriptionhide=<value>;\",\n    \"4-0\": \"cardcaptionbackgroundcolor=<color>;\",\n    \"5-0\": \"captionheight=<value>;\",\n    \"h-0\": \"Definition\",\n    \"0-3\": \"cardheight=140;\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"h-3\": \"Examples\",\n    \"1-3\": \"carddescriptionhide=true;\",\n    \"4-3\": \"cardcaptionbackgroundcolor=09679B;\",\n    \"6-0\": \"captionopacity=<value>;\",\n    \"6-3\": \"captionopacity=8;\",\n    \"5-3\": \"captionheight=50;\",\n    \"1-2\": \"true/false\\n**default: true\",\n    \"0-2\": \"px\",\n    \"4-2\": \"hex code\",\n    \"5-2\": \"px\",\n    \"6-2\": \"Value between 1-10\",\n    \"6-1\": \"Sets the opacity of the app card caption.\",\n    \"5-1\": \"Sets the height of the app card caption bar.\",\n    \"4-1\": \"Defines the backgroundcolor of the caption bar.\",\n    \"2-0\": \"cardbackgroundimage=<image url>;\",\n    \"2-2\": \"Url pointing directly to image file.\",\n    \"2-3\": \"cardbackgroundimage=http://abc.png;\",\n    \"3-0\": \"cardbackgroundcolor=<color>;\",\n    \"3-2\": \"hex code\",\n    \"3-3\": \"cardbackgroundcolor=transparent;\",\n    \"0-1\": \"Sets the height ot the app card.\",\n    \"3-1\": \"Defines the backgroundcolor of the app card.\",\n    \"2-1\": \"Sets a background image for the app card.\",\n    \"1-1\": \"Shows the **app description** in the app card if true and if no card backgroundimage is set.\"\n  },\n  \"cols\": 4,\n  \"rows\": 7\n}\n[/block]","excerpt":"This is how your app shows up in search results or the favorites view.","next":{"pages":[],"description":""},"title":"App card definitions","__v":0,"api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"createdAt":"2017-01-20T16:54:23.089Z","link_url":"","sync_unique":"","user":"56f00bdbd2877b34002479f1","childrenPages":[]}

App card definitions

This is how your app shows up in search results or the favorites view.

[block:api-header] { "type": "basic", "title": "Card definitions", "sidebar": true } [/block] [block:textarea] { "text": "App card layout with matching background image and caption opacity of 7.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/d5cc724-card-layout-example.png", "card-layout-example.png", 638, 453, "#754121" ], "caption": "Card definitions can be set in the \"Advanced\" tab in the \"Card layout\" editor." } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/apps/bmi.png;captionopacity=7;cardheight=150;carddescriptionhide=true;cardcaptionbackgroundcolor=3AD9F2;cardbackgroundcolor=transparent;", "language": "xml" } ], "sidebar": true } [/block] [block:parameters] { "data": { "0-0": "cardheight=<value>;", "1-0": "carddescriptionhide=<value>;", "4-0": "cardcaptionbackgroundcolor=<color>;", "5-0": "captionheight=<value>;", "h-0": "Definition", "0-3": "cardheight=140;", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "1-3": "carddescriptionhide=true;", "4-3": "cardcaptionbackgroundcolor=09679B;", "6-0": "captionopacity=<value>;", "6-3": "captionopacity=8;", "5-3": "captionheight=50;", "1-2": "true/false\n**default: true", "0-2": "px", "4-2": "hex code", "5-2": "px", "6-2": "Value between 1-10", "6-1": "Sets the opacity of the app card caption.", "5-1": "Sets the height of the app card caption bar.", "4-1": "Defines the backgroundcolor of the caption bar.", "2-0": "cardbackgroundimage=<image url>;", "2-2": "Url pointing directly to image file.", "2-3": "cardbackgroundimage=http://abc.png;", "3-0": "cardbackgroundcolor=<color>;", "3-2": "hex code", "3-3": "cardbackgroundcolor=transparent;", "0-1": "Sets the height ot the app card.", "3-1": "Defines the backgroundcolor of the app card.", "2-1": "Sets a background image for the app card.", "1-1": "Shows the **app description** in the app card if true and if no card backgroundimage is set." }, "cols": 4, "rows": 7 } [/block]
[block:api-header] { "type": "basic", "title": "Card definitions", "sidebar": true } [/block] [block:textarea] { "text": "App card layout with matching background image and caption opacity of 7.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/d5cc724-card-layout-example.png", "card-layout-example.png", 638, 453, "#754121" ], "caption": "Card definitions can be set in the \"Advanced\" tab in the \"Card layout\" editor." } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/apps/bmi.png;captionopacity=7;cardheight=150;carddescriptionhide=true;cardcaptionbackgroundcolor=3AD9F2;cardbackgroundcolor=transparent;", "language": "xml" } ], "sidebar": true } [/block] [block:parameters] { "data": { "0-0": "cardheight=<value>;", "1-0": "carddescriptionhide=<value>;", "4-0": "cardcaptionbackgroundcolor=<color>;", "5-0": "captionheight=<value>;", "h-0": "Definition", "0-3": "cardheight=140;", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "1-3": "carddescriptionhide=true;", "4-3": "cardcaptionbackgroundcolor=09679B;", "6-0": "captionopacity=<value>;", "6-3": "captionopacity=8;", "5-3": "captionheight=50;", "1-2": "true/false\n**default: true", "0-2": "px", "4-2": "hex code", "5-2": "px", "6-2": "Value between 1-10", "6-1": "Sets the opacity of the app card caption.", "5-1": "Sets the height of the app card caption bar.", "4-1": "Defines the backgroundcolor of the caption bar.", "2-0": "cardbackgroundimage=<image url>;", "2-2": "Url pointing directly to image file.", "2-3": "cardbackgroundimage=http://abc.png;", "3-0": "cardbackgroundcolor=<color>;", "3-2": "hex code", "3-3": "cardbackgroundcolor=transparent;", "0-1": "Sets the height ot the app card.", "3-1": "Defines the backgroundcolor of the app card.", "2-1": "Sets a background image for the app card.", "1-1": "Shows the **app description** in the app card if true and if no card backgroundimage is set." }, "cols": 4, "rows": 7 } [/block]
{"_id":"5717820f3cf2960e0009a692","category":"56240b9ed4e3f00d00534bbf","excerpt":"Definition reference for result buttons","githubsync":"","title":"Result buttons","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"isReference":false,"link_url":"","updates":[],"hidden":false,"link_external":false,"next":{"description":"","pages":[]},"project":"56123686436e0b0d0001299d","sync_unique":"","user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","createdAt":"2016-04-20T13:20:15.100Z","body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/VUAguwhlRPOJgmgtyt82_2016-04-20_15-07-36.png\",\n        \"2016-04-20_15-07-36.png\",\n        \"374\",\n        \"178\",\n        \"#049cdb\",\n        \"\"\n      ],\n      \"caption\": \"metric text\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/R6OfVvONTbCRaxRULHUQ_2016-04-20_15-07-36.png\",\n        \"2016-04-20_15-07-36.png\",\n        \"374\",\n        \"178\",\n        \"#049cdb\",\n        \"\"\n      ],\n      \"caption\": \"caption text\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/GM1BQg88QleFBdYzQue8_2016-04-20_15-07-36.png\",\n        \"2016-04-20_15-07-36.png\",\n        \"374\",\n        \"178\",\n        \"#049cdb\",\n        \"\"\n      ],\n      \"caption\": \"value text\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"0-0\": \"padding=<value>;\",\n    \"0-1\": \"Defines the border width around the element.\",\n    \"1-0\": \"buttonradius=<value>;\",\n    \"1-1\": \"Sets a button radius for the corners (rounded button with corner radius = px value).\",\n    \"2-0\": \"bordercolor=<color>;\",\n    \"2-1\": \"Sets the border color with a given hex value.\",\n    \"3-0\": \"metrictext=<value>;\",\n    \"3-1\": \"Sets an additional caption (normally at the right top). This can be used to set value descriptions.\",\n    \"5-0\": \"captiontextcolor=<color>;\",\n    \"5-1\": \"Sets the main caption text color.\",\n    \"6-0\": \"captionhorzalign=<value>;\",\n    \"6-1\": \"Sets the caption horizontal align.\",\n    \"7-0\": \"captionvertalign=<value>;\",\n    \"7-1\": \"Sets the caption vertical align.\",\n    \"8-0\": \"buttonheight=<value>;\",\n    \"8-1\": \"Sets the height of the result button.\",\n    \"8-2\": \"px or as % of the display\",\n    \"9-0\": \"backgroundcolor=<color>;\",\n    \"9-1\": \"Sets the background color of the button.\",\n    \"13-0\": \"numberformat=N0; (N1, N2, Nx)\\nnumberformat=P0; (P1, P2, Px)\\nnumberformat=C0; (C1, C2, Cx)\\nnumberformat=D0; (D1, D2, Dx)\\nnumberformat=E0; (E1, E2, Ex)\\nnumberformat=X0; (X1, X2, Xx)\",\n    \"13-1\": \"Sets the number format of the value (if it is a number). \\n\\n**N0** is a number without decimal place. N1 with one, N2 with two, ...\\n\\n**Px** stands for a percentage value with x decimal. \\n**Cx** stands for a currency value with x decimal.\\n**Dx** stands for a decimal value with x decimal.\\n**Ex** stands for a exponential (scientific) value  with x decimal.\\n**Xx** stands for a hexadecimal  value with x decimal.\",\n    \"15-0\": \"buttonopacity=<value>;\",\n    \"15-1\": \"Sets the opacity of the button background.\",\n    \"16-0\": \"valuefontsize=<value>;\",\n    \"16-1\": \"Defines the text font size of the value text.\",\n    \"18-0\": \"valuetextcolor=<color>;\",\n    \"18-1\": \"Defines the text font color of the value.\",\n    \"20-0\": \"linkinfo=xxx,yyy;\",\n    \"20-1\": \"Defines an action that will be executed when the button is pressed.\",\n    \"21-0\": \"valuesource=<value>;\",\n    \"21-1\": \"Using this tag the value of the button can be retrieved by using a web service.\",\n    \"22-0\": \"usecellformat=<value>;\",\n    \"22-1\": \"The button gets the number format from the underlying cell format. NOTE: not applicable to \\\"toggle\\\" fields.\",\n    \"23-0\": \"componentname=<value>;\",\n    \"23-1\": \"Sets a name for this control. The functionality \\\"linkinfo\\\" is able to activate elements by component name.\",\n    \"3-2\": \"Any value\\n\\nIf you define the metric text as \\\"**fromcell:Sheet!D5**\\\" the metric text will be fetched directly from the spreadsheet cell that you have defined.\",\n    \"19-0\": \"valuemultiline=<value>;\",\n    \"19-1\": \"Defines word wrap style for a text value.\",\n    \"17-0\": \"valuefontstyle=<value>;\",\n    \"17-1\": \"Defines the value text style.\",\n    \"11-0\": \"backgroundimage=<image url>;\",\n    \"11-1\": \"Sets a background image for the button.\",\n    \"11-2\": \"Url pointing directly to image file.\",\n    \"12-0\": \"backgroundopacity=<value>;\",\n    \"12-1\": \"Sets the opacity of a background image\",\n    \"12-2\": \"Value between 1-10\",\n    \"h-3\": \"Examples\",\n    \"8-3\": \"buttonheight=90;\\nbuttonheight=20%;\",\n    \"11-3\": \"backgroundimage=http://abc.png;\",\n    \"12-3\": \"backgroundopacity=8;\",\n    \"24-0\": \"markertext=<value>;\",\n    \"24-1\": \"Sets a small arrow (normally at the bottom right). This can be used to show the trend.\",\n    \"24-2\": \"up, down, left, right\",\n    \"24-3\": \"markertext=up;\",\n    \"26-0\": \"runapp=<value>;\",\n    \"26-2\": \"app-id\",\n    \"26-3\": \"runapp=4cfd49bc-95a6-4e0d-966e-8fa91005101e;\",\n    \"26-1\": \"Defines the app that will be opened when the button is pressed.\",\n    \"4-0\": \"metrictextcolor=<value>;\",\n    \"4-1\": \"Sets the font color of the metric text.\",\n    \"4-2\": \"hex code\",\n    \"4-3\": \"metrictextcolor=#EDAD52;\",\n    \"3-3\": \"metrictext=€/Month;\\nmetrictext=fromcell:Sheet!D5;\",\n    \"14-0\": \"numberformat=datetime;\",\n    \"0-2\": \"px\",\n    \"0-3\": \"padding=8;\",\n    \"10-0\": \"backgroundcolorcell=<address>;\",\n    \"10-3\": \"backgroundcolorcell=Sheet!AA9;\\n\\nCell AA9 contains the hex code #009F75\",\n    \"10-1\": \"Sets the background color of the button to the **hex value** from the addressed cell in excel.\",\n    \"27-0\": \"showinsummary=<value>;\",\n    \"27-2\": \"true, false\",\n    \"27-3\": \"showinsummary=true;\",\n    \"27-1\": \"Sets an additional floating element at the bottom left corner of the app, showing the value of this result button.\",\n    \"25-0\": \"markertextcolor=<color>;\",\n    \"25-1\": \"Defines the color of the markertext.\",\n    \"25-2\": \"hex code\",\n    \"25-3\": \"markertextcolor=09679B;\",\n    \"6-2\": \"left, center, right\\n**default**: left\",\n    \"1-2\": \"px\",\n    \"2-2\": \"hex code\",\n    \"5-2\": \"hex code\",\n    \"7-2\": \"top, center, bottom\\n**default**: center\",\n    \"9-2\": \"hex code\",\n    \"16-2\": \"px\\n**default**: 30\",\n    \"17-2\": \"regular, bold, italic, none\\n**default**: regular\",\n    \"18-2\": \"hex code\",\n    \"19-2\": \"true, false\",\n    \"15-2\": \"Value between 1-10\",\n    \"15-3\": \"buttonopacity=8;\",\n    \"22-2\": \"true, false\",\n    \"1-3\": \"buttonradius=10;\",\n    \"2-3\": \"bordercolor=#EDAD52;\",\n    \"5-3\": \"captiontextcolor=#EDAD52;\",\n    \"6-3\": \"captionhorzalign=center;\",\n    \"7-3\": \"captionvertalign=center;\",\n    \"9-3\": \"backgroundcolor=#009F75;\",\n    \"10-2\": \"\",\n    \"13-3\": \"numberformat=N2; > 1,234.57\\nnumberformat=P2; > 1,234.57\\nnumberformat=C2; > $123.46\\nnumberformat=D6; > 001234\\nnumberformat=E2; > \\nnumberformat=X2; >\",\n    \"13-2\": \"N - Precision specifier: Desired number of decimal places.\\n\\nP - Precision specifier: Desired number of decimal places.\\n\\nC - Precision specifier: Number of decimal digits.\\n\\nD - Precision specifier: Minimum number of digits.\\n\\nE - Precision specifier: Number of decimal digits.\\n\\nX - Precision specifier: Number of digits in the result string.\",\n    \"16-3\": \"valuefontsize=30;\",\n    \"17-3\": \"valuefontstyle=regular;\",\n    \"18-3\": \"valuetextcolor=<color>;\",\n    \"19-3\": \"valuemultiline=true;\",\n    \"22-3\": \"usecellformat=true;\",\n    \"23-2\": \"\",\n    \"23-3\": \"componentname=page3;\"\n  },\n  \"cols\": 4,\n  \"rows\": 28\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"Here's a trick on how to achieve conditional formatting like in the demo app \\\"oaa doc - conditional formatting\\\": [https://oaa.app.link/launch-app-21d9ca6c-130e-49b1-8dea-f2cfdb61a832](https://oaa.app.link/launch-app-21d9ca6c-130e-49b1-8dea-f2cfdb61a832)\\n\\nThe background color of the result button in our app is set by the definition \\\"**backgroundcolorcell=Tabelle1!C7;**\\\". \\nDepending on the result in our file, cell \\\"**Tabelle1!C7**\\\" displays a specific color code (hex code).\\n\\nFeel free to take a look at the sheet: [https://www.dropbox.com/s/rzeejymek2xbfmf/Conditional%20Formatting.xlsx?dl=1](https://www.dropbox.com/s/rzeejymek2xbfmf/Conditional%20Formatting.xlsx?dl=1)\",\n  \"title\": \"Conditional Formatting\"\n}\n[/block]","order":4,"parentDoc":null,"slug":"result-buttons","type":"basic","__v":7,"childrenPages":[]}

Result buttons

Definition reference for result buttons

[block:image] { "images": [ { "image": [ "https://files.readme.io/VUAguwhlRPOJgmgtyt82_2016-04-20_15-07-36.png", "2016-04-20_15-07-36.png", "374", "178", "#049cdb", "" ], "caption": "metric text" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/R6OfVvONTbCRaxRULHUQ_2016-04-20_15-07-36.png", "2016-04-20_15-07-36.png", "374", "178", "#049cdb", "" ], "caption": "caption text" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/GM1BQg88QleFBdYzQue8_2016-04-20_15-07-36.png", "2016-04-20_15-07-36.png", "374", "178", "#049cdb", "" ], "caption": "value text" } ], "sidebar": true } [/block] [block:parameters] { "data": { "h-0": "Definition", "h-1": "Description", "h-2": "Values", "0-0": "padding=<value>;", "0-1": "Defines the border width around the element.", "1-0": "buttonradius=<value>;", "1-1": "Sets a button radius for the corners (rounded button with corner radius = px value).", "2-0": "bordercolor=<color>;", "2-1": "Sets the border color with a given hex value.", "3-0": "metrictext=<value>;", "3-1": "Sets an additional caption (normally at the right top). This can be used to set value descriptions.", "5-0": "captiontextcolor=<color>;", "5-1": "Sets the main caption text color.", "6-0": "captionhorzalign=<value>;", "6-1": "Sets the caption horizontal align.", "7-0": "captionvertalign=<value>;", "7-1": "Sets the caption vertical align.", "8-0": "buttonheight=<value>;", "8-1": "Sets the height of the result button.", "8-2": "px or as % of the display", "9-0": "backgroundcolor=<color>;", "9-1": "Sets the background color of the button.", "13-0": "numberformat=N0; (N1, N2, Nx)\nnumberformat=P0; (P1, P2, Px)\nnumberformat=C0; (C1, C2, Cx)\nnumberformat=D0; (D1, D2, Dx)\nnumberformat=E0; (E1, E2, Ex)\nnumberformat=X0; (X1, X2, Xx)", "13-1": "Sets the number format of the value (if it is a number). \n\n**N0** is a number without decimal place. N1 with one, N2 with two, ...\n\n**Px** stands for a percentage value with x decimal. \n**Cx** stands for a currency value with x decimal.\n**Dx** stands for a decimal value with x decimal.\n**Ex** stands for a exponential (scientific) value with x decimal.\n**Xx** stands for a hexadecimal value with x decimal.", "15-0": "buttonopacity=<value>;", "15-1": "Sets the opacity of the button background.", "16-0": "valuefontsize=<value>;", "16-1": "Defines the text font size of the value text.", "18-0": "valuetextcolor=<color>;", "18-1": "Defines the text font color of the value.", "20-0": "linkinfo=xxx,yyy;", "20-1": "Defines an action that will be executed when the button is pressed.", "21-0": "valuesource=<value>;", "21-1": "Using this tag the value of the button can be retrieved by using a web service.", "22-0": "usecellformat=<value>;", "22-1": "The button gets the number format from the underlying cell format. NOTE: not applicable to \"toggle\" fields.", "23-0": "componentname=<value>;", "23-1": "Sets a name for this control. The functionality \"linkinfo\" is able to activate elements by component name.", "3-2": "Any value\n\nIf you define the metric text as \"**fromcell:Sheet!D5**\" the metric text will be fetched directly from the spreadsheet cell that you have defined.", "19-0": "valuemultiline=<value>;", "19-1": "Defines word wrap style for a text value.", "17-0": "valuefontstyle=<value>;", "17-1": "Defines the value text style.", "11-0": "backgroundimage=<image url>;", "11-1": "Sets a background image for the button.", "11-2": "Url pointing directly to image file.", "12-0": "backgroundopacity=<value>;", "12-1": "Sets the opacity of a background image", "12-2": "Value between 1-10", "h-3": "Examples", "8-3": "buttonheight=90;\nbuttonheight=20%;", "11-3": "backgroundimage=http://abc.png;", "12-3": "backgroundopacity=8;", "24-0": "markertext=<value>;", "24-1": "Sets a small arrow (normally at the bottom right). This can be used to show the trend.", "24-2": "up, down, left, right", "24-3": "markertext=up;", "26-0": "runapp=<value>;", "26-2": "app-id", "26-3": "runapp=4cfd49bc-95a6-4e0d-966e-8fa91005101e;", "26-1": "Defines the app that will be opened when the button is pressed.", "4-0": "metrictextcolor=<value>;", "4-1": "Sets the font color of the metric text.", "4-2": "hex code", "4-3": "metrictextcolor=#EDAD52;", "3-3": "metrictext=€/Month;\nmetrictext=fromcell:Sheet!D5;", "14-0": "numberformat=datetime;", "0-2": "px", "0-3": "padding=8;", "10-0": "backgroundcolorcell=<address>;", "10-3": "backgroundcolorcell=Sheet!AA9;\n\nCell AA9 contains the hex code #009F75", "10-1": "Sets the background color of the button to the **hex value** from the addressed cell in excel.", "27-0": "showinsummary=<value>;", "27-2": "true, false", "27-3": "showinsummary=true;", "27-1": "Sets an additional floating element at the bottom left corner of the app, showing the value of this result button.", "25-0": "markertextcolor=<color>;", "25-1": "Defines the color of the markertext.", "25-2": "hex code", "25-3": "markertextcolor=09679B;", "6-2": "left, center, right\n**default**: left", "1-2": "px", "2-2": "hex code", "5-2": "hex code", "7-2": "top, center, bottom\n**default**: center", "9-2": "hex code", "16-2": "px\n**default**: 30", "17-2": "regular, bold, italic, none\n**default**: regular", "18-2": "hex code", "19-2": "true, false", "15-2": "Value between 1-10", "15-3": "buttonopacity=8;", "22-2": "true, false", "1-3": "buttonradius=10;", "2-3": "bordercolor=#EDAD52;", "5-3": "captiontextcolor=#EDAD52;", "6-3": "captionhorzalign=center;", "7-3": "captionvertalign=center;", "9-3": "backgroundcolor=#009F75;", "10-2": "", "13-3": "numberformat=N2; > 1,234.57\nnumberformat=P2; > 1,234.57\nnumberformat=C2; > $123.46\nnumberformat=D6; > 001234\nnumberformat=E2; > \nnumberformat=X2; >", "13-2": "N - Precision specifier: Desired number of decimal places.\n\nP - Precision specifier: Desired number of decimal places.\n\nC - Precision specifier: Number of decimal digits.\n\nD - Precision specifier: Minimum number of digits.\n\nE - Precision specifier: Number of decimal digits.\n\nX - Precision specifier: Number of digits in the result string.", "16-3": "valuefontsize=30;", "17-3": "valuefontstyle=regular;", "18-3": "valuetextcolor=<color>;", "19-3": "valuemultiline=true;", "22-3": "usecellformat=true;", "23-2": "", "23-3": "componentname=page3;" }, "cols": 4, "rows": 28 } [/block] [block:callout] { "type": "info", "body": "Here's a trick on how to achieve conditional formatting like in the demo app \"oaa doc - conditional formatting\": [https://oaa.app.link/launch-app-21d9ca6c-130e-49b1-8dea-f2cfdb61a832](https://oaa.app.link/launch-app-21d9ca6c-130e-49b1-8dea-f2cfdb61a832)\n\nThe background color of the result button in our app is set by the definition \"**backgroundcolorcell=Tabelle1!C7;**\". \nDepending on the result in our file, cell \"**Tabelle1!C7**\" displays a specific color code (hex code).\n\nFeel free to take a look at the sheet: [https://www.dropbox.com/s/rzeejymek2xbfmf/Conditional%20Formatting.xlsx?dl=1](https://www.dropbox.com/s/rzeejymek2xbfmf/Conditional%20Formatting.xlsx?dl=1)", "title": "Conditional Formatting" } [/block]
[block:image] { "images": [ { "image": [ "https://files.readme.io/VUAguwhlRPOJgmgtyt82_2016-04-20_15-07-36.png", "2016-04-20_15-07-36.png", "374", "178", "#049cdb", "" ], "caption": "metric text" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/R6OfVvONTbCRaxRULHUQ_2016-04-20_15-07-36.png", "2016-04-20_15-07-36.png", "374", "178", "#049cdb", "" ], "caption": "caption text" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/GM1BQg88QleFBdYzQue8_2016-04-20_15-07-36.png", "2016-04-20_15-07-36.png", "374", "178", "#049cdb", "" ], "caption": "value text" } ], "sidebar": true } [/block] [block:parameters] { "data": { "h-0": "Definition", "h-1": "Description", "h-2": "Values", "0-0": "padding=<value>;", "0-1": "Defines the border width around the element.", "1-0": "buttonradius=<value>;", "1-1": "Sets a button radius for the corners (rounded button with corner radius = px value).", "2-0": "bordercolor=<color>;", "2-1": "Sets the border color with a given hex value.", "3-0": "metrictext=<value>;", "3-1": "Sets an additional caption (normally at the right top). This can be used to set value descriptions.", "5-0": "captiontextcolor=<color>;", "5-1": "Sets the main caption text color.", "6-0": "captionhorzalign=<value>;", "6-1": "Sets the caption horizontal align.", "7-0": "captionvertalign=<value>;", "7-1": "Sets the caption vertical align.", "8-0": "buttonheight=<value>;", "8-1": "Sets the height of the result button.", "8-2": "px or as % of the display", "9-0": "backgroundcolor=<color>;", "9-1": "Sets the background color of the button.", "13-0": "numberformat=N0; (N1, N2, Nx)\nnumberformat=P0; (P1, P2, Px)\nnumberformat=C0; (C1, C2, Cx)\nnumberformat=D0; (D1, D2, Dx)\nnumberformat=E0; (E1, E2, Ex)\nnumberformat=X0; (X1, X2, Xx)", "13-1": "Sets the number format of the value (if it is a number). \n\n**N0** is a number without decimal place. N1 with one, N2 with two, ...\n\n**Px** stands for a percentage value with x decimal. \n**Cx** stands for a currency value with x decimal.\n**Dx** stands for a decimal value with x decimal.\n**Ex** stands for a exponential (scientific) value with x decimal.\n**Xx** stands for a hexadecimal value with x decimal.", "15-0": "buttonopacity=<value>;", "15-1": "Sets the opacity of the button background.", "16-0": "valuefontsize=<value>;", "16-1": "Defines the text font size of the value text.", "18-0": "valuetextcolor=<color>;", "18-1": "Defines the text font color of the value.", "20-0": "linkinfo=xxx,yyy;", "20-1": "Defines an action that will be executed when the button is pressed.", "21-0": "valuesource=<value>;", "21-1": "Using this tag the value of the button can be retrieved by using a web service.", "22-0": "usecellformat=<value>;", "22-1": "The button gets the number format from the underlying cell format. NOTE: not applicable to \"toggle\" fields.", "23-0": "componentname=<value>;", "23-1": "Sets a name for this control. The functionality \"linkinfo\" is able to activate elements by component name.", "3-2": "Any value\n\nIf you define the metric text as \"**fromcell:Sheet!D5**\" the metric text will be fetched directly from the spreadsheet cell that you have defined.", "19-0": "valuemultiline=<value>;", "19-1": "Defines word wrap style for a text value.", "17-0": "valuefontstyle=<value>;", "17-1": "Defines the value text style.", "11-0": "backgroundimage=<image url>;", "11-1": "Sets a background image for the button.", "11-2": "Url pointing directly to image file.", "12-0": "backgroundopacity=<value>;", "12-1": "Sets the opacity of a background image", "12-2": "Value between 1-10", "h-3": "Examples", "8-3": "buttonheight=90;\nbuttonheight=20%;", "11-3": "backgroundimage=http://abc.png;", "12-3": "backgroundopacity=8;", "24-0": "markertext=<value>;", "24-1": "Sets a small arrow (normally at the bottom right). This can be used to show the trend.", "24-2": "up, down, left, right", "24-3": "markertext=up;", "26-0": "runapp=<value>;", "26-2": "app-id", "26-3": "runapp=4cfd49bc-95a6-4e0d-966e-8fa91005101e;", "26-1": "Defines the app that will be opened when the button is pressed.", "4-0": "metrictextcolor=<value>;", "4-1": "Sets the font color of the metric text.", "4-2": "hex code", "4-3": "metrictextcolor=#EDAD52;", "3-3": "metrictext=€/Month;\nmetrictext=fromcell:Sheet!D5;", "14-0": "numberformat=datetime;", "0-2": "px", "0-3": "padding=8;", "10-0": "backgroundcolorcell=<address>;", "10-3": "backgroundcolorcell=Sheet!AA9;\n\nCell AA9 contains the hex code #009F75", "10-1": "Sets the background color of the button to the **hex value** from the addressed cell in excel.", "27-0": "showinsummary=<value>;", "27-2": "true, false", "27-3": "showinsummary=true;", "27-1": "Sets an additional floating element at the bottom left corner of the app, showing the value of this result button.", "25-0": "markertextcolor=<color>;", "25-1": "Defines the color of the markertext.", "25-2": "hex code", "25-3": "markertextcolor=09679B;", "6-2": "left, center, right\n**default**: left", "1-2": "px", "2-2": "hex code", "5-2": "hex code", "7-2": "top, center, bottom\n**default**: center", "9-2": "hex code", "16-2": "px\n**default**: 30", "17-2": "regular, bold, italic, none\n**default**: regular", "18-2": "hex code", "19-2": "true, false", "15-2": "Value between 1-10", "15-3": "buttonopacity=8;", "22-2": "true, false", "1-3": "buttonradius=10;", "2-3": "bordercolor=#EDAD52;", "5-3": "captiontextcolor=#EDAD52;", "6-3": "captionhorzalign=center;", "7-3": "captionvertalign=center;", "9-3": "backgroundcolor=#009F75;", "10-2": "", "13-3": "numberformat=N2; > 1,234.57\nnumberformat=P2; > 1,234.57\nnumberformat=C2; > $123.46\nnumberformat=D6; > 001234\nnumberformat=E2; > \nnumberformat=X2; >", "13-2": "N - Precision specifier: Desired number of decimal places.\n\nP - Precision specifier: Desired number of decimal places.\n\nC - Precision specifier: Number of decimal digits.\n\nD - Precision specifier: Minimum number of digits.\n\nE - Precision specifier: Number of decimal digits.\n\nX - Precision specifier: Number of digits in the result string.", "16-3": "valuefontsize=30;", "17-3": "valuefontstyle=regular;", "18-3": "valuetextcolor=<color>;", "19-3": "valuemultiline=true;", "22-3": "usecellformat=true;", "23-2": "", "23-3": "componentname=page3;" }, "cols": 4, "rows": 28 } [/block] [block:callout] { "type": "info", "body": "Here's a trick on how to achieve conditional formatting like in the demo app \"oaa doc - conditional formatting\": [https://oaa.app.link/launch-app-21d9ca6c-130e-49b1-8dea-f2cfdb61a832](https://oaa.app.link/launch-app-21d9ca6c-130e-49b1-8dea-f2cfdb61a832)\n\nThe background color of the result button in our app is set by the definition \"**backgroundcolorcell=Tabelle1!C7;**\". \nDepending on the result in our file, cell \"**Tabelle1!C7**\" displays a specific color code (hex code).\n\nFeel free to take a look at the sheet: [https://www.dropbox.com/s/rzeejymek2xbfmf/Conditional%20Formatting.xlsx?dl=1](https://www.dropbox.com/s/rzeejymek2xbfmf/Conditional%20Formatting.xlsx?dl=1)", "title": "Conditional Formatting" } [/block]
{"_id":"5717791a2be45f0e00cab263","createdAt":"2016-04-20T12:42:02.983Z","isReference":false,"link_external":false,"next":{"pages":[],"description":""},"order":5,"parentDoc":null,"project":"56123686436e0b0d0001299d","type":"basic","sync_unique":"","updates":[],"user":"55b249ab348df72d001d69b7","__v":24,"api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":"","auth":"required","params":[]},"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"caption text\",\n      \"image\": [\n        \"https://files.readme.io/NfLnDFXKQNiPecqXc8rU_2016-04-20_15-23-37.png\",\n        \"2016-04-20_15-23-37.png\",\n        \"748\",\n        \"178\",\n        \"#089ddc\",\n        \"\"\n      ]\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/NBUmxamSiWeklzUZscHP_2016-04-20_15-23-37.png\",\n        \"2016-04-20_15-23-37.png\",\n        \"748\",\n        \"178\",\n        \"#13a2dd\",\n        \"\"\n      ],\n      \"caption\": \"metric text\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/iYLVdwcSMieIUI7K5sdl_2016-04-20_15-23-37.png\",\n        \"2016-04-20_15-23-37.png\",\n        \"748\",\n        \"178\",\n        \"#089ddc\",\n        \"\"\n      ],\n      \"caption\": \"editor elements. The button will increase or decrease the value by the definition \\\"deltastep\\\"\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/mLMPIMZNRmaaYtn5FNy1_2016-04-20_15-23-37.png\",\n        \"2016-04-20_15-23-37.png\",\n        \"748\",\n        \"178\",\n        \"#089ddc\",\n        \"\"\n      ],\n      \"caption\": \"value text. The value will increase or decrease by using a swipe gesture\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"editortype=tileedit; very reduced editor without step buttons. Values can be changed with a click or by swiping.\",\n      \"image\": [\n        \"https://files.readme.io/p1HoZLAPTVSsWsXH4F9Q_2016-04-20_15-28-47.png\",\n        \"2016-04-20_15-28-47.png\",\n        \"366\",\n        \"152\",\n        \"#c51f35\",\n        \"\"\n      ]\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"editortype=valueright;\",\n      \"image\": [\n        \"https://files.readme.io/YTtjW3SjTm4U44yFnLbR_2016-04-20_15-36-54.png\",\n        \"2016-04-20_15-36-54.png\",\n        \"740\",\n        \"154\",\n        \"#f16354\",\n        \"\"\n      ]\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"caption\": \"separatorcolor=D5D5D5; shows a small line at the bottom of the editor\",\n      \"image\": [\n        \"https://files.readme.io/jHpZSJ9tSlqLK74cf3Ff_2016-04-20_15-32-50.png\",\n        \"2016-04-20_15-32-50.png\",\n        \"742\",\n        \"178\",\n        \"#3882a1\",\n        \"\"\n      ]\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/p8gSQ13RjGm5NBOYbOEt_2016-04-20_17-40-16.png\",\n        \"2016-04-20_17-40-16.png\",\n        \"744\",\n        \"264\",\n        \"#6f4221\",\n        \"\"\n      ],\n      \"caption\": \"a integer button with border radius and a button opacity. The image in the background was defined using the app definition \\\"backgroundimage=xxx\\\"\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"0-0\": \"padding=<value>;\",\n    \"0-1\": \"Defines the border width around the element.\",\n    \"6-0\": \"buttonradius=<value>;\",\n    \"6-1\": \"Sets a button radius for the corners (rounded button with corner radius = <value>)\",\n    \"8-0\": \"bordercolor=<color>;\",\n    \"8-1\": \"sets the border color with a given hex value = xxx\",\n    \"10-0\": \"metrictext=<value>;\",\n    \"10-1\": \"Sets an additional caption (normally at the right top). This can be used to set value descriptions (e.g. \\\"in USD\\\").\",\n    \"13-0\": \"captiontextcolor=<color>\",\n    \"13-1\": \"sets the main caption text color (hex value)\",\n    \"15-0\": \"metrictextcolor=<color>;\",\n    \"15-1\": \"sets the text color of the metric text (hex value)\",\n    \"17-0\": \"buttonheight=<value>;\",\n    \"17-1\": \"sets the height of the result button (in \\\"pixel\\\" or as a percentage of the display)\",\n    \"17-2\": \"px or as % of the display\",\n    \"18-0\": \"backgroundcolor=<color>;\",\n    \"18-1\": \"sets the background color of the button to hex value = xxx\",\n    \"21-0\": \"numberformat=N0; (N1, N2, Nx)\\nnumberformat=P0; (P1, P2, Px)\\nnumberformat=C0; (C1, C2, Cx)\",\n    \"21-1\": \"Sets the number format of the value (if it is a number). Only for double editors!\\n\\n**N0** is a number without decimal place. N1 with one, N2 with two, ...\\n\\n**Px** stands for a percentage value with x decimal. \\n**Cx** stands for a currency value with x decimal.\",\n    \"22-0\": \"buttonopacity=<value>;\",\n    \"22-1\": \"Sets the opacity of the button background.\",\n    \"23-0\": \"valuefontsize=<value>;\",\n    \"23-1\": \"Defines the text font size of the value text.\",\n    \"24-0\": \"valuetextcolor=<color>;\",\n    \"24-1\": \"Defines the text font color of the value.\",\n    \"10-2\": \"Any value\",\n    \"2-0\": \"minvalue=<value>;\",\n    \"2-1\": \"Sets the minimum value of this editor (for number values).\",\n    \"3-0\": \"maxvalue=<value>;\",\n    \"3-1\": \"Sets the maximum value of this editor (for number values).\",\n    \"5-0\": \"multilinecaption=<value>;\",\n    \"5-1\": \"Allows the caption to word wrap the text\",\n    \"7-0\": \"editortype=<value>;\",\n    \"7-1\": \"defines a simple flat tile button layout\",\n    \"19-0\": \"separatorcolor=<color>;\",\n    \"19-1\": \"Draws a simple colored line below the element.\\n\\nLines for single elements are not full width.\\n\\nLines for groups are full width.\",\n    \"16-0\": \"metricfontsize=<value>;\",\n    \"16-1\": \"sets the text font size of the metric text (default = 14)\",\n    \"14-0\": \"captionfontsize=<value>;\",\n    \"14-1\": \"sets the text font size of the caption text (default = 14)\",\n    \"20-0\": \"shownullvalues=<value>;\",\n    \"4-0\": \"deltastep=<value>;\",\n    \"4-1\": \"This defines the default increase/decrease of the value when a step button is pressed.\",\n    \"1-0\": \"paddingleft=<value>;\\npaddingright=<value>;\\npaddingtop=<value>;\\npaddingbottom=<value>;\",\n    \"1-1\": \"Defines the padding on the defined sides.\",\n    \"9-0\": \"elementcolor=<color>;\",\n    \"9-1\": \"sets the color of the step up/down buttons (+/- or </>)\",\n    \"26-0\": \"valuelist=<value1>,<value2>,<value3>;\",\n    \"26-1\": \"Sets the available values of a toggle editor.\",\n    \"25-0\": \"valuenegativetextcolor=<color>;\",\n    \"25-1\": \"Defines the text font color of a negative value.\",\n    \"11-0\": \"metricvertalign=<value>;\",\n    \"11-2\": \"bottomright\",\n    \"12-0\": \"metrichorzalign=<value>;\",\n    \"12-2\": \"center, left\",\n    \"11-1\": \"Sets the metric text at the bottom right corner of the editor button.\",\n    \"19-2\": \"hex code\\n**default**: transparent\",\n    \"h-3\": \"Examples\",\n    \"19-3\": \"separatorcolor=FAFAFA;\",\n    \"17-3\": \"buttonheight=90;\\nbuttonheight=20%;\",\n    \"0-2\": \"px\",\n    \"0-3\": \"padding=8;\",\n    \"5-2\": \"true, false\",\n    \"7-2\": \"tileedit, valueright, center\",\n    \"20-2\": \"true, false\",\n    \"18-2\": \"hex code\",\n    \"25-2\": \"hex code\",\n    \"24-2\": \"hex code\",\n    \"23-2\": \"px\",\n    \"21-3\": \"numberformat=N2; > 1,234.57\\nnumberformat=P2; > 1,234.57\\nnumberformat=C2; > $123.46\",\n    \"21-2\": \"N - Precision specifier: Desired number of decimal places.\\n\\nP - Precision specifier: Desired number of decimal places.\\n\\nC - Precision specifier: Number of decimal digits.\",\n    \"22-2\": \"hex code\",\n    \"16-2\": \"px\",\n    \"15-2\": \"hex code\",\n    \"14-2\": \"px\",\n    \"13-2\": \"hex code\",\n    \"12-1\": \"Sets the metric text horizontal align.\",\n    \"8-2\": \"hex code\",\n    \"9-2\": \"hex code\",\n    \"6-2\": \"px\",\n    \"1-2\": \"px\",\n    \"10-3\": \"metrictext=in USD;\"\n  },\n  \"cols\": 4,\n  \"rows\": 27\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Special functionality\",\n  \"body\": \"If you define the metric text or caption as \\\"fromcell:D5\\\" the text will be fetched directly from the spreadsheet cell that you have defined. For example: *metrictext=Avg fromcell:D5;*\"\n}\n[/block]","githubsync":"","link_url":"","version":"56123686436e0b0d000129a0","category":"56240b9ed4e3f00d00534bbf","excerpt":"Definition reference for editor buttons","hidden":false,"slug":"editor-buttons","title":"Editor buttons","childrenPages":[]}

Editor buttons

Definition reference for editor buttons

[block:image] { "images": [ { "caption": "caption text", "image": [ "https://files.readme.io/NfLnDFXKQNiPecqXc8rU_2016-04-20_15-23-37.png", "2016-04-20_15-23-37.png", "748", "178", "#089ddc", "" ] } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/NBUmxamSiWeklzUZscHP_2016-04-20_15-23-37.png", "2016-04-20_15-23-37.png", "748", "178", "#13a2dd", "" ], "caption": "metric text" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/iYLVdwcSMieIUI7K5sdl_2016-04-20_15-23-37.png", "2016-04-20_15-23-37.png", "748", "178", "#089ddc", "" ], "caption": "editor elements. The button will increase or decrease the value by the definition \"deltastep\"" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/mLMPIMZNRmaaYtn5FNy1_2016-04-20_15-23-37.png", "2016-04-20_15-23-37.png", "748", "178", "#089ddc", "" ], "caption": "value text. The value will increase or decrease by using a swipe gesture" } ], "sidebar": true } [/block] [block:image] { "images": [ { "caption": "editortype=tileedit; very reduced editor without step buttons. Values can be changed with a click or by swiping.", "image": [ "https://files.readme.io/p1HoZLAPTVSsWsXH4F9Q_2016-04-20_15-28-47.png", "2016-04-20_15-28-47.png", "366", "152", "#c51f35", "" ] } ], "sidebar": true } [/block] [block:image] { "images": [ { "caption": "editortype=valueright;", "image": [ "https://files.readme.io/YTtjW3SjTm4U44yFnLbR_2016-04-20_15-36-54.png", "2016-04-20_15-36-54.png", "740", "154", "#f16354", "" ] } ], "sidebar": true } [/block] [block:image] { "images": [ { "caption": "separatorcolor=D5D5D5; shows a small line at the bottom of the editor", "image": [ "https://files.readme.io/jHpZSJ9tSlqLK74cf3Ff_2016-04-20_15-32-50.png", "2016-04-20_15-32-50.png", "742", "178", "#3882a1", "" ] } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/p8gSQ13RjGm5NBOYbOEt_2016-04-20_17-40-16.png", "2016-04-20_17-40-16.png", "744", "264", "#6f4221", "" ], "caption": "a integer button with border radius and a button opacity. The image in the background was defined using the app definition \"backgroundimage=xxx\"" } ], "sidebar": true } [/block] [block:parameters] { "data": { "h-0": "Definition", "h-1": "Description", "h-2": "Values", "0-0": "padding=<value>;", "0-1": "Defines the border width around the element.", "6-0": "buttonradius=<value>;", "6-1": "Sets a button radius for the corners (rounded button with corner radius = <value>)", "8-0": "bordercolor=<color>;", "8-1": "sets the border color with a given hex value = xxx", "10-0": "metrictext=<value>;", "10-1": "Sets an additional caption (normally at the right top). This can be used to set value descriptions (e.g. \"in USD\").", "13-0": "captiontextcolor=<color>", "13-1": "sets the main caption text color (hex value)", "15-0": "metrictextcolor=<color>;", "15-1": "sets the text color of the metric text (hex value)", "17-0": "buttonheight=<value>;", "17-1": "sets the height of the result button (in \"pixel\" or as a percentage of the display)", "17-2": "px or as % of the display", "18-0": "backgroundcolor=<color>;", "18-1": "sets the background color of the button to hex value = xxx", "21-0": "numberformat=N0; (N1, N2, Nx)\nnumberformat=P0; (P1, P2, Px)\nnumberformat=C0; (C1, C2, Cx)", "21-1": "Sets the number format of the value (if it is a number). Only for double editors!\n\n**N0** is a number without decimal place. N1 with one, N2 with two, ...\n\n**Px** stands for a percentage value with x decimal. \n**Cx** stands for a currency value with x decimal.", "22-0": "buttonopacity=<value>;", "22-1": "Sets the opacity of the button background.", "23-0": "valuefontsize=<value>;", "23-1": "Defines the text font size of the value text.", "24-0": "valuetextcolor=<color>;", "24-1": "Defines the text font color of the value.", "10-2": "Any value", "2-0": "minvalue=<value>;", "2-1": "Sets the minimum value of this editor (for number values).", "3-0": "maxvalue=<value>;", "3-1": "Sets the maximum value of this editor (for number values).", "5-0": "multilinecaption=<value>;", "5-1": "Allows the caption to word wrap the text", "7-0": "editortype=<value>;", "7-1": "defines a simple flat tile button layout", "19-0": "separatorcolor=<color>;", "19-1": "Draws a simple colored line below the element.\n\nLines for single elements are not full width.\n\nLines for groups are full width.", "16-0": "metricfontsize=<value>;", "16-1": "sets the text font size of the metric text (default = 14)", "14-0": "captionfontsize=<value>;", "14-1": "sets the text font size of the caption text (default = 14)", "20-0": "shownullvalues=<value>;", "4-0": "deltastep=<value>;", "4-1": "This defines the default increase/decrease of the value when a step button is pressed.", "1-0": "paddingleft=<value>;\npaddingright=<value>;\npaddingtop=<value>;\npaddingbottom=<value>;", "1-1": "Defines the padding on the defined sides.", "9-0": "elementcolor=<color>;", "9-1": "sets the color of the step up/down buttons (+/- or </>)", "26-0": "valuelist=<value1>,<value2>,<value3>;", "26-1": "Sets the available values of a toggle editor.", "25-0": "valuenegativetextcolor=<color>;", "25-1": "Defines the text font color of a negative value.", "11-0": "metricvertalign=<value>;", "11-2": "bottomright", "12-0": "metrichorzalign=<value>;", "12-2": "center, left", "11-1": "Sets the metric text at the bottom right corner of the editor button.", "19-2": "hex code\n**default**: transparent", "h-3": "Examples", "19-3": "separatorcolor=FAFAFA;", "17-3": "buttonheight=90;\nbuttonheight=20%;", "0-2": "px", "0-3": "padding=8;", "5-2": "true, false", "7-2": "tileedit, valueright, center", "20-2": "true, false", "18-2": "hex code", "25-2": "hex code", "24-2": "hex code", "23-2": "px", "21-3": "numberformat=N2; > 1,234.57\nnumberformat=P2; > 1,234.57\nnumberformat=C2; > $123.46", "21-2": "N - Precision specifier: Desired number of decimal places.\n\nP - Precision specifier: Desired number of decimal places.\n\nC - Precision specifier: Number of decimal digits.", "22-2": "hex code", "16-2": "px", "15-2": "hex code", "14-2": "px", "13-2": "hex code", "12-1": "Sets the metric text horizontal align.", "8-2": "hex code", "9-2": "hex code", "6-2": "px", "1-2": "px", "10-3": "metrictext=in USD;" }, "cols": 4, "rows": 27 } [/block] [block:callout] { "type": "info", "title": "Special functionality", "body": "If you define the metric text or caption as \"fromcell:D5\" the text will be fetched directly from the spreadsheet cell that you have defined. For example: *metrictext=Avg fromcell:D5;*" } [/block]
[block:image] { "images": [ { "caption": "caption text", "image": [ "https://files.readme.io/NfLnDFXKQNiPecqXc8rU_2016-04-20_15-23-37.png", "2016-04-20_15-23-37.png", "748", "178", "#089ddc", "" ] } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/NBUmxamSiWeklzUZscHP_2016-04-20_15-23-37.png", "2016-04-20_15-23-37.png", "748", "178", "#13a2dd", "" ], "caption": "metric text" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/iYLVdwcSMieIUI7K5sdl_2016-04-20_15-23-37.png", "2016-04-20_15-23-37.png", "748", "178", "#089ddc", "" ], "caption": "editor elements. The button will increase or decrease the value by the definition \"deltastep\"" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/mLMPIMZNRmaaYtn5FNy1_2016-04-20_15-23-37.png", "2016-04-20_15-23-37.png", "748", "178", "#089ddc", "" ], "caption": "value text. The value will increase or decrease by using a swipe gesture" } ], "sidebar": true } [/block] [block:image] { "images": [ { "caption": "editortype=tileedit; very reduced editor without step buttons. Values can be changed with a click or by swiping.", "image": [ "https://files.readme.io/p1HoZLAPTVSsWsXH4F9Q_2016-04-20_15-28-47.png", "2016-04-20_15-28-47.png", "366", "152", "#c51f35", "" ] } ], "sidebar": true } [/block] [block:image] { "images": [ { "caption": "editortype=valueright;", "image": [ "https://files.readme.io/YTtjW3SjTm4U44yFnLbR_2016-04-20_15-36-54.png", "2016-04-20_15-36-54.png", "740", "154", "#f16354", "" ] } ], "sidebar": true } [/block] [block:image] { "images": [ { "caption": "separatorcolor=D5D5D5; shows a small line at the bottom of the editor", "image": [ "https://files.readme.io/jHpZSJ9tSlqLK74cf3Ff_2016-04-20_15-32-50.png", "2016-04-20_15-32-50.png", "742", "178", "#3882a1", "" ] } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/p8gSQ13RjGm5NBOYbOEt_2016-04-20_17-40-16.png", "2016-04-20_17-40-16.png", "744", "264", "#6f4221", "" ], "caption": "a integer button with border radius and a button opacity. The image in the background was defined using the app definition \"backgroundimage=xxx\"" } ], "sidebar": true } [/block] [block:parameters] { "data": { "h-0": "Definition", "h-1": "Description", "h-2": "Values", "0-0": "padding=<value>;", "0-1": "Defines the border width around the element.", "6-0": "buttonradius=<value>;", "6-1": "Sets a button radius for the corners (rounded button with corner radius = <value>)", "8-0": "bordercolor=<color>;", "8-1": "sets the border color with a given hex value = xxx", "10-0": "metrictext=<value>;", "10-1": "Sets an additional caption (normally at the right top). This can be used to set value descriptions (e.g. \"in USD\").", "13-0": "captiontextcolor=<color>", "13-1": "sets the main caption text color (hex value)", "15-0": "metrictextcolor=<color>;", "15-1": "sets the text color of the metric text (hex value)", "17-0": "buttonheight=<value>;", "17-1": "sets the height of the result button (in \"pixel\" or as a percentage of the display)", "17-2": "px or as % of the display", "18-0": "backgroundcolor=<color>;", "18-1": "sets the background color of the button to hex value = xxx", "21-0": "numberformat=N0; (N1, N2, Nx)\nnumberformat=P0; (P1, P2, Px)\nnumberformat=C0; (C1, C2, Cx)", "21-1": "Sets the number format of the value (if it is a number). Only for double editors!\n\n**N0** is a number without decimal place. N1 with one, N2 with two, ...\n\n**Px** stands for a percentage value with x decimal. \n**Cx** stands for a currency value with x decimal.", "22-0": "buttonopacity=<value>;", "22-1": "Sets the opacity of the button background.", "23-0": "valuefontsize=<value>;", "23-1": "Defines the text font size of the value text.", "24-0": "valuetextcolor=<color>;", "24-1": "Defines the text font color of the value.", "10-2": "Any value", "2-0": "minvalue=<value>;", "2-1": "Sets the minimum value of this editor (for number values).", "3-0": "maxvalue=<value>;", "3-1": "Sets the maximum value of this editor (for number values).", "5-0": "multilinecaption=<value>;", "5-1": "Allows the caption to word wrap the text", "7-0": "editortype=<value>;", "7-1": "defines a simple flat tile button layout", "19-0": "separatorcolor=<color>;", "19-1": "Draws a simple colored line below the element.\n\nLines for single elements are not full width.\n\nLines for groups are full width.", "16-0": "metricfontsize=<value>;", "16-1": "sets the text font size of the metric text (default = 14)", "14-0": "captionfontsize=<value>;", "14-1": "sets the text font size of the caption text (default = 14)", "20-0": "shownullvalues=<value>;", "4-0": "deltastep=<value>;", "4-1": "This defines the default increase/decrease of the value when a step button is pressed.", "1-0": "paddingleft=<value>;\npaddingright=<value>;\npaddingtop=<value>;\npaddingbottom=<value>;", "1-1": "Defines the padding on the defined sides.", "9-0": "elementcolor=<color>;", "9-1": "sets the color of the step up/down buttons (+/- or </>)", "26-0": "valuelist=<value1>,<value2>,<value3>;", "26-1": "Sets the available values of a toggle editor.", "25-0": "valuenegativetextcolor=<color>;", "25-1": "Defines the text font color of a negative value.", "11-0": "metricvertalign=<value>;", "11-2": "bottomright", "12-0": "metrichorzalign=<value>;", "12-2": "center, left", "11-1": "Sets the metric text at the bottom right corner of the editor button.", "19-2": "hex code\n**default**: transparent", "h-3": "Examples", "19-3": "separatorcolor=FAFAFA;", "17-3": "buttonheight=90;\nbuttonheight=20%;", "0-2": "px", "0-3": "padding=8;", "5-2": "true, false", "7-2": "tileedit, valueright, center", "20-2": "true, false", "18-2": "hex code", "25-2": "hex code", "24-2": "hex code", "23-2": "px", "21-3": "numberformat=N2; > 1,234.57\nnumberformat=P2; > 1,234.57\nnumberformat=C2; > $123.46", "21-2": "N - Precision specifier: Desired number of decimal places.\n\nP - Precision specifier: Desired number of decimal places.\n\nC - Precision specifier: Number of decimal digits.", "22-2": "hex code", "16-2": "px", "15-2": "hex code", "14-2": "px", "13-2": "hex code", "12-1": "Sets the metric text horizontal align.", "8-2": "hex code", "9-2": "hex code", "6-2": "px", "1-2": "px", "10-3": "metrictext=in USD;" }, "cols": 4, "rows": 27 } [/block] [block:callout] { "type": "info", "title": "Special functionality", "body": "If you define the metric text or caption as \"fromcell:D5\" the text will be fetched directly from the spreadsheet cell that you have defined. For example: *metrictext=Avg fromcell:D5;*" } [/block]
{"_id":"5717a502ab848c19009d10b1","api":{"params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"code":"{}","name":"","status":400,"language":"json"}]},"settings":"","url":"","auth":"required"},"githubsync":"","link_external":false,"version":"56123686436e0b0d000129a0","body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4faecd4-spacer.png\",\n        \"spacer.png\",\n        447,\n        354,\n        \"#f9f9fa\"\n      ],\n      \"caption\": \"Drag & Drop a spacer in the \\\"Pages & Elements\\\" view.\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"0-0\": \"backgroundcolor=<color>;\",\n    \"1-0\": \"height=<value>;\",\n    \"0-1\": \"Sets the background color of the spacer.\",\n    \"h-1\": \"Description\",\n    \"h-0\": \"Definition\",\n    \"h-2\": \"Values\",\n    \"1-1\": \"Sets the height of the spacer (in \\\"pixel\\\" or as a percentage of the display)\",\n    \"h-3\": \"Example\",\n    \"0-2\": \"hex code\",\n    \"0-3\": \"backgroundcolor=#00000000;\",\n    \"1-2\": \"px or as % of the display\",\n    \"1-3\": \"height=5;\\nheight=2%;\",\n    \"2-0\": \"buttonradius=<value>;\",\n    \"2-1\": \"Sets a radius for rounded corners.\\n(Not implemented yet)\",\n    \"2-2\": \"px\",\n    \"2-3\": \"buttonradius=5;\"\n  },\n  \"cols\": 4,\n  \"rows\": 3\n}\n[/block]","link_url":"","sync_unique":"","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","createdAt":"2016-04-20T15:49:22.518Z","excerpt":"","isReference":false,"order":6,"project":"56123686436e0b0d0001299d","title":"Spacer definitions","__v":4,"category":"56240b9ed4e3f00d00534bbf","hidden":false,"parentDoc":null,"slug":"spacer-definitions","next":{"description":"","pages":[]},"childrenPages":[]}

Spacer definitions


[block:image] { "images": [ { "image": [ "https://files.readme.io/4faecd4-spacer.png", "spacer.png", 447, 354, "#f9f9fa" ], "caption": "Drag & Drop a spacer in the \"Pages & Elements\" view." } ], "sidebar": true } [/block] [block:parameters] { "data": { "0-0": "backgroundcolor=<color>;", "1-0": "height=<value>;", "0-1": "Sets the background color of the spacer.", "h-1": "Description", "h-0": "Definition", "h-2": "Values", "1-1": "Sets the height of the spacer (in \"pixel\" or as a percentage of the display)", "h-3": "Example", "0-2": "hex code", "0-3": "backgroundcolor=#00000000;", "1-2": "px or as % of the display", "1-3": "height=5;\nheight=2%;", "2-0": "buttonradius=<value>;", "2-1": "Sets a radius for rounded corners.\n(Not implemented yet)", "2-2": "px", "2-3": "buttonradius=5;" }, "cols": 4, "rows": 3 } [/block]
[block:image] { "images": [ { "image": [ "https://files.readme.io/4faecd4-spacer.png", "spacer.png", 447, 354, "#f9f9fa" ], "caption": "Drag & Drop a spacer in the \"Pages & Elements\" view." } ], "sidebar": true } [/block] [block:parameters] { "data": { "0-0": "backgroundcolor=<color>;", "1-0": "height=<value>;", "0-1": "Sets the background color of the spacer.", "h-1": "Description", "h-0": "Definition", "h-2": "Values", "1-1": "Sets the height of the spacer (in \"pixel\" or as a percentage of the display)", "h-3": "Example", "0-2": "hex code", "0-3": "backgroundcolor=#00000000;", "1-2": "px or as % of the display", "1-3": "height=5;\nheight=2%;", "2-0": "buttonradius=<value>;", "2-1": "Sets a radius for rounded corners.\n(Not implemented yet)", "2-2": "px", "2-3": "buttonradius=5;" }, "cols": 4, "rows": 3 } [/block]
{"_id":"5717a5b76e78c819001101e1","version":"56123686436e0b0d000129a0","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Header definitions\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"The flag \\\"labelbackgroundcolor=<color>;\\\" switches the header to \\\"label style\\\".\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/qDoVRgPQTtOJqIXF1Eiq_2016-04-20_17-56-58.png\",\n        \"2016-04-20_17-56-58.png\",\n        \"750\",\n        \"744\",\n        \"#d09850\",\n        \"\"\n      ],\n      \"caption\": \"Header element with the definition \\\"labelbackgroundcolor=D5D5D5;\\\".\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=#cbcbcb;textcolor=#ffffff;labelbackgroundcolor=D5D5D5;textfontsize=21;height=10%;\",\n      \"language\": \"xml\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"0-1\": \"Sets the height of the header.\",\n    \"1-1\": \"Defines the background color of the header.\",\n    \"0-0\": \"height=<value>;\",\n    \"3-1\": \"Defines the text font color of the caption text.\",\n    \"1-0\": \"backgroundcolor=<color>;\",\n    \"2-0\": \"textfontsize=<value>;\",\n    \"3-0\": \"textcolor=<color>;\",\n    \"4-0\": \"labelbackgroundcolor=<color>;\",\n    \"4-1\": \"Using this flag the header uses the **label header style** (with the color value as label color)\",\n    \"4-2\": \"hex code\",\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"h-3\": \"Examples\",\n    \"0-2\": \"px or as % of the display\",\n    \"0-3\": \"height=100;\",\n    \"1-2\": \"hex code\",\n    \"1-3\": \"backgroundcolor=#CBCBCB;\",\n    \"2-2\": \"px\\n**default**: 21\",\n    \"2-1\": \"Defines the text font size of the caption text.\",\n    \"2-3\": \"textfontsize=21;\",\n    \"3-2\": \"hex code\",\n    \"3-3\": \"textcolor=#FFFFFF;\",\n    \"5-0\": \"buttonradius=<value>;\",\n    \"5-3\": \"buttonradius=5;\",\n    \"5-1\": \"Sets a radius for rounded corners.\",\n    \"5-2\": \"px\",\n    \"4-3\": \"labelbackgroundcolor=#D5D5D5;\"\n  },\n  \"cols\": 4,\n  \"rows\": 6\n}\n[/block]","githubsync":"","link_external":false,"next":{"description":"","pages":[]},"updates":[],"excerpt":"","order":7,"parentDoc":null,"sync_unique":"","type":"basic","user":"55b249ab348df72d001d69b7","createdAt":"2016-04-20T15:52:23.226Z","hidden":false,"link_url":"","project":"56123686436e0b0d0001299d","slug":"header-definitions","__v":4,"category":"56240b9ed4e3f00d00534bbf","isReference":false,"title":"Header definitions","childrenPages":[]}

Header definitions


[block:api-header] { "type": "basic", "title": "Header definitions", "sidebar": true } [/block] [block:textarea] { "text": "The flag \"labelbackgroundcolor=<color>;\" switches the header to \"label style\".", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/qDoVRgPQTtOJqIXF1Eiq_2016-04-20_17-56-58.png", "2016-04-20_17-56-58.png", "750", "744", "#d09850", "" ], "caption": "Header element with the definition \"labelbackgroundcolor=D5D5D5;\"." } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "backgroundcolor=#cbcbcb;textcolor=#ffffff;labelbackgroundcolor=D5D5D5;textfontsize=21;height=10%;", "language": "xml" } ], "sidebar": true } [/block] [block:parameters] { "data": { "0-1": "Sets the height of the header.", "1-1": "Defines the background color of the header.", "0-0": "height=<value>;", "3-1": "Defines the text font color of the caption text.", "1-0": "backgroundcolor=<color>;", "2-0": "textfontsize=<value>;", "3-0": "textcolor=<color>;", "4-0": "labelbackgroundcolor=<color>;", "4-1": "Using this flag the header uses the **label header style** (with the color value as label color)", "4-2": "hex code", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "0-2": "px or as % of the display", "0-3": "height=100;", "1-2": "hex code", "1-3": "backgroundcolor=#CBCBCB;", "2-2": "px\n**default**: 21", "2-1": "Defines the text font size of the caption text.", "2-3": "textfontsize=21;", "3-2": "hex code", "3-3": "textcolor=#FFFFFF;", "5-0": "buttonradius=<value>;", "5-3": "buttonradius=5;", "5-1": "Sets a radius for rounded corners.", "5-2": "px", "4-3": "labelbackgroundcolor=#D5D5D5;" }, "cols": 4, "rows": 6 } [/block]
[block:api-header] { "type": "basic", "title": "Header definitions", "sidebar": true } [/block] [block:textarea] { "text": "The flag \"labelbackgroundcolor=<color>;\" switches the header to \"label style\".", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/qDoVRgPQTtOJqIXF1Eiq_2016-04-20_17-56-58.png", "2016-04-20_17-56-58.png", "750", "744", "#d09850", "" ], "caption": "Header element with the definition \"labelbackgroundcolor=D5D5D5;\"." } ], "sidebar": true } [/block] [block:code] { "codes": [ { "code": "backgroundcolor=#cbcbcb;textcolor=#ffffff;labelbackgroundcolor=D5D5D5;textfontsize=21;height=10%;", "language": "xml" } ], "sidebar": true } [/block] [block:parameters] { "data": { "0-1": "Sets the height of the header.", "1-1": "Defines the background color of the header.", "0-0": "height=<value>;", "3-1": "Defines the text font color of the caption text.", "1-0": "backgroundcolor=<color>;", "2-0": "textfontsize=<value>;", "3-0": "textcolor=<color>;", "4-0": "labelbackgroundcolor=<color>;", "4-1": "Using this flag the header uses the **label header style** (with the color value as label color)", "4-2": "hex code", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "0-2": "px or as % of the display", "0-3": "height=100;", "1-2": "hex code", "1-3": "backgroundcolor=#CBCBCB;", "2-2": "px\n**default**: 21", "2-1": "Defines the text font size of the caption text.", "2-3": "textfontsize=21;", "3-2": "hex code", "3-3": "textcolor=#FFFFFF;", "5-0": "buttonradius=<value>;", "5-3": "buttonradius=5;", "5-1": "Sets a radius for rounded corners.", "5-2": "px", "4-3": "labelbackgroundcolor=#D5D5D5;" }, "cols": 4, "rows": 6 } [/block]
{"_id":"57fb7f9abbb6cc0e00c92d37","parentDoc":null,"version":"56123686436e0b0d000129a0","hidden":false,"link_external":false,"createdAt":"2016-10-10T11:46:34.552Z","link_url":"","project":"56123686436e0b0d0001299d","slug":"grid-definitions","title":"Grid definitions","body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b5333fc-doku-grid.png\",\n        \"doku-grid.png\",\n        1242,\n        1241,\n        \"#43474d\"\n      ],\n      \"caption\": \"Grid with flag \\\"theme=dark\\\"\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"0-1\": \"Sets the height of the grid (in \\\"pixel\\\" or as a percentage of the display).\",\n    \"0-0\": \"height=<value>;\",\n    \"0-2\": \"px or as % of the display\",\n    \"1-0\": \"padding=<value>;\",\n    \"1-1\": \"Sets the padding for the grid.\",\n    \"1-2\": \"px\",\n    \"2-0\": \"gridcollapsegroups=<value>;\",\n    \"2-1\": \"Shows groups collapsed (if true) or expanded (if false) per default\",\n    \"2-2\": \"true/false\\n**default:** false\",\n    \"3-0\": \"headeravailable=<value>;\",\n    \"3-1\": \"Sets the first row of the table as column header.\",\n    \"3-2\": \"true/false\\n**default:** true\",\n    \"4-0\": \"showcolumnheader=<value>;\",\n    \"4-1\": \"Sets column headers active/inactive.\",\n    \"6-0\": \"detailcolumns=<index1>:<type1>,<index2>:<type2>;\",\n    \"7-0\": \"drilldowncolumns=<index1>,<index2>;\",\n    \"9-0\": \"searchcolumns=<index1>,<index2>;\",\n    \"6-1\": \"Defines the visible columns of the detail dialog.\\nColumn indices are relative to the position of your list, so if your list starts in column C, index 1 represents column C.\",\n    \"7-1\": \"Defines columns for the dynamic dashboard and filter function.\",\n    \"9-1\": \"Defines columns for the search function. If no indices are defined all columns of type text are used.\",\n    \"4-2\": \"true/false\\n**default:** true\",\n    \"6-2\": \"**index:** Column list index\\n\\n**type:** text, image, number, date, time, phone, web, email, map, address\\n**default:** text\",\n    \"7-2\": \"Column list index\",\n    \"9-2\": \"Column list index\",\n    \"11-0\": \"locationcolumns=<longitude>,<latitude>;\",\n    \"11-1\": \"Defines the columns with latitude and longitude values for the map.\",\n    \"11-2\": \"Column list index containing the longitude value. Column list index containing the  latitude value.\",\n    \"12-0\": \"gridtheme=<value>;\",\n    \"12-1\": \"Sets the color theme of the list.\",\n    \"10-0\": \"showsearchpanel=<value>;\",\n    \"10-1\": \"Sets the search bar active/inactive.\",\n    \"10-2\": \"true/false\\n**default:** true\",\n    \"12-2\": \"dark/light\\n**default:** light\",\n    \"13-0\": \"groupcolumn=<index>;\",\n    \"13-1\": \"Groups your rows after a specific column.\",\n    \"13-2\": \"Column list index.\",\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"h-3\": \"Examples\",\n    \"0-3\": \"height=100%;\\nheight=200;\",\n    \"1-3\": \"padding=8;\",\n    \"2-3\": \"gridcollapsegroups=false;\",\n    \"3-3\": \"headeravailable=true;\",\n    \"4-3\": \"showcolumnheader=true;\",\n    \"6-3\": \"detailcolumns=1:text,2:web;\",\n    \"7-3\": \"drilldowncolumns=1,2;\",\n    \"9-3\": \"searchcolumns=1,4;\",\n    \"10-3\": \"showsearchpanel=true;\",\n    \"11-3\": \"locationcolumns=9,10;\",\n    \"12-3\": \"gridtheme=light;\",\n    \"13-3\": \"groupcolumn=2;\",\n    \"5-0\": \"listcolumns=<index1>:<width1>:<type1>,<index2>:<width2>:<type2>;\",\n    \"5-1\": \"Defines the visible columns of the list.\\nColumn indices are relative to the position of your list, so if your list starts in column C, index 1 represents column C.\",\n    \"5-2\": \"**index:** Column list index\\n\\n**width:** Width in px\\n\\n**type:** text, image, number, date, time, phone, web, email, distance, address\\n**default:** text\",\n    \"5-3\": \"listcolumns=1:150:text,4:80:image;\",\n    \"8-0\": \"sumcolumns=<index1>,<index2>;\",\n    \"8-1\": \"\"\n  },\n  \"cols\": 4,\n  \"rows\": 14\n}\n[/block]","order":8,"sync_unique":"","type":"basic","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"category":"56240b9ed4e3f00d00534bbf","githubsync":"","isReference":false,"updates":[],"user":"55b249ab348df72d001d69b7","__v":0,"excerpt":"","childrenPages":[]}

Grid definitions


[block:image] { "images": [ { "image": [ "https://files.readme.io/b5333fc-doku-grid.png", "doku-grid.png", 1242, 1241, "#43474d" ], "caption": "Grid with flag \"theme=dark\"" } ], "sidebar": true } [/block] [block:parameters] { "data": { "0-1": "Sets the height of the grid (in \"pixel\" or as a percentage of the display).", "0-0": "height=<value>;", "0-2": "px or as % of the display", "1-0": "padding=<value>;", "1-1": "Sets the padding for the grid.", "1-2": "px", "2-0": "gridcollapsegroups=<value>;", "2-1": "Shows groups collapsed (if true) or expanded (if false) per default", "2-2": "true/false\n**default:** false", "3-0": "headeravailable=<value>;", "3-1": "Sets the first row of the table as column header.", "3-2": "true/false\n**default:** true", "4-0": "showcolumnheader=<value>;", "4-1": "Sets column headers active/inactive.", "6-0": "detailcolumns=<index1>:<type1>,<index2>:<type2>;", "7-0": "drilldowncolumns=<index1>,<index2>;", "9-0": "searchcolumns=<index1>,<index2>;", "6-1": "Defines the visible columns of the detail dialog.\nColumn indices are relative to the position of your list, so if your list starts in column C, index 1 represents column C.", "7-1": "Defines columns for the dynamic dashboard and filter function.", "9-1": "Defines columns for the search function. If no indices are defined all columns of type text are used.", "4-2": "true/false\n**default:** true", "6-2": "**index:** Column list index\n\n**type:** text, image, number, date, time, phone, web, email, map, address\n**default:** text", "7-2": "Column list index", "9-2": "Column list index", "11-0": "locationcolumns=<longitude>,<latitude>;", "11-1": "Defines the columns with latitude and longitude values for the map.", "11-2": "Column list index containing the longitude value. Column list index containing the latitude value.", "12-0": "gridtheme=<value>;", "12-1": "Sets the color theme of the list.", "10-0": "showsearchpanel=<value>;", "10-1": "Sets the search bar active/inactive.", "10-2": "true/false\n**default:** true", "12-2": "dark/light\n**default:** light", "13-0": "groupcolumn=<index>;", "13-1": "Groups your rows after a specific column.", "13-2": "Column list index.", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "0-3": "height=100%;\nheight=200;", "1-3": "padding=8;", "2-3": "gridcollapsegroups=false;", "3-3": "headeravailable=true;", "4-3": "showcolumnheader=true;", "6-3": "detailcolumns=1:text,2:web;", "7-3": "drilldowncolumns=1,2;", "9-3": "searchcolumns=1,4;", "10-3": "showsearchpanel=true;", "11-3": "locationcolumns=9,10;", "12-3": "gridtheme=light;", "13-3": "groupcolumn=2;", "5-0": "listcolumns=<index1>:<width1>:<type1>,<index2>:<width2>:<type2>;", "5-1": "Defines the visible columns of the list.\nColumn indices are relative to the position of your list, so if your list starts in column C, index 1 represents column C.", "5-2": "**index:** Column list index\n\n**width:** Width in px\n\n**type:** text, image, number, date, time, phone, web, email, distance, address\n**default:** text", "5-3": "listcolumns=1:150:text,4:80:image;", "8-0": "sumcolumns=<index1>,<index2>;", "8-1": "" }, "cols": 4, "rows": 14 } [/block]
[block:image] { "images": [ { "image": [ "https://files.readme.io/b5333fc-doku-grid.png", "doku-grid.png", 1242, 1241, "#43474d" ], "caption": "Grid with flag \"theme=dark\"" } ], "sidebar": true } [/block] [block:parameters] { "data": { "0-1": "Sets the height of the grid (in \"pixel\" or as a percentage of the display).", "0-0": "height=<value>;", "0-2": "px or as % of the display", "1-0": "padding=<value>;", "1-1": "Sets the padding for the grid.", "1-2": "px", "2-0": "gridcollapsegroups=<value>;", "2-1": "Shows groups collapsed (if true) or expanded (if false) per default", "2-2": "true/false\n**default:** false", "3-0": "headeravailable=<value>;", "3-1": "Sets the first row of the table as column header.", "3-2": "true/false\n**default:** true", "4-0": "showcolumnheader=<value>;", "4-1": "Sets column headers active/inactive.", "6-0": "detailcolumns=<index1>:<type1>,<index2>:<type2>;", "7-0": "drilldowncolumns=<index1>,<index2>;", "9-0": "searchcolumns=<index1>,<index2>;", "6-1": "Defines the visible columns of the detail dialog.\nColumn indices are relative to the position of your list, so if your list starts in column C, index 1 represents column C.", "7-1": "Defines columns for the dynamic dashboard and filter function.", "9-1": "Defines columns for the search function. If no indices are defined all columns of type text are used.", "4-2": "true/false\n**default:** true", "6-2": "**index:** Column list index\n\n**type:** text, image, number, date, time, phone, web, email, map, address\n**default:** text", "7-2": "Column list index", "9-2": "Column list index", "11-0": "locationcolumns=<longitude>,<latitude>;", "11-1": "Defines the columns with latitude and longitude values for the map.", "11-2": "Column list index containing the longitude value. Column list index containing the latitude value.", "12-0": "gridtheme=<value>;", "12-1": "Sets the color theme of the list.", "10-0": "showsearchpanel=<value>;", "10-1": "Sets the search bar active/inactive.", "10-2": "true/false\n**default:** true", "12-2": "dark/light\n**default:** light", "13-0": "groupcolumn=<index>;", "13-1": "Groups your rows after a specific column.", "13-2": "Column list index.", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "0-3": "height=100%;\nheight=200;", "1-3": "padding=8;", "2-3": "gridcollapsegroups=false;", "3-3": "headeravailable=true;", "4-3": "showcolumnheader=true;", "6-3": "detailcolumns=1:text,2:web;", "7-3": "drilldowncolumns=1,2;", "9-3": "searchcolumns=1,4;", "10-3": "showsearchpanel=true;", "11-3": "locationcolumns=9,10;", "12-3": "gridtheme=light;", "13-3": "groupcolumn=2;", "5-0": "listcolumns=<index1>:<width1>:<type1>,<index2>:<width2>:<type2>;", "5-1": "Defines the visible columns of the list.\nColumn indices are relative to the position of your list, so if your list starts in column C, index 1 represents column C.", "5-2": "**index:** Column list index\n\n**width:** Width in px\n\n**type:** text, image, number, date, time, phone, web, email, distance, address\n**default:** text", "5-3": "listcolumns=1:150:text,4:80:image;", "8-0": "sumcolumns=<index1>,<index2>;", "8-1": "" }, "cols": 4, "rows": 14 } [/block]
{"_id":"57fb7fa761ff2e170020248c","excerpt":"","githubsync":"","parentDoc":null,"user":"55b249ab348df72d001d69b7","hidden":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"type":"basic","createdAt":"2016-10-10T11:46:47.207Z","isReference":false,"project":"56123686436e0b0d0001299d","slug":"cardview-definitions","sync_unique":"","title":"Card list definitions","version":"56123686436e0b0d000129a0","__v":1,"api":{"params":[],"url":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required"},"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b9de5d0-doku-cards.png\",\n        \"doku-cards.png\",\n        1242,\n        1415,\n        \"#3d474a\"\n      ],\n      \"caption\": \"Default card view with image url and defined groupcolumn\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/fd2da3a-K1600_heroimage.JPG\",\n        \"K1600_heroimage.JPG\",\n        1080,\n        1920,\n        \"#e1c2bb\"\n      ],\n      \"caption\": \"Heroimage card template\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\nCard views are like a grid view. They share the basic definitions with them. You can activate the card view by setting the item definition *contenttype=\"**cardlist**\"*. \nThe available columns are also defined via the **listcolumns** definition. \nThe first column will be the header line, the second column the middle line and the third column the last line of a card. If links to online available image files are included in the source file, these images are displayed on the right side of the card.\n[block:parameters]\n{\n  \"data\": {\n    \"0-1\": \"Sets the height of the whole card list element (in \\\"pixel\\\" or as a percentage of the display).\",\n    \"4-1\": \"Sets the width of the right image in default card template. \\n*The image will be automatically added when there is a listcolumn with a valid url defined*.\",\n    \"0-0\": \"height=<value>;\",\n    \"4-0\": \"imagewidth=<value>;\",\n    \"7-0\": \"categorycolorpalette=<color1>,<color2>,<color3>,<color4>;\",\n    \"7-1\": \"This color palette will be used for the category colors. The first entry is <color1>, the second <color2>, the third <color3>, the fourth <color4> and then <color1> again.\",\n    \"7-2\": \"hex code\\n**default**: #EDAD52,#21BADA,#3CC795,#EC7063\",\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"h-3\": \"Example\",\n    \"7-3\": \"categorycolorpalette=#EDAD52,#21BADA,#3CC795,#EC7063;\",\n    \"0-2\": \"px or as % of the display\",\n    \"4-2\": \"px\\n**default**: 60\",\n    \"4-3\": \"imagewidth=60;\",\n    \"0-3\": \"height=80%;\\nheight=400;\",\n    \"8-0\": \"imagefillmode=<value>;\",\n    \"8-2\": \"aspectfit, aspectfill, fill\\n**default**: aspectfill\",\n    \"8-3\": \"imagefillmode=aspectfill;\",\n    \"8-1\": \"The imagefillmode definition determines how the image is stretched.\\n\\nThe width for the image is set to 60px.\\n\\n\\\"Aspect fit\\\" scales the image until the biggest side fits flush with the target area. This may cause blank spaces.\\n\\n\\\"Aspect fill\\\" scales the image until the smallest side fits flush with the target area. (Height of the card, 60px width.)\\nWhen using aspect fill your image may be cropped.\\n\\n\\\"Fill\\\" will stretch and/or scale the image as needed to fill the desired space, what will often lead to a distorted image.\",\n    \"6-0\": \"cardpadding=<value1>,<value2>,<value3>,<value4>;\",\n    \"6-1\": \"Sets padding for left, top, right, bottom.\",\n    \"6-2\": \"Comma separated px values.\\n\\nYou can specify 1, 2 or 4 values: \\ncardpadding=10; for uniform padding, \\ncardpadding=10,20; for left=10,right=10,top=20,bottom=20 \\ncardpadding=10,20,30,40; for left=10,top=20,right=30,bottom=40 (starting left going clockwise)\",\n    \"6-3\": \"cardpadding=10,20,30,40;\",\n    \"5-0\": \"imageheight=<value>;\",\n    \"5-1\": \"Sets the height of the image in heroimage card template. \\n*The image will be automatically added when there is a listcolumn with a valid url defined.*\",\n    \"5-2\": \"px\\n**default**: 150\",\n    \"5-3\": \"imageheight=150;\",\n    \"3-0\": \"cardtemplate=<value>;\",\n    \"3-1\": \"Sets the template of the card list.\",\n    \"3-2\": \"default, heroimage\\n**default**: default\",\n    \"3-3\": \"cardtemplate=heroimage;\",\n    \"2-0\": \"categorywidth=<value>;\",\n    \"2-1\": \"Sets the width of the left color tag. This color tag can be defined using the flag \\\"categorycolumn\\\".\",\n    \"2-2\": \"px\\n**default**: 15\",\n    \"2-3\": \"categorywidth=15;\",\n    \"1-0\": \"categorycolumn=<index>;\",\n    \"1-1\": \"The category column is used to create the color markers on the left side of the card. \\n\\nYou cannot define a color for a single value inside this column! The system will create the categories based on occurrence and a given color palette.\",\n    \"1-2\": \"Column list index\",\n    \"1-3\": \"categorycolumn=1;\"\n  },\n  \"cols\": 4,\n  \"rows\": 9\n}\n[/block]","category":"56240b9ed4e3f00d00534bbf","order":9,"updates":[],"childrenPages":[]}

Card list definitions


[block:image] { "images": [ { "image": [ "https://files.readme.io/b9de5d0-doku-cards.png", "doku-cards.png", 1242, 1415, "#3d474a" ], "caption": "Default card view with image url and defined groupcolumn" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/fd2da3a-K1600_heroimage.JPG", "K1600_heroimage.JPG", 1080, 1920, "#e1c2bb" ], "caption": "Heroimage card template" } ], "sidebar": true } [/block] Card views are like a grid view. They share the basic definitions with them. You can activate the card view by setting the item definition *contenttype="**cardlist**"*. The available columns are also defined via the **listcolumns** definition. The first column will be the header line, the second column the middle line and the third column the last line of a card. If links to online available image files are included in the source file, these images are displayed on the right side of the card. [block:parameters] { "data": { "0-1": "Sets the height of the whole card list element (in \"pixel\" or as a percentage of the display).", "4-1": "Sets the width of the right image in default card template. \n*The image will be automatically added when there is a listcolumn with a valid url defined*.", "0-0": "height=<value>;", "4-0": "imagewidth=<value>;", "7-0": "categorycolorpalette=<color1>,<color2>,<color3>,<color4>;", "7-1": "This color palette will be used for the category colors. The first entry is <color1>, the second <color2>, the third <color3>, the fourth <color4> and then <color1> again.", "7-2": "hex code\n**default**: #EDAD52,#21BADA,#3CC795,#EC7063", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Example", "7-3": "categorycolorpalette=#EDAD52,#21BADA,#3CC795,#EC7063;", "0-2": "px or as % of the display", "4-2": "px\n**default**: 60", "4-3": "imagewidth=60;", "0-3": "height=80%;\nheight=400;", "8-0": "imagefillmode=<value>;", "8-2": "aspectfit, aspectfill, fill\n**default**: aspectfill", "8-3": "imagefillmode=aspectfill;", "8-1": "The imagefillmode definition determines how the image is stretched.\n\nThe width for the image is set to 60px.\n\n\"Aspect fit\" scales the image until the biggest side fits flush with the target area. This may cause blank spaces.\n\n\"Aspect fill\" scales the image until the smallest side fits flush with the target area. (Height of the card, 60px width.)\nWhen using aspect fill your image may be cropped.\n\n\"Fill\" will stretch and/or scale the image as needed to fill the desired space, what will often lead to a distorted image.", "6-0": "cardpadding=<value1>,<value2>,<value3>,<value4>;", "6-1": "Sets padding for left, top, right, bottom.", "6-2": "Comma separated px values.\n\nYou can specify 1, 2 or 4 values: \ncardpadding=10; for uniform padding, \ncardpadding=10,20; for left=10,right=10,top=20,bottom=20 \ncardpadding=10,20,30,40; for left=10,top=20,right=30,bottom=40 (starting left going clockwise)", "6-3": "cardpadding=10,20,30,40;", "5-0": "imageheight=<value>;", "5-1": "Sets the height of the image in heroimage card template. \n*The image will be automatically added when there is a listcolumn with a valid url defined.*", "5-2": "px\n**default**: 150", "5-3": "imageheight=150;", "3-0": "cardtemplate=<value>;", "3-1": "Sets the template of the card list.", "3-2": "default, heroimage\n**default**: default", "3-3": "cardtemplate=heroimage;", "2-0": "categorywidth=<value>;", "2-1": "Sets the width of the left color tag. This color tag can be defined using the flag \"categorycolumn\".", "2-2": "px\n**default**: 15", "2-3": "categorywidth=15;", "1-0": "categorycolumn=<index>;", "1-1": "The category column is used to create the color markers on the left side of the card. \n\nYou cannot define a color for a single value inside this column! The system will create the categories based on occurrence and a given color palette.", "1-2": "Column list index", "1-3": "categorycolumn=1;" }, "cols": 4, "rows": 9 } [/block]
[block:image] { "images": [ { "image": [ "https://files.readme.io/b9de5d0-doku-cards.png", "doku-cards.png", 1242, 1415, "#3d474a" ], "caption": "Default card view with image url and defined groupcolumn" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/fd2da3a-K1600_heroimage.JPG", "K1600_heroimage.JPG", 1080, 1920, "#e1c2bb" ], "caption": "Heroimage card template" } ], "sidebar": true } [/block] Card views are like a grid view. They share the basic definitions with them. You can activate the card view by setting the item definition *contenttype="**cardlist**"*. The available columns are also defined via the **listcolumns** definition. The first column will be the header line, the second column the middle line and the third column the last line of a card. If links to online available image files are included in the source file, these images are displayed on the right side of the card. [block:parameters] { "data": { "0-1": "Sets the height of the whole card list element (in \"pixel\" or as a percentage of the display).", "4-1": "Sets the width of the right image in default card template. \n*The image will be automatically added when there is a listcolumn with a valid url defined*.", "0-0": "height=<value>;", "4-0": "imagewidth=<value>;", "7-0": "categorycolorpalette=<color1>,<color2>,<color3>,<color4>;", "7-1": "This color palette will be used for the category colors. The first entry is <color1>, the second <color2>, the third <color3>, the fourth <color4> and then <color1> again.", "7-2": "hex code\n**default**: #EDAD52,#21BADA,#3CC795,#EC7063", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Example", "7-3": "categorycolorpalette=#EDAD52,#21BADA,#3CC795,#EC7063;", "0-2": "px or as % of the display", "4-2": "px\n**default**: 60", "4-3": "imagewidth=60;", "0-3": "height=80%;\nheight=400;", "8-0": "imagefillmode=<value>;", "8-2": "aspectfit, aspectfill, fill\n**default**: aspectfill", "8-3": "imagefillmode=aspectfill;", "8-1": "The imagefillmode definition determines how the image is stretched.\n\nThe width for the image is set to 60px.\n\n\"Aspect fit\" scales the image until the biggest side fits flush with the target area. This may cause blank spaces.\n\n\"Aspect fill\" scales the image until the smallest side fits flush with the target area. (Height of the card, 60px width.)\nWhen using aspect fill your image may be cropped.\n\n\"Fill\" will stretch and/or scale the image as needed to fill the desired space, what will often lead to a distorted image.", "6-0": "cardpadding=<value1>,<value2>,<value3>,<value4>;", "6-1": "Sets padding for left, top, right, bottom.", "6-2": "Comma separated px values.\n\nYou can specify 1, 2 or 4 values: \ncardpadding=10; for uniform padding, \ncardpadding=10,20; for left=10,right=10,top=20,bottom=20 \ncardpadding=10,20,30,40; for left=10,top=20,right=30,bottom=40 (starting left going clockwise)", "6-3": "cardpadding=10,20,30,40;", "5-0": "imageheight=<value>;", "5-1": "Sets the height of the image in heroimage card template. \n*The image will be automatically added when there is a listcolumn with a valid url defined.*", "5-2": "px\n**default**: 150", "5-3": "imageheight=150;", "3-0": "cardtemplate=<value>;", "3-1": "Sets the template of the card list.", "3-2": "default, heroimage\n**default**: default", "3-3": "cardtemplate=heroimage;", "2-0": "categorywidth=<value>;", "2-1": "Sets the width of the left color tag. This color tag can be defined using the flag \"categorycolumn\".", "2-2": "px\n**default**: 15", "2-3": "categorywidth=15;", "1-0": "categorycolumn=<index>;", "1-1": "The category column is used to create the color markers on the left side of the card. \n\nYou cannot define a color for a single value inside this column! The system will create the categories based on occurrence and a given color palette.", "1-2": "Column list index", "1-3": "categorycolumn=1;" }, "cols": 4, "rows": 9 } [/block]
{"_id":"57fb7fb003a7f92000032fb4","parentDoc":null,"type":"basic","updates":[],"version":"56123686436e0b0d000129a0","api":{"url":"","settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[]},"excerpt":"","isReference":false,"link_external":false,"next":{"description":"","pages":[]},"order":10,"title":"Chart definitions","__v":1,"category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-10-10T11:46:56.068Z","body":"[block:parameters]\n{\n  \"data\": {\n    \"0-1\": \"Sets the type of the chart.\",\n    \"2-1\": \"Sets the color of the charts background.\",\n    \"0-0\": \"charttype=<value>;\",\n    \"2-0\": \"backgroundcolor=<color>;\",\n    \"0-2\": \"area, bubble, column, donut, funnel, bar, line, pie, polar, pyramid, spline, splinearea, columnstacked, barstacked, areastacked\",\n    \"1-0\": \"height=<value>;\",\n    \"1-1\": \"Sets the height of the chart (in \\\"pixel\\\" or as a percentage of the display).\",\n    \"1-2\": \"px or as % of the display\",\n    \"2-2\": \"hex code\",\n    \"4-0\": \"seriescolor=<color>;\",\n    \"4-1\": \"Sets the color of all series in a chart.\",\n    \"6-0\": \"colorpalette=<color1>,<color2>,<color3>;\",\n    \"6-1\": \"Sets the color of each chart value.\",\n    \"7-0\": \"showlegend=<value>;\",\n    \"7-1\": \"Sets the chart legend.\",\n    \"7-2\": \"true/false\\n**default:** true for donut, pie funnel, pyramid, false otherwise.\",\n    \"4-2\": \"hex code\",\n    \"6-2\": \"hex code\\n**default:** false\",\n    \"8-2\": \"hex code\",\n    \"8-0\": \"legendtextcolor=<color>;\",\n    \"8-1\": \"Sets the color of the legend text.\",\n    \"9-0\": \"titletextcolor=<color>;\",\n    \"9-1\": \"Sets the color of the title (caption of the element) as well as of the axis captions (xaxiscaption, yaxiscaption).\",\n    \"9-2\": \"hex code\",\n    \"3-0\": \"showdatamarker=<value>;\",\n    \"3-2\": \"true/false\\n**default:** true for donut, pie funnel, pyramid, false otherwise.\",\n    \"3-1\": \"Sets the data markers (labels) above a chart.\",\n    \"10-0\": \"xaxiscaption=<value>;\",\n    \"11-0\": \"yaxiscaption=<value>;\",\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"h-3\": \"Examples\",\n    \"2-3\": \"backgroundcolor=#1DE9B6;\",\n    \"1-3\": \"height=50%;\\nheight=200;\",\n    \"10-1\": \"Sets the caption for the x axis of the chart.\",\n    \"11-1\": \"Sets the caption for the y axis of the chart.\",\n    \"10-2\": \"value\",\n    \"11-2\": \"value\",\n    \"11-3\": \"yaxiscaption=customers;\",\n    \"10-3\": \"xaxiscaption=time;\",\n    \"9-3\": \"titletextcolor=#1DE9B6;\",\n    \"8-3\": \"legendtextcolor=#1DE9B6;\",\n    \"7-3\": \"showlegend=false;\",\n    \"6-3\": \"colorpalette=#1DE9B6,#FF0060,#455a64;\",\n    \"4-3\": \"seriescolor=#1DE9B6;\",\n    \"3-3\": \"showdatamarker=true;\",\n    \"0-3\": \"charttype=donut;\",\n    \"5-0\": \"seriescaptions=<value1>,<value2>;\",\n    \"5-1\": \"Sets the title of each particular series.\",\n    \"5-2\": \"value\",\n    \"5-3\": \"seriescaption=Revenue,Forecast;\",\n    \"12-0\": \"numberformat=N0; (N1, N2, Nx)\\nnumberformat=P0; (P1, P2, Px)\\nnumberformat=F0; (F1, F2, Fx)\",\n    \"12-1\": \"Sets the number format of the values (if it is a number) in the data markers and axes.\\n\\nN0 is a number without decimal place. N1 with one, N2 with two, ...\\n\\nPx stands for a percentage value with x decimal.\\n\\nFx stands for integral and decimal digits with optional negative sign.\",\n    \"12-2\": \"N - Precision specifier: Desired number of decimal places.\\n\\nP - Precision specifier: Desired number of decimal places.\\n\\nF - Precision specifier: Number of decimal digits.\",\n    \"12-3\": \"numberformat=N2; > 1,234.57\\nnumberformat=P2; > 12.57%\\nnumberformat=F4; > 1234.5600\",\n    \"13-2\": \"category, numeric, datetime\",\n    \"13-1\": \"Sets the scale of the axis for optimal formatting.\",\n    \"13-0\": \"primaryaxistype=<value>;\",\n    \"13-3\": \"primaryaxistype=datetime;\"\n  },\n  \"cols\": 4,\n  \"rows\": 14\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Use charts for filtering a list\",\n  \"body\": \"By adding the definition linkinfo=component:list,type:filter,data:<columnheader>; to your chart you can use the columns for filtering the list contained in your app.\\n\\nExample App: [https://get.openasapp.net/l/app/6f74412f-73bf-4c23-8b18-71c2f90c5704](https://get.openasapp.net/l/app/6f74412f-73bf-4c23-8b18-71c2f90c5704)\"\n}\n[/block]\nIn the example above we used our well known salespeople list. \nWe added two pivot tables there: \n1. Column \"Sales last year\" summed by column \"Country\"\n2. Column \"Sales YTD\" summed by column \"TerritoryName\"\n\nEach table is also available as a chart. We added each of them to our list application....","link_url":"","slug":"chart-definitions","sync_unique":"","user":"55b249ab348df72d001d69b7","githubsync":"","hidden":false,"project":"56123686436e0b0d0001299d","childrenPages":[]}

Chart definitions


[block:parameters] { "data": { "0-1": "Sets the type of the chart.", "2-1": "Sets the color of the charts background.", "0-0": "charttype=<value>;", "2-0": "backgroundcolor=<color>;", "0-2": "area, bubble, column, donut, funnel, bar, line, pie, polar, pyramid, spline, splinearea, columnstacked, barstacked, areastacked", "1-0": "height=<value>;", "1-1": "Sets the height of the chart (in \"pixel\" or as a percentage of the display).", "1-2": "px or as % of the display", "2-2": "hex code", "4-0": "seriescolor=<color>;", "4-1": "Sets the color of all series in a chart.", "6-0": "colorpalette=<color1>,<color2>,<color3>;", "6-1": "Sets the color of each chart value.", "7-0": "showlegend=<value>;", "7-1": "Sets the chart legend.", "7-2": "true/false\n**default:** true for donut, pie funnel, pyramid, false otherwise.", "4-2": "hex code", "6-2": "hex code\n**default:** false", "8-2": "hex code", "8-0": "legendtextcolor=<color>;", "8-1": "Sets the color of the legend text.", "9-0": "titletextcolor=<color>;", "9-1": "Sets the color of the title (caption of the element) as well as of the axis captions (xaxiscaption, yaxiscaption).", "9-2": "hex code", "3-0": "showdatamarker=<value>;", "3-2": "true/false\n**default:** true for donut, pie funnel, pyramid, false otherwise.", "3-1": "Sets the data markers (labels) above a chart.", "10-0": "xaxiscaption=<value>;", "11-0": "yaxiscaption=<value>;", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "2-3": "backgroundcolor=#1DE9B6;", "1-3": "height=50%;\nheight=200;", "10-1": "Sets the caption for the x axis of the chart.", "11-1": "Sets the caption for the y axis of the chart.", "10-2": "value", "11-2": "value", "11-3": "yaxiscaption=customers;", "10-3": "xaxiscaption=time;", "9-3": "titletextcolor=#1DE9B6;", "8-3": "legendtextcolor=#1DE9B6;", "7-3": "showlegend=false;", "6-3": "colorpalette=#1DE9B6,#FF0060,#455a64;", "4-3": "seriescolor=#1DE9B6;", "3-3": "showdatamarker=true;", "0-3": "charttype=donut;", "5-0": "seriescaptions=<value1>,<value2>;", "5-1": "Sets the title of each particular series.", "5-2": "value", "5-3": "seriescaption=Revenue,Forecast;", "12-0": "numberformat=N0; (N1, N2, Nx)\nnumberformat=P0; (P1, P2, Px)\nnumberformat=F0; (F1, F2, Fx)", "12-1": "Sets the number format of the values (if it is a number) in the data markers and axes.\n\nN0 is a number without decimal place. N1 with one, N2 with two, ...\n\nPx stands for a percentage value with x decimal.\n\nFx stands for integral and decimal digits with optional negative sign.", "12-2": "N - Precision specifier: Desired number of decimal places.\n\nP - Precision specifier: Desired number of decimal places.\n\nF - Precision specifier: Number of decimal digits.", "12-3": "numberformat=N2; > 1,234.57\nnumberformat=P2; > 12.57%\nnumberformat=F4; > 1234.5600", "13-2": "category, numeric, datetime", "13-1": "Sets the scale of the axis for optimal formatting.", "13-0": "primaryaxistype=<value>;", "13-3": "primaryaxistype=datetime;" }, "cols": 4, "rows": 14 } [/block] [block:callout] { "type": "info", "title": "Use charts for filtering a list", "body": "By adding the definition linkinfo=component:list,type:filter,data:<columnheader>; to your chart you can use the columns for filtering the list contained in your app.\n\nExample App: [https://get.openasapp.net/l/app/6f74412f-73bf-4c23-8b18-71c2f90c5704](https://get.openasapp.net/l/app/6f74412f-73bf-4c23-8b18-71c2f90c5704)" } [/block] In the example above we used our well known salespeople list. We added two pivot tables there: 1. Column "Sales last year" summed by column "Country" 2. Column "Sales YTD" summed by column "TerritoryName" Each table is also available as a chart. We added each of them to our list application....
[block:parameters] { "data": { "0-1": "Sets the type of the chart.", "2-1": "Sets the color of the charts background.", "0-0": "charttype=<value>;", "2-0": "backgroundcolor=<color>;", "0-2": "area, bubble, column, donut, funnel, bar, line, pie, polar, pyramid, spline, splinearea, columnstacked, barstacked, areastacked", "1-0": "height=<value>;", "1-1": "Sets the height of the chart (in \"pixel\" or as a percentage of the display).", "1-2": "px or as % of the display", "2-2": "hex code", "4-0": "seriescolor=<color>;", "4-1": "Sets the color of all series in a chart.", "6-0": "colorpalette=<color1>,<color2>,<color3>;", "6-1": "Sets the color of each chart value.", "7-0": "showlegend=<value>;", "7-1": "Sets the chart legend.", "7-2": "true/false\n**default:** true for donut, pie funnel, pyramid, false otherwise.", "4-2": "hex code", "6-2": "hex code\n**default:** false", "8-2": "hex code", "8-0": "legendtextcolor=<color>;", "8-1": "Sets the color of the legend text.", "9-0": "titletextcolor=<color>;", "9-1": "Sets the color of the title (caption of the element) as well as of the axis captions (xaxiscaption, yaxiscaption).", "9-2": "hex code", "3-0": "showdatamarker=<value>;", "3-2": "true/false\n**default:** true for donut, pie funnel, pyramid, false otherwise.", "3-1": "Sets the data markers (labels) above a chart.", "10-0": "xaxiscaption=<value>;", "11-0": "yaxiscaption=<value>;", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "2-3": "backgroundcolor=#1DE9B6;", "1-3": "height=50%;\nheight=200;", "10-1": "Sets the caption for the x axis of the chart.", "11-1": "Sets the caption for the y axis of the chart.", "10-2": "value", "11-2": "value", "11-3": "yaxiscaption=customers;", "10-3": "xaxiscaption=time;", "9-3": "titletextcolor=#1DE9B6;", "8-3": "legendtextcolor=#1DE9B6;", "7-3": "showlegend=false;", "6-3": "colorpalette=#1DE9B6,#FF0060,#455a64;", "4-3": "seriescolor=#1DE9B6;", "3-3": "showdatamarker=true;", "0-3": "charttype=donut;", "5-0": "seriescaptions=<value1>,<value2>;", "5-1": "Sets the title of each particular series.", "5-2": "value", "5-3": "seriescaption=Revenue,Forecast;", "12-0": "numberformat=N0; (N1, N2, Nx)\nnumberformat=P0; (P1, P2, Px)\nnumberformat=F0; (F1, F2, Fx)", "12-1": "Sets the number format of the values (if it is a number) in the data markers and axes.\n\nN0 is a number without decimal place. N1 with one, N2 with two, ...\n\nPx stands for a percentage value with x decimal.\n\nFx stands for integral and decimal digits with optional negative sign.", "12-2": "N - Precision specifier: Desired number of decimal places.\n\nP - Precision specifier: Desired number of decimal places.\n\nF - Precision specifier: Number of decimal digits.", "12-3": "numberformat=N2; > 1,234.57\nnumberformat=P2; > 12.57%\nnumberformat=F4; > 1234.5600", "13-2": "category, numeric, datetime", "13-1": "Sets the scale of the axis for optimal formatting.", "13-0": "primaryaxistype=<value>;", "13-3": "primaryaxistype=datetime;" }, "cols": 4, "rows": 14 } [/block] [block:callout] { "type": "info", "title": "Use charts for filtering a list", "body": "By adding the definition linkinfo=component:list,type:filter,data:<columnheader>; to your chart you can use the columns for filtering the list contained in your app.\n\nExample App: [https://get.openasapp.net/l/app/6f74412f-73bf-4c23-8b18-71c2f90c5704](https://get.openasapp.net/l/app/6f74412f-73bf-4c23-8b18-71c2f90c5704)" } [/block] In the example above we used our well known salespeople list. We added two pivot tables there: 1. Column "Sales last year" summed by column "Country" 2. Column "Sales YTD" summed by column "TerritoryName" Each table is also available as a chart. We added each of them to our list application....
{"_id":"5888aebbe7c13a2d00752030","next":{"pages":[],"description":""},"project":"56123686436e0b0d0001299d","title":"Group definitions","sync_unique":"","api":{"params":[],"url":"","settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"code":"{}","name":"","status":400,"language":"json"}]},"auth":"required"},"body":"[block:parameters]\n{\n  \"data\": {\n    \"0-1\": \"Defines a spacing between the items contained in this group.\",\n    \"0-0\": \"columnspacing=<value>;\",\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"h-3\": \"Examples\",\n    \"1-0\": \"buttonheight=<value>;\",\n    \"1-2\": \"px or as % of the display\",\n    \"1-3\": \"height=30%;\\nheight=200;\",\n    \"0-2\": \"px\",\n    \"0-3\": \"columnspacing=5;\",\n    \"1-1\": \"Sets the height of the group (in \\\"pixel\\\" or as a percentage of the display).\\n\\nPlease note that the group will be shown in the app at least as high as the highest element within the group. It is therefore important to adjust the height of the individual elements.\",\n    \"2-0\": \"separatorcolor=<color>;\",\n    \"2-3\": \"separatorcolor=transparent;\",\n    \"2-1\": \"Draws a simple colored line below the element.\\n\\nLines for groups are full width.\",\n    \"2-2\": \"hex code\\n**default**: transparent\",\n    \"3-0\": \"padding=<value1>;\",\n    \"4-0\": \"padding=<value1>,<value2>;\",\n    \"5-0\": \"padding=<value1>,<value2>,<value3>,<value4>;\",\n    \"5-1\": \"Sets padding for left, top, right, bottom.\",\n    \"4-1\": \"Sets horizontal and vertical padding.\",\n    \"3-1\": \"Sets uniform padding.\",\n    \"3-2\": \"px\",\n    \"4-2\": \"Comma separated px values\\nOrder: horizontal, vertical.\",\n    \"5-2\": \"Comma separated px values\\nOrder: Left, top, right, bottom.\",\n    \"4-3\": \"padding=10,30;\\nPadding for the top and bottom is 10 pixels, the left and right is 30 pixels.\",\n    \"5-3\": \"padding=10,20,30,40;\",\n    \"3-3\": \"padding=10;\\nPadding for all four sides is 10 pixels.\"\n  },\n  \"cols\": 4,\n  \"rows\": 6\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"You can use the definition \\\"elementwidth=<value>;\\\" for items contained in a group.\\n\\n**default:** 1* => auto, just fills up the space\\npixel / percent support same way as height\\n  * <number> => pixels\\n  * <number>% => percent\\n  * the last element or those without specified width fill up the remaining space.\\n\\nAgain: This is just supported when item is within a **group**.\",\n  \"title\": \"Element width\"\n}\n[/block]","excerpt":"Groups include multiple single elements. Groups are defined as items wth contenttype=\"grouplayout\" and have specific options. Grouped items appear side by side in the app.","hidden":false,"isReference":false,"link_url":"","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","__v":0,"category":"56240b9ed4e3f00d00534bbf","githubsync":"","link_external":false,"order":11,"createdAt":"2017-01-25T13:57:15.042Z","parentDoc":null,"slug":"group-definitions","version":"56123686436e0b0d000129a0","childrenPages":[]}

Group definitions

Groups include multiple single elements. Groups are defined as items wth contenttype="grouplayout" and have specific options. Grouped items appear side by side in the app.

[block:parameters] { "data": { "0-1": "Defines a spacing between the items contained in this group.", "0-0": "columnspacing=<value>;", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "1-0": "buttonheight=<value>;", "1-2": "px or as % of the display", "1-3": "height=30%;\nheight=200;", "0-2": "px", "0-3": "columnspacing=5;", "1-1": "Sets the height of the group (in \"pixel\" or as a percentage of the display).\n\nPlease note that the group will be shown in the app at least as high as the highest element within the group. It is therefore important to adjust the height of the individual elements.", "2-0": "separatorcolor=<color>;", "2-3": "separatorcolor=transparent;", "2-1": "Draws a simple colored line below the element.\n\nLines for groups are full width.", "2-2": "hex code\n**default**: transparent", "3-0": "padding=<value1>;", "4-0": "padding=<value1>,<value2>;", "5-0": "padding=<value1>,<value2>,<value3>,<value4>;", "5-1": "Sets padding for left, top, right, bottom.", "4-1": "Sets horizontal and vertical padding.", "3-1": "Sets uniform padding.", "3-2": "px", "4-2": "Comma separated px values\nOrder: horizontal, vertical.", "5-2": "Comma separated px values\nOrder: Left, top, right, bottom.", "4-3": "padding=10,30;\nPadding for the top and bottom is 10 pixels, the left and right is 30 pixels.", "5-3": "padding=10,20,30,40;", "3-3": "padding=10;\nPadding for all four sides is 10 pixels." }, "cols": 4, "rows": 6 } [/block] [block:callout] { "type": "info", "body": "You can use the definition \"elementwidth=<value>;\" for items contained in a group.\n\n**default:** 1* => auto, just fills up the space\npixel / percent support same way as height\n * <number> => pixels\n * <number>% => percent\n * the last element or those without specified width fill up the remaining space.\n\nAgain: This is just supported when item is within a **group**.", "title": "Element width" } [/block]
[block:parameters] { "data": { "0-1": "Defines a spacing between the items contained in this group.", "0-0": "columnspacing=<value>;", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "1-0": "buttonheight=<value>;", "1-2": "px or as % of the display", "1-3": "height=30%;\nheight=200;", "0-2": "px", "0-3": "columnspacing=5;", "1-1": "Sets the height of the group (in \"pixel\" or as a percentage of the display).\n\nPlease note that the group will be shown in the app at least as high as the highest element within the group. It is therefore important to adjust the height of the individual elements.", "2-0": "separatorcolor=<color>;", "2-3": "separatorcolor=transparent;", "2-1": "Draws a simple colored line below the element.\n\nLines for groups are full width.", "2-2": "hex code\n**default**: transparent", "3-0": "padding=<value1>;", "4-0": "padding=<value1>,<value2>;", "5-0": "padding=<value1>,<value2>,<value3>,<value4>;", "5-1": "Sets padding for left, top, right, bottom.", "4-1": "Sets horizontal and vertical padding.", "3-1": "Sets uniform padding.", "3-2": "px", "4-2": "Comma separated px values\nOrder: horizontal, vertical.", "5-2": "Comma separated px values\nOrder: Left, top, right, bottom.", "4-3": "padding=10,30;\nPadding for the top and bottom is 10 pixels, the left and right is 30 pixels.", "5-3": "padding=10,20,30,40;", "3-3": "padding=10;\nPadding for all four sides is 10 pixels." }, "cols": 4, "rows": 6 } [/block] [block:callout] { "type": "info", "body": "You can use the definition \"elementwidth=<value>;\" for items contained in a group.\n\n**default:** 1* => auto, just fills up the space\npixel / percent support same way as height\n * <number> => pixels\n * <number>% => percent\n * the last element or those without specified width fill up the remaining space.\n\nAgain: This is just supported when item is within a **group**.", "title": "Element width" } [/block]
{"_id":"568ff9374719c119002ce639","sync_unique":"","user":"55b249ab348df72d001d69b7","link_url":"","title":"Supported Excel Functions","type":"basic","__v":11,"category":"568ff8664719c119002ce635","createdAt":"2016-01-08T18:00:23.022Z","hidden":false,"api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"name":"","status":400,"language":"json","code":"{}"}]},"settings":"","url":""},"excerpt":"","parentDoc":null,"project":"56123686436e0b0d0001299d","link_external":false,"next":{"pages":[],"description":""},"order":0,"slug":"supported-excel-functions","body":"Here you can view and download a document with all supported Excel functions: as Excel file.\n[block:embed]\n{\n  \"html\": false,\n  \"url\": \"https://www.dropbox.com/s/vp6z00mvfmkyuxo/Supported%20Functions.xls\",\n  \"title\": \"Supported Functions.xls\",\n  \"favicon\": \"https://cfl.dropboxstatic.com/static/images/favicon-vflk5FiAC.ico\",\n  \"image\": \"https://cfl.dropboxstatic.com/static/images/icons128/page_white_excel.png\"\n}\n[/block]","githubsync":"","isReference":false,"updates":[],"version":"56123686436e0b0d000129a0","childrenPages":[]}

Supported Excel Functions


Here you can view and download a document with all supported Excel functions: as Excel file. [block:embed] { "html": false, "url": "https://www.dropbox.com/s/vp6z00mvfmkyuxo/Supported%20Functions.xls", "title": "Supported Functions.xls", "favicon": "https://cfl.dropboxstatic.com/static/images/favicon-vflk5FiAC.ico", "image": "https://cfl.dropboxstatic.com/static/images/icons128/page_white_excel.png" } [/block]
Here you can view and download a document with all supported Excel functions: as Excel file. [block:embed] { "html": false, "url": "https://www.dropbox.com/s/vp6z00mvfmkyuxo/Supported%20Functions.xls", "title": "Supported Functions.xls", "favicon": "https://cfl.dropboxstatic.com/static/images/favicon-vflk5FiAC.ico", "image": "https://cfl.dropboxstatic.com/static/images/icons128/page_white_excel.png" } [/block]
{"_id":"58beaf85f0f7570f00aee2d8","parentDoc":null,"category":"56123d153cf4bc0d00554e39","excerpt":"Navigate in your app by using own buttons instead of page tabs.","githubsync":"","hidden":false,"link_external":false,"link_url":"","order":0,"sync_unique":"","title":"Advanced Navigation","__v":0,"api":{"settings":"","auth":"required","params":[],"url":"","results":{"codes":[{"name":"","status":200,"language":"json","code":"{}"},{"status":400,"language":"json","code":"{}","name":""}]}},"createdAt":"2017-03-07T13:03:01.244Z","project":"56123686436e0b0d0001299d","slug":"advanced-navigation","type":"basic","version":"56123686436e0b0d000129a0","body":"[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"App using the advanced navigation\",\n  \"body\": \"App: [https://oaa.app.link/launch-app-1f35ae5b-10ff-46e1-a349-fd7286e6ebe9](https://oaa.app.link/launch-app-1f35ae5b-10ff-46e1-a349-fd7286e6ebe9)\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"Button \\\"Home\\\".\\nText for the button is coming from cell B1 in the spreadsheet and can be designed like a normal text value in output buttons.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"  <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!B1\\\">\\n                    <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\",\n      \"language\": \"xml\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"Additional element on each page to \\\"tag\\\" the page.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"                <item id=\\\"Dd2bzcR3\\\" caption=\\\"\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>componentname=home-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\\n                </item>\",\n      \"language\": \"xml\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\nApp definitions\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"functionbuttoncolor=#09679b;pagecount=3;disablepageselection=true;headeropacity=10\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Disable Page Tabs\",\n  \"body\": \"You can disable the classic page tabs by using the app definition **disablepageselection=true;** \"\n}\n[/block]\nRaw XML Configuration\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"Home\\\" definitions=\\\"sheetname=Tabelle1;summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <caption>Main</caption>\\n            <description>Main</description>\\n            <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\\n            <items>\\n                <item id=\\\"W06nj8oE\\\" caption=\\\"Navigation buttons:\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=1*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\\n                </item>\\n                <item id=\\\"ub92mLd1\\\" caption=\\\"ub92mLd1\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=1*;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!B1\\\">\\n                    <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\\n                <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!C1\\\">\\n                    <itemdefinitions>linkinfo=component:circle-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\\n                <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!D1\\\">\\n                    <itemdefinitions>linkinfo=component:people-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\\n                <item id=\\\"BACXtXyJ\\\" caption=\\\"Button &quot;Home&quot;. Text for the button is coming from cell B1 in the spreadsheet and can be designed like a normal text value in output buttons. By adding the definition linkinfo=component:home-tab; the button will guide to to the page where it finds the componentname &quot;home-tab&quot;. See below.\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=3*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\\n                </item>\\n                <item id=\\\"205b9PkS\\\" caption=\\\"Additional element on each page to &quot;tag&quot; the page: &lt;item caption=&quot;&quot; id=&quot;&quot; inputtype=&quot;&quot; contenttype=&quot;&quot; address=&quot;&quot;&gt; &lt;itemdefinitions&gt;componentname=home-tab;backgroundcolor=#00000000;buttonheight=1%;&lt;/itemdefinitions&gt; &lt;/item&gt;\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=3*;backgroundcolor=#9c9c9c;textcolor=#ffffff;textfontsize=17</itemdefinitions>\\n                </item>\\n                <item caption=\\\"\\\" id=\\\"\\\" inputtype=\\\"\\\" contenttype=\\\"\\\" address=\\\"\\\">\\n                    <itemdefinitions>componentname=home-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"2\\\" caption=\\\"Circle\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"ub92mLd1\\\" caption=\\\"ub92mLd1\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=1*;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!B1\\\">\\n                    <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\\n                <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!C1\\\">\\n                    <itemdefinitions>linkinfo=component:circle-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\\n                <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!D1\\\">\\n                    <itemdefinitions>linkinfo=component:people-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\\n                <item id=\\\"205b9PkS\\\" caption=\\\"&quot;Circle&quot;-Button: &lt;item id=&quot;&quot; caption=&quot;&quot; inputtype=&quot;output&quot; contenttype=&quot;string&quot; address=&quot;Tabelle1!C1&quot;&gt;     &lt;itemdefinitions&gt;linkinfo=component:circle-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;&lt;/itemdefinitions&gt; &lt;/item&gt;\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=2*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Radius\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"Tabelle1!B5\\\" id=\\\"8hs5UO6M\\\">\\n                    <itemdefinitions>backgroundcolor=white;buttonheight=15%;elementcolor=#09679B;valuetextcolor=#09679B;</itemdefinitions>\\n                </item>\\n                <item id=\\\"SDLZtkhn\\\" caption=\\\"SDLZtkhn\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Circumference\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Tabelle1!B8\\\" id=\\\"l6PkugfW\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679B;usecellformat=true;groupname=SDLZtkhn</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Diameter\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Tabelle1!B7\\\" id=\\\"0irDthRF\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679B;usecellformat=true;groupname=SDLZtkhn</itemdefinitions>\\n                </item>\\n                <item caption=\\\"\\\" id=\\\"l5Vg1DCE\\\" inputtype=\\\"\\\" contenttype=\\\"\\\" address=\\\"\\\">\\n                    <itemdefinitions>componentname=circle-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"3\\\" caption=\\\"People\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"ub92mLd1\\\" caption=\\\"ub92mLd1\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=1*;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!B1\\\">\\n                    <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\\n                <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!C1\\\">\\n                    <itemdefinitions>linkinfo=component:circle-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\\n                <item id=\\\"\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"Tabelle1!D1\\\">\\n                    <itemdefinitions>linkinfo=component:people-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\\n                </item>\\n                <item id=\\\"205b9PkS\\\" caption=\\\"&quot;People&quot;-Button: &lt;item id=&quot;&quot; caption=&quot;&quot; inputtype=&quot;output&quot; contenttype=&quot;string&quot; address=&quot;Tabelle1!D1&quot;&gt;     &lt;itemdefinitions&gt;linkinfo=component:people-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;&lt;/itemdefinitions&gt; &lt;/item&gt;\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=3*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\\n                </item>\\n                <item caption=\\\"\\\" inputtype=\\\"\\\" contenttype=\\\"list\\\" address=\\\"Tabelle1!F4\\\" id=\\\"b5RfDert\\\">\\n                    <itemdefinitions>componentname=b5RfDert;gridtheme=dark;padding=0;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;height=3*;headeravailable=true;showcolumnheader=false;drilldowncolumns=6,4;listcolumns=1::text,2::text,3::text,4::text,5::phone,6::text,7::email;detailcolumns=1:text,2:text,3:text,4:text,5:phone,6:text,7:email;showsearchpanel=false</itemdefinitions>\\n                </item>\\n                <item caption=\\\"\\\" id=\\\"l8Vg1DGE\\\" inputtype=\\\"\\\" contenttype=\\\"\\\" address=\\\"\\\">\\n                    <itemdefinitions>componentname=people-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]","isReference":false,"next":{"pages":[],"description":""},"updates":[],"user":"56f00bdbd2877b34002479f1","childrenPages":[]}

Advanced Navigation

Navigate in your app by using own buttons instead of page tabs.

[block:callout] { "type": "info", "title": "App using the advanced navigation", "body": "App: [https://oaa.app.link/launch-app-1f35ae5b-10ff-46e1-a349-fd7286e6ebe9](https://oaa.app.link/launch-app-1f35ae5b-10ff-46e1-a349-fd7286e6ebe9)", "sidebar": true } [/block] [block:textarea] { "text": "Button \"Home\".\nText for the button is coming from cell B1 in the spreadsheet and can be designed like a normal text value in output buttons.", "sidebar": true } [/block] [block:code] { "codes": [ { "code": " <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!B1\">\n <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>", "language": "xml" } ], "sidebar": true } [/block] [block:textarea] { "text": "Additional element on each page to \"tag\" the page.", "sidebar": true } [/block] [block:code] { "codes": [ { "code": " <item id=\"Dd2bzcR3\" caption=\"\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>componentname=home-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\n </item>", "language": "xml" } ], "sidebar": true } [/block] App definitions [block:code] { "codes": [ { "code": "functionbuttoncolor=#09679b;pagecount=3;disablepageselection=true;headeropacity=10", "language": "text" } ] } [/block] [block:callout] { "type": "info", "title": "Disable Page Tabs", "body": "You can disable the classic page tabs by using the app definition **disablepageselection=true;** " } [/block] Raw XML Configuration [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Home\" definitions=\"sheetname=Tabelle1;summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"1\">\n <caption>Main</caption>\n <description>Main</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"W06nj8oE\" caption=\"Navigation buttons:\" contenttype=\"header\">\n <itemdefinitions>height=1*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item id=\"ub92mLd1\" caption=\"ub92mLd1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=1*;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!B1\">\n <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!C1\">\n <itemdefinitions>linkinfo=component:circle-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!D1\">\n <itemdefinitions>linkinfo=component:people-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"BACXtXyJ\" caption=\"Button &quot;Home&quot;. Text for the button is coming from cell B1 in the spreadsheet and can be designed like a normal text value in output buttons. By adding the definition linkinfo=component:home-tab; the button will guide to to the page where it finds the componentname &quot;home-tab&quot;. See below.\" contenttype=\"header\">\n <itemdefinitions>height=3*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item id=\"205b9PkS\" caption=\"Additional element on each page to &quot;tag&quot; the page: &lt;item caption=&quot;&quot; id=&quot;&quot; inputtype=&quot;&quot; contenttype=&quot;&quot; address=&quot;&quot;&gt; &lt;itemdefinitions&gt;componentname=home-tab;backgroundcolor=#00000000;buttonheight=1%;&lt;/itemdefinitions&gt; &lt;/item&gt;\" contenttype=\"header\">\n <itemdefinitions>height=3*;backgroundcolor=#9c9c9c;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item caption=\"\" id=\"\" inputtype=\"\" contenttype=\"\" address=\"\">\n <itemdefinitions>componentname=home-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Circle\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"ub92mLd1\" caption=\"ub92mLd1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=1*;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!B1\">\n <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!C1\">\n <itemdefinitions>linkinfo=component:circle-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!D1\">\n <itemdefinitions>linkinfo=component:people-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"205b9PkS\" caption=\"&quot;Circle&quot;-Button: &lt;item id=&quot;&quot; caption=&quot;&quot; inputtype=&quot;output&quot; contenttype=&quot;string&quot; address=&quot;Tabelle1!C1&quot;&gt; &lt;itemdefinitions&gt;linkinfo=component:circle-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;&lt;/itemdefinitions&gt; &lt;/item&gt;\" contenttype=\"header\">\n <itemdefinitions>height=2*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item caption=\"Radius\" inputtype=\"input\" contenttype=\"integer\" address=\"Tabelle1!B5\" id=\"8hs5UO6M\">\n <itemdefinitions>backgroundcolor=white;buttonheight=15%;elementcolor=#09679B;valuetextcolor=#09679B;</itemdefinitions>\n </item>\n <item id=\"SDLZtkhn\" caption=\"SDLZtkhn\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Circumference\" inputtype=\"output\" contenttype=\"result\" address=\"Tabelle1!B8\" id=\"l6PkugfW\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679B;usecellformat=true;groupname=SDLZtkhn</itemdefinitions>\n </item>\n <item caption=\"Diameter\" inputtype=\"output\" contenttype=\"result\" address=\"Tabelle1!B7\" id=\"0irDthRF\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679B;usecellformat=true;groupname=SDLZtkhn</itemdefinitions>\n </item>\n <item caption=\"\" id=\"l5Vg1DCE\" inputtype=\"\" contenttype=\"\" address=\"\">\n <itemdefinitions>componentname=circle-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"3\" caption=\"People\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"ub92mLd1\" caption=\"ub92mLd1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=1*;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!B1\">\n <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!C1\">\n <itemdefinitions>linkinfo=component:circle-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!D1\">\n <itemdefinitions>linkinfo=component:people-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"205b9PkS\" caption=\"&quot;People&quot;-Button: &lt;item id=&quot;&quot; caption=&quot;&quot; inputtype=&quot;output&quot; contenttype=&quot;string&quot; address=&quot;Tabelle1!D1&quot;&gt; &lt;itemdefinitions&gt;linkinfo=component:people-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;&lt;/itemdefinitions&gt; &lt;/item&gt;\" contenttype=\"header\">\n <itemdefinitions>height=3*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item caption=\"\" inputtype=\"\" contenttype=\"list\" address=\"Tabelle1!F4\" id=\"b5RfDert\">\n <itemdefinitions>componentname=b5RfDert;gridtheme=dark;padding=0;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;height=3*;headeravailable=true;showcolumnheader=false;drilldowncolumns=6,4;listcolumns=1::text,2::text,3::text,4::text,5::phone,6::text,7::email;detailcolumns=1:text,2:text,3:text,4:text,5:phone,6:text,7:email;showsearchpanel=false</itemdefinitions>\n </item>\n <item caption=\"\" id=\"l8Vg1DGE\" inputtype=\"\" contenttype=\"\" address=\"\">\n <itemdefinitions>componentname=people-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block]
[block:callout] { "type": "info", "title": "App using the advanced navigation", "body": "App: [https://oaa.app.link/launch-app-1f35ae5b-10ff-46e1-a349-fd7286e6ebe9](https://oaa.app.link/launch-app-1f35ae5b-10ff-46e1-a349-fd7286e6ebe9)", "sidebar": true } [/block] [block:textarea] { "text": "Button \"Home\".\nText for the button is coming from cell B1 in the spreadsheet and can be designed like a normal text value in output buttons.", "sidebar": true } [/block] [block:code] { "codes": [ { "code": " <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!B1\">\n <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>", "language": "xml" } ], "sidebar": true } [/block] [block:textarea] { "text": "Additional element on each page to \"tag\" the page.", "sidebar": true } [/block] [block:code] { "codes": [ { "code": " <item id=\"Dd2bzcR3\" caption=\"\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>componentname=home-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\n </item>", "language": "xml" } ], "sidebar": true } [/block] App definitions [block:code] { "codes": [ { "code": "functionbuttoncolor=#09679b;pagecount=3;disablepageselection=true;headeropacity=10", "language": "text" } ] } [/block] [block:callout] { "type": "info", "title": "Disable Page Tabs", "body": "You can disable the classic page tabs by using the app definition **disablepageselection=true;** " } [/block] Raw XML Configuration [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Home\" definitions=\"sheetname=Tabelle1;summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"1\">\n <caption>Main</caption>\n <description>Main</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"W06nj8oE\" caption=\"Navigation buttons:\" contenttype=\"header\">\n <itemdefinitions>height=1*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item id=\"ub92mLd1\" caption=\"ub92mLd1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=1*;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!B1\">\n <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!C1\">\n <itemdefinitions>linkinfo=component:circle-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!D1\">\n <itemdefinitions>linkinfo=component:people-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"BACXtXyJ\" caption=\"Button &quot;Home&quot;. Text for the button is coming from cell B1 in the spreadsheet and can be designed like a normal text value in output buttons. By adding the definition linkinfo=component:home-tab; the button will guide to to the page where it finds the componentname &quot;home-tab&quot;. See below.\" contenttype=\"header\">\n <itemdefinitions>height=3*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item id=\"205b9PkS\" caption=\"Additional element on each page to &quot;tag&quot; the page: &lt;item caption=&quot;&quot; id=&quot;&quot; inputtype=&quot;&quot; contenttype=&quot;&quot; address=&quot;&quot;&gt; &lt;itemdefinitions&gt;componentname=home-tab;backgroundcolor=#00000000;buttonheight=1%;&lt;/itemdefinitions&gt; &lt;/item&gt;\" contenttype=\"header\">\n <itemdefinitions>height=3*;backgroundcolor=#9c9c9c;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item caption=\"\" id=\"\" inputtype=\"\" contenttype=\"\" address=\"\">\n <itemdefinitions>componentname=home-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Circle\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"ub92mLd1\" caption=\"ub92mLd1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=1*;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!B1\">\n <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!C1\">\n <itemdefinitions>linkinfo=component:circle-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!D1\">\n <itemdefinitions>linkinfo=component:people-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"205b9PkS\" caption=\"&quot;Circle&quot;-Button: &lt;item id=&quot;&quot; caption=&quot;&quot; inputtype=&quot;output&quot; contenttype=&quot;string&quot; address=&quot;Tabelle1!C1&quot;&gt; &lt;itemdefinitions&gt;linkinfo=component:circle-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;&lt;/itemdefinitions&gt; &lt;/item&gt;\" contenttype=\"header\">\n <itemdefinitions>height=2*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item caption=\"Radius\" inputtype=\"input\" contenttype=\"integer\" address=\"Tabelle1!B5\" id=\"8hs5UO6M\">\n <itemdefinitions>backgroundcolor=white;buttonheight=15%;elementcolor=#09679B;valuetextcolor=#09679B;</itemdefinitions>\n </item>\n <item id=\"SDLZtkhn\" caption=\"SDLZtkhn\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Circumference\" inputtype=\"output\" contenttype=\"result\" address=\"Tabelle1!B8\" id=\"l6PkugfW\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679B;usecellformat=true;groupname=SDLZtkhn</itemdefinitions>\n </item>\n <item caption=\"Diameter\" inputtype=\"output\" contenttype=\"result\" address=\"Tabelle1!B7\" id=\"0irDthRF\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679B;usecellformat=true;groupname=SDLZtkhn</itemdefinitions>\n </item>\n <item caption=\"\" id=\"l5Vg1DCE\" inputtype=\"\" contenttype=\"\" address=\"\">\n <itemdefinitions>componentname=circle-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"3\" caption=\"People\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"ub92mLd1\" caption=\"ub92mLd1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=1*;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!B1\">\n <itemdefinitions>linkinfo=component:home-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!C1\">\n <itemdefinitions>linkinfo=component:circle-tab;backgroundcolor=#30404D;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"Tabelle1!D1\">\n <itemdefinitions>linkinfo=component:people-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;groupname=ub92mLd1</itemdefinitions>\n </item>\n <item id=\"205b9PkS\" caption=\"&quot;People&quot;-Button: &lt;item id=&quot;&quot; caption=&quot;&quot; inputtype=&quot;output&quot; contenttype=&quot;string&quot; address=&quot;Tabelle1!D1&quot;&gt; &lt;itemdefinitions&gt;linkinfo=component:people-tab;backgroundcolor=#13bb98;valuetextcolor=#ffffff;&lt;/itemdefinitions&gt; &lt;/item&gt;\" contenttype=\"header\">\n <itemdefinitions>height=3*;backgroundcolor=#cbcbcb;textcolor=#ffffff;textfontsize=17</itemdefinitions>\n </item>\n <item caption=\"\" inputtype=\"\" contenttype=\"list\" address=\"Tabelle1!F4\" id=\"b5RfDert\">\n <itemdefinitions>componentname=b5RfDert;gridtheme=dark;padding=0;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;height=3*;headeravailable=true;showcolumnheader=false;drilldowncolumns=6,4;listcolumns=1::text,2::text,3::text,4::text,5::phone,6::text,7::email;detailcolumns=1:text,2:text,3:text,4:text,5:phone,6:text,7:email;showsearchpanel=false</itemdefinitions>\n </item>\n <item caption=\"\" id=\"l8Vg1DGE\" inputtype=\"\" contenttype=\"\" address=\"\">\n <itemdefinitions>componentname=people-tab;backgroundcolor=#00000000;buttonheight=1%;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block]
{"_id":"57fd0db50072502200fa94d2","sync_unique":"","type":"basic","createdAt":"2016-10-11T16:05:09.599Z","parentDoc":null,"slug":"brutto-netto-rechner","body":"**Link to this app**\n[https://oaa.app.link/launch-app-09a4b01b-c945-48ed-af8b-d0e5b9759557](https://oaa.app.link/launch-app-09a4b01b-c945-48ed-af8b-d0e5b9759557)\n\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=#212741;topareaheight=26%;paddinghorz=10;paddingvert=10;functionbuttoncolor=#0168b3;pagecount=3;headeropacity=8;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/09a4b01b-c945-48ed-af8b-d0e5b9759557/public/topAreaImage.jpeg?v=yHdBbxH2;allowpushtoserver=true\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"Main\\\" definitions=\\\"sheetname=Eingabe;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <caption>Main</caption>\\n            <description>Main</description>\\n            <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\\n            <items>\\n                <item id=\\\"VHHP0upt\\\" caption=\\\"Steuerpflichtiger Arbeitslohn\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"Eingabe!B2\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff; usecellformat=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"DKQ7CKRg\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"D51fQzW1\\\" caption=\\\"im Jahr=1, Monat=2, Woche=3, Tag=4\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"Eingabe!D3\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"A7m3e7cL\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>backgroundcolor=#00000000;height=5;</itemdefinitions>\\n                </item>\\n                <item id=\\\"OZKDJOji\\\" caption=\\\"Steuerklasse 1 - 6\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"Eingabe!B4\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"oOMYHkL1\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"wFbsGw0H\\\" caption=\\\"wFbsGw0H\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"PthXIIBZ\\\" caption=\\\"Ehegattenfaktor nur für StKl IV\\\" inputtype=\\\"input\\\" contenttype=\\\"double\\\" address=\\\"Eingabe!B5\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;minvalue=0;maxvalue=1;groupname=wFbsGw0H;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"cR7FONWt\\\" caption=\\\"LstTabbelle besondere\\\" inputtype=\\\"input\\\" contenttype=\\\"checkbox\\\" address=\\\"Eingabe!I7\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=wFbsGw0H;captiontextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"YjRZrhf4\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"a32w6OUp\\\" caption=\\\"a32w6OUp\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"lefkuSUD\\\" caption=\\\"Kinderfreibetrag (0, 0.5, 1, 1.5, usw.)\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"Eingabe!B7\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=a32w6OUp;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"XwdaZP26\\\" caption=\\\"Kirchensteuer (0=keine, 8=8%, 9=9%)\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"Eingabe!B8\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=a32w6OUp;captiontextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"foaV4jwH\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"w8FybEb0\\\" caption=\\\"w8FybEb0\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"XYz6CHbv\\\" caption=\\\"Krankenversicherungsbeitragssatz bzw. PKV-Basisprämie in €\\\" inputtype=\\\"input\\\" contenttype=\\\"double\\\" address=\\\"Eingabe!B9\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=w8FybEb0;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"tS3yrGd1\\\" caption=\\\"Krankenkassen-Zusatzbeitragsatz AN\\\" inputtype=\\\"input\\\" contenttype=\\\"double\\\" address=\\\"Eingabe!B10\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=w8FybEb0;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"nx9FDtlT\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"rf0W5aHC\\\" caption=\\\"rf0W5aHC\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"2RSfjynx\\\" caption=\\\"AG Zuschuss zu PKV\\\" inputtype=\\\"input\\\" contenttype=\\\"checkbox\\\" address=\\\"Eingabe!I9\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=rf0W5aHC;captiontextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"PTzMfbzD\\\" caption=\\\"kinderlos u. über 23j. (PflegeV)\\\" inputtype=\\\"input\\\" contenttype=\\\"checkbox\\\" address=\\\"Eingabe!I11\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=rf0W5aHC;captiontextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"j0qvofcI\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"wqEtZbI1\\\" caption=\\\"wqEtZbI1\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"P1hpNPgT\\\" caption=\\\"Arbeitsstelle in Ostdeutschland\\\" inputtype=\\\"input\\\" contenttype=\\\"checkbox\\\" address=\\\"Eingabe!I13\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=wqEtZbI1;captiontextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"3krSPVLG\\\" caption=\\\"und dabei in Sachsen\\\" inputtype=\\\"input\\\" contenttype=\\\"checkbox\\\" address=\\\"Eingabe!I15\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=wqEtZbI1;captiontextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"f22Bu2rH\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"3UyYwEZg\\\" caption=\\\"3UyYwEZg\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"l2hiIFGI\\\" caption=\\\"(Jahres)Hinzurechnungen\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"Eingabe!B16\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff;groupname=3UyYwEZg</itemdefinitions>\\n                </item>\\n                <item id=\\\"SpZqZoec\\\" caption=\\\"(Jahres)lohnsteuerfreibetrag auf LStKarte\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"Eingabe!B17\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=3UyYwEZg;captiontextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"OZ3UDcKP\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"3ba3ucnm\\\" caption=\\\"3ba3ucnm\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;columnspacing=5;</itemdefinitions>\\n                </item>\\n                <item id=\\\"IbY7wNNY\\\" caption=\\\"Geburtsjahr\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"Eingabe!D15\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;valuefontsize=30;elementwidth=90%;captiontextcolor=#ffffff;groupname=3ba3ucnm;metrictext=Altersentlastungsbetrag</itemdefinitions>\\n                </item>\\n                <item inputtype=\\\"infobutton\\\" address=\\\"Erlaeuterungen!B1\\\" id=\\\"pOGadxEO\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=3ba3ucnm;elementwidth=10%;captiontextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item id=\\\"SKTwh7Zi\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"FhN0hZ9w\\\" caption=\\\"FhN0hZ9w\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"kzbz7KXu\\\" caption=\\\"Lohnsteuer\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Eingabe!B18\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;groupname=FhN0hZ9w;captiontextcolor=#fcb145;</itemdefinitions>\\n                </item>\\n                <item id=\\\"d83LixBo\\\" caption=\\\"Kirchensteuer\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Eingabe!B20\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;groupname=FhN0hZ9w;captiontextcolor=#fcb145;</itemdefinitions>\\n                </item>\\n                <item id=\\\"8i332rG2\\\" caption=\\\"Solidaritätszuschlag\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Eingabe!B19\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;groupname=FhN0hZ9w;captiontextcolor=#fcb145;</itemdefinitions>\\n                </item>\\n                <item id=\\\"SB9Jfjbd\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"Pt8vt8b4\\\" caption=\\\"Pt8vt8b4\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"UY0ZvUhT\\\" caption=\\\"9,35% Rentenversicherung\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Eingabe!B21\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=Pt8vt8b4;captiontextcolor=#05a7a8;</itemdefinitions>\\n                </item>\\n                <item id=\\\"xvNxlORQ\\\" caption=\\\"0,084 % Krankenversicherungsbeitrag\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Eingabe!B22\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=Pt8vt8b4;captiontextcolor=#05a7a8;</itemdefinitions>\\n                </item>\\n                <item id=\\\"rUVrpU9v\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"AgAuyIe7\\\" caption=\\\"AgAuyIe7\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"UmaZBCFa\\\" caption=\\\"1,275% Pflegeversicherung\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Eingabe!B23\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=AgAuyIe7;captiontextcolor=#05a7a8;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ZXDQlJtm\\\" caption=\\\"1,5% Arbeitslosenversicherung\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Eingabe!B24\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=AgAuyIe7;captiontextcolor=#05a7a8;</itemdefinitions>\\n                </item>\\n                <item id=\\\"YAzEmA0H\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"omUZKyzd\\\" caption=\\\"Abzüge\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Eingabe!B25\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#00caf6;captiontextcolor=#00caf6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"jGuzLPCf\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"1Z66UIGF\\\" caption=\\\"Nettolohn\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Eingabe!B26\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#ff4b66;showinsummary=true;captiontextcolor=#ff4b66;</itemdefinitions>\\n                </item>\\n                <item id=\\\"tlA4YNgw\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ZF2yAVr2\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"A32:A34;B32:B34\\\">\\n                    <itemdefinitions>height=50%;charttype=donut;backgroundcolor=#324065;seriescolor=09679b;colorpalette=#fcb145,#00caf6,#ff4b66;legendtextcolor=#ffffff;titletextcolor=#ffffff</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"2\\\" caption=\\\"Simulation\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item caption=\\\"Gehalts-/Lohnerhöhung\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"Simulation!M2\\\" id=\\\"E5obnhbt\\\">\\n                    <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff; usecellformat=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"58GVoP9g\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\\n                </item>\\n                <item id=\\\"pgKyXiDP\\\" caption=\\\"pgKyXiDP\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"zusätzl. Netto\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Simulation!L31\\\" id=\\\"fLQvRpyU\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#324065;usecellformat=true;groupname=pgKyXiDP;valuetextcolor=#ff4b66;captiontextcolor=#ff4b66</itemdefinitions>\\n                </item>\\n                <item caption=\\\"zusätzl. Steuern\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Simulation!L29\\\" id=\\\"XcyusOQq\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;captiontextcolor=#fcb145;groupname=pgKyXiDP</itemdefinitions>\\n                </item>\\n                <item caption=\\\"zusätzl. Sozialvers.\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Simulation!L30\\\" id=\\\"1elllL83\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#324065;usecellformat=true;groupname=pgKyXiDP;captiontextcolor=#05a7a8;valuetextcolor=#05a7a8</itemdefinitions>\\n                </item>\\n                <item id=\\\"EtydYxZj\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Netto gesamt\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Simulation!B26\\\" id=\\\"BSfRuQCz\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#324065;usecellformat=true</itemdefinitions>\\n                </item>\\n                <item id=\\\"XXw5yV1M\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\\n                </item>\\n                <item id=\\\"bpA6lxQO\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"Simulation!K25:K26;Simulation!M25:M26\\\">\\n                    <itemdefinitions>height=50%;charttype=donut;backgroundcolor=#324065;seriescolor=09679b;titletextcolor=#ffffff;legendtextcolor=#ffffff;colorpalette=#4aa4ff,#ff4b66</itemdefinitions>\\n                </item>\\n                <item id=\\\"fK5ZmZgQ\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\\n                </item>\\n                <item id=\\\"36yCwKZm\\\" caption=\\\"Abzüge im Detail\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"Simulation!K18:K24;Simulation!M18:M24\\\">\\n                    <itemdefinitions>height=70%;charttype=bar;backgroundcolor=#324065;seriescolor=09679b;colorpalette=#eeab58,#43c696,#eb6f65,#28bbd9;titletextcolor=#ffffff;legendtextcolor=#ffffff;axiscolor=#ffffff;showlegend=false;showdatamarker=true</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"3\\\" caption=\\\"Erläuterungen\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item caption=\\\"\\\" inputtype=\\\"\\\" contenttype=\\\"cardlist\\\" address=\\\"Erlaeuterungen!A1:B8\\\" id=\\\"ehSvC99S\\\">\\n                    <itemdefinitions>componentname=ehSvC99S;gridtheme=dark;padding=0;height=400;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;listcolumns=1::text;detailcolumns=1:text,2:text;showsearchpanel=false</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/09a4b01b-c945-48ed-af8b-d0e5b9759557/public/cardBackgroundImage.jpeg?v=bgOucdBA;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","link_url":"","updates":[],"version":"56123686436e0b0d000129a0","api":{"auth":"required","params":[],"url":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":""},"next":{"description":"","pages":[]},"project":"56123686436e0b0d0001299d","hidden":false,"isReference":false,"link_external":false,"order":0,"__v":1,"category":"57fcfbde4002550e004c0475","excerpt":"","githubsync":"","title":"Brutto-Netto-Rechner","user":"56f00bdbd2877b34002479f1","childrenPages":[]}

Brutto-Netto-Rechner


**Link to this app** [https://oaa.app.link/launch-app-09a4b01b-c945-48ed-af8b-d0e5b9759557](https://oaa.app.link/launch-app-09a4b01b-c945-48ed-af8b-d0e5b9759557) **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=#212741;topareaheight=26%;paddinghorz=10;paddingvert=10;functionbuttoncolor=#0168b3;pagecount=3;headeropacity=8;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/09a4b01b-c945-48ed-af8b-d0e5b9759557/public/topAreaImage.jpeg?v=yHdBbxH2;allowpushtoserver=true", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Main\" definitions=\"sheetname=Eingabe;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <caption>Main</caption>\n <description>Main</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"VHHP0upt\" caption=\"Steuerpflichtiger Arbeitslohn\" inputtype=\"input\" contenttype=\"integer\" address=\"Eingabe!B2\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff; usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"DKQ7CKRg\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"D51fQzW1\" caption=\"im Jahr=1, Monat=2, Woche=3, Tag=4\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!D3\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"A7m3e7cL\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>backgroundcolor=#00000000;height=5;</itemdefinitions>\n </item>\n <item id=\"OZKDJOji\" caption=\"Steuerklasse 1 - 6\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!B4\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"oOMYHkL1\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"wFbsGw0H\" caption=\"wFbsGw0H\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"PthXIIBZ\" caption=\"Ehegattenfaktor nur für StKl IV\" inputtype=\"input\" contenttype=\"double\" address=\"Eingabe!B5\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;minvalue=0;maxvalue=1;groupname=wFbsGw0H;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"cR7FONWt\" caption=\"LstTabbelle besondere\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I7\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=wFbsGw0H;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"YjRZrhf4\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"a32w6OUp\" caption=\"a32w6OUp\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"lefkuSUD\" caption=\"Kinderfreibetrag (0, 0.5, 1, 1.5, usw.)\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!B7\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=a32w6OUp;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"XwdaZP26\" caption=\"Kirchensteuer (0=keine, 8=8%, 9=9%)\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!B8\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=a32w6OUp;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"foaV4jwH\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"w8FybEb0\" caption=\"w8FybEb0\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"XYz6CHbv\" caption=\"Krankenversicherungsbeitragssatz bzw. PKV-Basisprämie in €\" inputtype=\"input\" contenttype=\"double\" address=\"Eingabe!B9\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=w8FybEb0;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"tS3yrGd1\" caption=\"Krankenkassen-Zusatzbeitragsatz AN\" inputtype=\"input\" contenttype=\"double\" address=\"Eingabe!B10\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=w8FybEb0;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"nx9FDtlT\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"rf0W5aHC\" caption=\"rf0W5aHC\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"2RSfjynx\" caption=\"AG Zuschuss zu PKV\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I9\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=rf0W5aHC;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"PTzMfbzD\" caption=\"kinderlos u. über 23j. (PflegeV)\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I11\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=rf0W5aHC;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"j0qvofcI\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"wqEtZbI1\" caption=\"wqEtZbI1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"P1hpNPgT\" caption=\"Arbeitsstelle in Ostdeutschland\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I13\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=wqEtZbI1;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"3krSPVLG\" caption=\"und dabei in Sachsen\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I15\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=wqEtZbI1;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"f22Bu2rH\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"3UyYwEZg\" caption=\"3UyYwEZg\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"l2hiIFGI\" caption=\"(Jahres)Hinzurechnungen\" inputtype=\"input\" contenttype=\"integer\" address=\"Eingabe!B16\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff;groupname=3UyYwEZg</itemdefinitions>\n </item>\n <item id=\"SpZqZoec\" caption=\"(Jahres)lohnsteuerfreibetrag auf LStKarte\" inputtype=\"input\" contenttype=\"integer\" address=\"Eingabe!B17\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=3UyYwEZg;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"OZ3UDcKP\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"3ba3ucnm\" caption=\"3ba3ucnm\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;columnspacing=5;</itemdefinitions>\n </item>\n <item id=\"IbY7wNNY\" caption=\"Geburtsjahr\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!D15\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;valuefontsize=30;elementwidth=90%;captiontextcolor=#ffffff;groupname=3ba3ucnm;metrictext=Altersentlastungsbetrag</itemdefinitions>\n </item>\n <item inputtype=\"infobutton\" address=\"Erlaeuterungen!B1\" id=\"pOGadxEO\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=3ba3ucnm;elementwidth=10%;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"SKTwh7Zi\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"FhN0hZ9w\" caption=\"FhN0hZ9w\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"kzbz7KXu\" caption=\"Lohnsteuer\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B18\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;groupname=FhN0hZ9w;captiontextcolor=#fcb145;</itemdefinitions>\n </item>\n <item id=\"d83LixBo\" caption=\"Kirchensteuer\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B20\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;groupname=FhN0hZ9w;captiontextcolor=#fcb145;</itemdefinitions>\n </item>\n <item id=\"8i332rG2\" caption=\"Solidaritätszuschlag\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B19\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;groupname=FhN0hZ9w;captiontextcolor=#fcb145;</itemdefinitions>\n </item>\n <item id=\"SB9Jfjbd\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"Pt8vt8b4\" caption=\"Pt8vt8b4\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"UY0ZvUhT\" caption=\"9,35% Rentenversicherung\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B21\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=Pt8vt8b4;captiontextcolor=#05a7a8;</itemdefinitions>\n </item>\n <item id=\"xvNxlORQ\" caption=\"0,084 % Krankenversicherungsbeitrag\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B22\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=Pt8vt8b4;captiontextcolor=#05a7a8;</itemdefinitions>\n </item>\n <item id=\"rUVrpU9v\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"AgAuyIe7\" caption=\"AgAuyIe7\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"UmaZBCFa\" caption=\"1,275% Pflegeversicherung\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B23\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=AgAuyIe7;captiontextcolor=#05a7a8;</itemdefinitions>\n </item>\n <item id=\"ZXDQlJtm\" caption=\"1,5% Arbeitslosenversicherung\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B24\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=AgAuyIe7;captiontextcolor=#05a7a8;</itemdefinitions>\n </item>\n <item id=\"YAzEmA0H\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"omUZKyzd\" caption=\"Abzüge\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B25\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#00caf6;captiontextcolor=#00caf6;</itemdefinitions>\n </item>\n <item id=\"jGuzLPCf\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"1Z66UIGF\" caption=\"Nettolohn\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B26\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#ff4b66;showinsummary=true;captiontextcolor=#ff4b66;</itemdefinitions>\n </item>\n <item id=\"tlA4YNgw\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"ZF2yAVr2\" caption=\"\" inputtype=\"output\" contenttype=\"chart\" address=\"A32:A34;B32:B34\">\n <itemdefinitions>height=50%;charttype=donut;backgroundcolor=#324065;seriescolor=09679b;colorpalette=#fcb145,#00caf6,#ff4b66;legendtextcolor=#ffffff;titletextcolor=#ffffff</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Simulation\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"Gehalts-/Lohnerhöhung\" inputtype=\"input\" contenttype=\"integer\" address=\"Simulation!M2\" id=\"E5obnhbt\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff; usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"58GVoP9g\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\n </item>\n <item id=\"pgKyXiDP\" caption=\"pgKyXiDP\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"zusätzl. Netto\" inputtype=\"output\" contenttype=\"result\" address=\"Simulation!L31\" id=\"fLQvRpyU\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#324065;usecellformat=true;groupname=pgKyXiDP;valuetextcolor=#ff4b66;captiontextcolor=#ff4b66</itemdefinitions>\n </item>\n <item caption=\"zusätzl. Steuern\" inputtype=\"output\" contenttype=\"result\" address=\"Simulation!L29\" id=\"XcyusOQq\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;captiontextcolor=#fcb145;groupname=pgKyXiDP</itemdefinitions>\n </item>\n <item caption=\"zusätzl. Sozialvers.\" inputtype=\"output\" contenttype=\"result\" address=\"Simulation!L30\" id=\"1elllL83\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#324065;usecellformat=true;groupname=pgKyXiDP;captiontextcolor=#05a7a8;valuetextcolor=#05a7a8</itemdefinitions>\n </item>\n <item id=\"EtydYxZj\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\n </item>\n <item caption=\"Netto gesamt\" inputtype=\"output\" contenttype=\"result\" address=\"Simulation!B26\" id=\"BSfRuQCz\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#324065;usecellformat=true</itemdefinitions>\n </item>\n <item id=\"XXw5yV1M\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\n </item>\n <item id=\"bpA6lxQO\" caption=\"\" inputtype=\"output\" contenttype=\"chart\" address=\"Simulation!K25:K26;Simulation!M25:M26\">\n <itemdefinitions>height=50%;charttype=donut;backgroundcolor=#324065;seriescolor=09679b;titletextcolor=#ffffff;legendtextcolor=#ffffff;colorpalette=#4aa4ff,#ff4b66</itemdefinitions>\n </item>\n <item id=\"fK5ZmZgQ\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\n </item>\n <item id=\"36yCwKZm\" caption=\"Abzüge im Detail\" inputtype=\"output\" contenttype=\"chart\" address=\"Simulation!K18:K24;Simulation!M18:M24\">\n <itemdefinitions>height=70%;charttype=bar;backgroundcolor=#324065;seriescolor=09679b;colorpalette=#eeab58,#43c696,#eb6f65,#28bbd9;titletextcolor=#ffffff;legendtextcolor=#ffffff;axiscolor=#ffffff;showlegend=false;showdatamarker=true</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"3\" caption=\"Erläuterungen\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"\" inputtype=\"\" contenttype=\"cardlist\" address=\"Erlaeuterungen!A1:B8\" id=\"ehSvC99S\">\n <itemdefinitions>componentname=ehSvC99S;gridtheme=dark;padding=0;height=400;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;listcolumns=1::text;detailcolumns=1:text,2:text;showsearchpanel=false</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/09a4b01b-c945-48ed-af8b-d0e5b9759557/public/cardBackgroundImage.jpeg?v=bgOucdBA;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8", "language": "text" } ] } [/block]
**Link to this app** [https://oaa.app.link/launch-app-09a4b01b-c945-48ed-af8b-d0e5b9759557](https://oaa.app.link/launch-app-09a4b01b-c945-48ed-af8b-d0e5b9759557) **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=#212741;topareaheight=26%;paddinghorz=10;paddingvert=10;functionbuttoncolor=#0168b3;pagecount=3;headeropacity=8;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/09a4b01b-c945-48ed-af8b-d0e5b9759557/public/topAreaImage.jpeg?v=yHdBbxH2;allowpushtoserver=true", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Main\" definitions=\"sheetname=Eingabe;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <caption>Main</caption>\n <description>Main</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"VHHP0upt\" caption=\"Steuerpflichtiger Arbeitslohn\" inputtype=\"input\" contenttype=\"integer\" address=\"Eingabe!B2\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff; usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"DKQ7CKRg\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"D51fQzW1\" caption=\"im Jahr=1, Monat=2, Woche=3, Tag=4\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!D3\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"A7m3e7cL\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>backgroundcolor=#00000000;height=5;</itemdefinitions>\n </item>\n <item id=\"OZKDJOji\" caption=\"Steuerklasse 1 - 6\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!B4\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"oOMYHkL1\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"wFbsGw0H\" caption=\"wFbsGw0H\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"PthXIIBZ\" caption=\"Ehegattenfaktor nur für StKl IV\" inputtype=\"input\" contenttype=\"double\" address=\"Eingabe!B5\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;minvalue=0;maxvalue=1;groupname=wFbsGw0H;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"cR7FONWt\" caption=\"LstTabbelle besondere\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I7\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=wFbsGw0H;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"YjRZrhf4\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"a32w6OUp\" caption=\"a32w6OUp\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"lefkuSUD\" caption=\"Kinderfreibetrag (0, 0.5, 1, 1.5, usw.)\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!B7\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=a32w6OUp;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"XwdaZP26\" caption=\"Kirchensteuer (0=keine, 8=8%, 9=9%)\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!B8\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=a32w6OUp;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"foaV4jwH\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"w8FybEb0\" caption=\"w8FybEb0\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"XYz6CHbv\" caption=\"Krankenversicherungsbeitragssatz bzw. PKV-Basisprämie in €\" inputtype=\"input\" contenttype=\"double\" address=\"Eingabe!B9\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=w8FybEb0;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"tS3yrGd1\" caption=\"Krankenkassen-Zusatzbeitragsatz AN\" inputtype=\"input\" contenttype=\"double\" address=\"Eingabe!B10\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=w8FybEb0;captiontextcolor=#ffffff;usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"nx9FDtlT\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"rf0W5aHC\" caption=\"rf0W5aHC\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"2RSfjynx\" caption=\"AG Zuschuss zu PKV\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I9\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=rf0W5aHC;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"PTzMfbzD\" caption=\"kinderlos u. über 23j. (PflegeV)\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I11\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=rf0W5aHC;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"j0qvofcI\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"wqEtZbI1\" caption=\"wqEtZbI1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"P1hpNPgT\" caption=\"Arbeitsstelle in Ostdeutschland\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I13\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=wqEtZbI1;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"3krSPVLG\" caption=\"und dabei in Sachsen\" inputtype=\"input\" contenttype=\"checkbox\" address=\"Eingabe!I15\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=10%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=wqEtZbI1;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"f22Bu2rH\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"3UyYwEZg\" caption=\"3UyYwEZg\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"l2hiIFGI\" caption=\"(Jahres)Hinzurechnungen\" inputtype=\"input\" contenttype=\"integer\" address=\"Eingabe!B16\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff;groupname=3UyYwEZg</itemdefinitions>\n </item>\n <item id=\"SpZqZoec\" caption=\"(Jahres)lohnsteuerfreibetrag auf LStKarte\" inputtype=\"input\" contenttype=\"integer\" address=\"Eingabe!B17\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=3UyYwEZg;captiontextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"OZ3UDcKP\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"3ba3ucnm\" caption=\"3ba3ucnm\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;columnspacing=5;</itemdefinitions>\n </item>\n <item id=\"IbY7wNNY\" caption=\"Geburtsjahr\" inputtype=\"input\" contenttype=\"toggle\" address=\"Eingabe!D15\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;valuefontsize=30;elementwidth=90%;captiontextcolor=#ffffff;groupname=3ba3ucnm;metrictext=Altersentlastungsbetrag</itemdefinitions>\n </item>\n <item inputtype=\"infobutton\" address=\"Erlaeuterungen!B1\" id=\"pOGadxEO\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=3ba3ucnm;elementwidth=10%;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"SKTwh7Zi\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"FhN0hZ9w\" caption=\"FhN0hZ9w\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"kzbz7KXu\" caption=\"Lohnsteuer\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B18\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;groupname=FhN0hZ9w;captiontextcolor=#fcb145;</itemdefinitions>\n </item>\n <item id=\"d83LixBo\" caption=\"Kirchensteuer\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B20\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;groupname=FhN0hZ9w;captiontextcolor=#fcb145;</itemdefinitions>\n </item>\n <item id=\"8i332rG2\" caption=\"Solidaritätszuschlag\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B19\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;groupname=FhN0hZ9w;captiontextcolor=#fcb145;</itemdefinitions>\n </item>\n <item id=\"SB9Jfjbd\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"Pt8vt8b4\" caption=\"Pt8vt8b4\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"UY0ZvUhT\" caption=\"9,35% Rentenversicherung\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B21\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=Pt8vt8b4;captiontextcolor=#05a7a8;</itemdefinitions>\n </item>\n <item id=\"xvNxlORQ\" caption=\"0,084 % Krankenversicherungsbeitrag\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B22\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=Pt8vt8b4;captiontextcolor=#05a7a8;</itemdefinitions>\n </item>\n <item id=\"rUVrpU9v\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"AgAuyIe7\" caption=\"AgAuyIe7\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"UmaZBCFa\" caption=\"1,275% Pflegeversicherung\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B23\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=AgAuyIe7;captiontextcolor=#05a7a8;</itemdefinitions>\n </item>\n <item id=\"ZXDQlJtm\" caption=\"1,5% Arbeitslosenversicherung\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B24\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#05a7a8;groupname=AgAuyIe7;captiontextcolor=#05a7a8;</itemdefinitions>\n </item>\n <item id=\"YAzEmA0H\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"omUZKyzd\" caption=\"Abzüge\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B25\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#00caf6;captiontextcolor=#00caf6;</itemdefinitions>\n </item>\n <item id=\"jGuzLPCf\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"1Z66UIGF\" caption=\"Nettolohn\" inputtype=\"output\" contenttype=\"result\" address=\"Eingabe!B26\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#ff4b66;showinsummary=true;captiontextcolor=#ff4b66;</itemdefinitions>\n </item>\n <item id=\"tlA4YNgw\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"ZF2yAVr2\" caption=\"\" inputtype=\"output\" contenttype=\"chart\" address=\"A32:A34;B32:B34\">\n <itemdefinitions>height=50%;charttype=donut;backgroundcolor=#324065;seriescolor=09679b;colorpalette=#fcb145,#00caf6,#ff4b66;legendtextcolor=#ffffff;titletextcolor=#ffffff</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Simulation\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"Gehalts-/Lohnerhöhung\" inputtype=\"input\" contenttype=\"integer\" address=\"Simulation!M2\" id=\"E5obnhbt\">\n <itemdefinitions>backgroundcolor=#324065;buttonheight=15%;elementcolor=#ffffff;valuetextcolor=#ffffff;captiontextcolor=#ffffff; usecellformat=true;</itemdefinitions>\n </item>\n <item id=\"58GVoP9g\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\n </item>\n <item id=\"pgKyXiDP\" caption=\"pgKyXiDP\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;columnspacing=5;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"zusätzl. Netto\" inputtype=\"output\" contenttype=\"result\" address=\"Simulation!L31\" id=\"fLQvRpyU\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#324065;usecellformat=true;groupname=pgKyXiDP;valuetextcolor=#ff4b66;captiontextcolor=#ff4b66</itemdefinitions>\n </item>\n <item caption=\"zusätzl. Steuern\" inputtype=\"output\" contenttype=\"result\" address=\"Simulation!L29\" id=\"XcyusOQq\">\n <itemdefinitions>nocaption=true;buttonheight=15%;backgroundcolor=#324065;usecellformat=true;elementcolor=white;valuetextcolor=#fcb145;captiontextcolor=#fcb145;groupname=pgKyXiDP</itemdefinitions>\n </item>\n <item caption=\"zusätzl. Sozialvers.\" inputtype=\"output\" contenttype=\"result\" address=\"Simulation!L30\" id=\"1elllL83\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#324065;usecellformat=true;groupname=pgKyXiDP;captiontextcolor=#05a7a8;valuetextcolor=#05a7a8</itemdefinitions>\n </item>\n <item id=\"EtydYxZj\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\n </item>\n <item caption=\"Netto gesamt\" inputtype=\"output\" contenttype=\"result\" address=\"Simulation!B26\" id=\"BSfRuQCz\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#324065;usecellformat=true</itemdefinitions>\n </item>\n <item id=\"XXw5yV1M\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\n </item>\n <item id=\"bpA6lxQO\" caption=\"\" inputtype=\"output\" contenttype=\"chart\" address=\"Simulation!K25:K26;Simulation!M25:M26\">\n <itemdefinitions>height=50%;charttype=donut;backgroundcolor=#324065;seriescolor=09679b;titletextcolor=#ffffff;legendtextcolor=#ffffff;colorpalette=#4aa4ff,#ff4b66</itemdefinitions>\n </item>\n <item id=\"fK5ZmZgQ\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5;backgroundcolor=#00000000</itemdefinitions>\n </item>\n <item id=\"36yCwKZm\" caption=\"Abzüge im Detail\" inputtype=\"output\" contenttype=\"chart\" address=\"Simulation!K18:K24;Simulation!M18:M24\">\n <itemdefinitions>height=70%;charttype=bar;backgroundcolor=#324065;seriescolor=09679b;colorpalette=#eeab58,#43c696,#eb6f65,#28bbd9;titletextcolor=#ffffff;legendtextcolor=#ffffff;axiscolor=#ffffff;showlegend=false;showdatamarker=true</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"3\" caption=\"Erläuterungen\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"\" inputtype=\"\" contenttype=\"cardlist\" address=\"Erlaeuterungen!A1:B8\" id=\"ehSvC99S\">\n <itemdefinitions>componentname=ehSvC99S;gridtheme=dark;padding=0;height=400;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;listcolumns=1::text;detailcolumns=1:text,2:text;showsearchpanel=false</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/09a4b01b-c945-48ed-af8b-d0e5b9759557/public/cardBackgroundImage.jpeg?v=bgOucdBA;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8", "language": "text" } ] } [/block]
{"_id":"57fd0b3e2c481d190076f038","next":{"description":"","pages":[]},"__v":1,"api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"code":"{}","name":"","status":400,"language":"json"}]},"auth":"required","params":[],"url":""},"category":"57fcfbde4002550e004c0475","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":1,"title":"Startup Reporting","updates":[],"user":"56f00bdbd2877b34002479f1","body":"**Link to this app**\n[https://oaa.app.link/launch-app-13875076-9941-4496-91f3-a0ab8d2d2f9e](https://oaa.app.link/launch-app-13875076-9941-4496-91f3-a0ab8d2d2f9e)\n\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=#101214;paddinghorz=0;paddingvert=0;functionbuttoncolor=#ff8909;pagecount=5;headeropacity=5;topareaheight=30%;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/13875076-9941-4496-91f3-a0ab8d2d2f9e/public/topAreaImage.jpeg?v=tARHclz8;printsheet=Print-out;menuentries=print\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"KPI\\\" definitions=\\\"sheetname=Daten;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <items>\\n                <item id=\\\"yzTCGgXU\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ZQXQ8B0r\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"V2\\\">\\n                    <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#f6c946;valuetextcolor=#f6c946;showeditbuttons=true;buttonheight=18%;captiontextcolor=#f6c946;</itemdefinitions>\\n                </item>\\n                <item id=\\\"VcCaIn6N\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"v9sOWVhb\\\" caption=\\\"v9sOWVhb\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"3ljcdtfe\\\" caption=\\\"Revenue\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W7\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;buttonheight=10%;groupname=v9sOWVhb;captiontextcolor=#46b5f6;valuetextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"28V1TbgQ\\\" caption=\\\"Rev. act. vs. plan\\\" inputtype=\\\"output\\\" contenttype=\\\"double\\\" address=\\\"W9\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolorcell=Daten!AA9;usecellformat=true;groupname=v9sOWVhb;elementwidth=30%;</itemdefinitions>\\n                </item>\\n                <item id=\\\"JLFC0Ihb\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"W10\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=v9sOWVhb;elementwidth=20%;</itemdefinitions>\\n                </item>\\n                <item id=\\\"gD1d247H\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"Z8aeBLIk\\\" caption=\\\"Z8aeBLIk\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"FardIdLB\\\" caption=\\\"Cash Burn\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W19\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;buttonheight=10%;groupname=Z8aeBLIk;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"yzbGLAGg\\\" caption=\\\"Cash Burn act. vs. plan\\\" inputtype=\\\"output\\\" contenttype=\\\"double\\\" address=\\\"W21\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolorcell=Daten!AA21;usecellformat=true;groupname=Z8aeBLIk;elementwidth=30%;</itemdefinitions>\\n                </item>\\n                <item id=\\\"msXEDUss\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"string\\\" address=\\\"W22\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=Z8aeBLIk;elementwidth=20%;</itemdefinitions>\\n                </item>\\n                <item id=\\\"igcXOkIe\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"u6Wy15l2\\\" caption=\\\"u6Wy15l2\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"psgkMDmn\\\" caption=\\\"Cash Balance\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W23\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=u6Wy15l2;buttonheight=10%;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"8llo6Utj\\\" caption=\\\"Cash Out Date\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W24\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=u6Wy15l2;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"0zDEx76X\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"LBsjRfT1\\\" caption=\\\"LBsjRfT1\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"JEBwXdCN\\\" caption=\\\"# of Leads\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W29\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;metrictext=acc.;groupname=LBsjRfT1;buttonheight=10%;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"6q3kGGFh\\\" caption=\\\"# of Licences\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W34\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=LBsjRfT1;metrictext=acc.;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ty3KFWHp\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"fLI1gMin\\\" caption=\\\"fLI1gMin\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"5CjRczzV\\\" caption=\\\"# of Downloads App Stores\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W38\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=fLI1gMin;buttonheight=10%;metrictext=acc.;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"Rvnc3pkO\\\" caption=\\\"# of Users\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W36\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;metrictext=acc.;groupname=fLI1gMin;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"D6pxthb7\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"r9bUpU3r\\\" caption=\\\"r9bUpU3r\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"3UeTMmHd\\\" caption=\\\"# of contracted Partners\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W41\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=r9bUpU3r;metrictext=acc.;buttonheight=10%;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ImCXKIo6\\\" caption=\\\"Headcount\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"W46\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=r9bUpU3r;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"6zL2bZEx\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"2\\\" caption=\\\"Planning\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"EjUhCjq8\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"BmiLzYn5\\\" caption=\\\"BmiLzYn5\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Revenue F/C\\\" id=\\\"XaYjSr1k\\\" inputtype=\\\"input\\\" contenttype=\\\"percent\\\" address=\\\"Daten!Y6\\\">\\n                    <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;deltastep=0.01;captiontextcolor=#46b5f6;groupname=BmiLzYn5;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Revenue acceleration\\\" id=\\\"7OuZ4hg8\\\" inputtype=\\\"input\\\" contenttype=\\\"percent\\\" address=\\\"Daten!Y5\\\">\\n                    <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;metrictext=per month;deltastep=0.01;captiontextcolor=#46b5f6;groupname=BmiLzYn5;</itemdefinitions>\\n                </item>\\n                <item id=\\\"oohtFoOi\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"v1Q4Ca55\\\" caption=\\\"v1Q4Ca55\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Marketing cost\\\" id=\\\"Gpy6zPw1\\\" inputtype=\\\"input\\\" contenttype=\\\"percent\\\" address=\\\"Daten!Y17\\\">\\n                    <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;metrictext=% of revenue;groupname=v1Q4Ca55;captiontextcolor=#46b5f6;deltastep=0.01;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Level employee salaries\\\" id=\\\"CrDTf6dz\\\" inputtype=\\\"input\\\" contenttype=\\\"percent\\\" address=\\\"Daten!Y11\\\">\\n                    <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;groupname=v1Q4Ca55;captiontextcolor=#46b5f6;deltastep=0.01;</itemdefinitions>\\n                </item>\\n                <item id=\\\"H3Awcj76\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"SjkgMZGb\\\" caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"Daten!L1:U1;Daten!L23:U23;Daten!L7:U7;Daten!L19:U19\\\">\\n                    <itemdefinitions>height=70%;charttype=column;backgroundcolor=#2a2a2a;seriescolor=09679b;showlegend=true;seriescaptions=Cash balance,Revenue,Cash burn;legendtextcolor=#46b5f6;titletextcolor=#46b5f6;axiscolor=#46b5f6;colorpalette=#5bb4f8,#9ecb6e,#d35c55;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"3\\\" caption=\\\"Charts\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"rkJ3Hj2l\\\" caption=\\\"Finance\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=10%;backgroundcolor=2a2a2a;textcolor=91C469;textfontsize=21;</itemdefinitions>\\n                </item>\\n                <item id=\\\"IJqrHcx7\\\" caption=\\\"Cash Burn\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"B1:K1;B19:K19\\\">\\n                    <itemdefinitions>height=240;charttype=column;titletextcolor=#91c469;yaxiscaption=in EUR;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#91c469;;legendtextcolor=#91c469;axiscolor=#91c469;</itemdefinitions>\\n                </item>\\n                <item id=\\\"6uWLQdRO\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"T2JGblty\\\" caption=\\\"Cash Balance\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"B1:K1;B23:K23\\\">\\n                    <itemdefinitions>height=240;charttype=column;titletextcolor=#91c469;yaxiscaption=in EUR;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#91c469;legendtextcolor=#91c469;axiscolor=#91c469;</itemdefinitions>\\n                </item>\\n                <item id=\\\"6qIOlbOT\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ULARfDNS\\\" caption=\\\"Revenue\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"B1:K1;B8:K8\\\">\\n                    <itemdefinitions>height=240;charttype=column;titletextcolor=#91c469;yaxiscaption=in EUR;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#91c469;legendtextcolor=#91c469;axiscolor=#91c469;</itemdefinitions>\\n                </item>\\n                <item id=\\\"mdQv2Mzs\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"VYUIiyIR\\\" caption=\\\"Leads and Opportunies\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#46b5f6;textfontsize=21;</itemdefinitions>\\n                </item>\\n                <item id=\\\"Kj5yb5Dl\\\" caption=\\\"# of Leads\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"B1:K1;B29:K29\\\">\\n                    <itemdefinitions>height=240;charttype=column;titletextcolor=#46b5f6;yaxiscaption=# of leads;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#46b5f6;legendtextcolor=#46b5f6;axiscolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"1z8zpTp4\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"AQF1jyUs\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"V2\\\">\\n                    <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#f6c946;valuetextcolor=#f6c946;valuelist=:,May 16:May 16,Jun 16:Jun 16,Jul 16:Jul 16,Aug 16:Aug 16,Sep 16:Sep 16,Oct 16:Oct 16,Nov 16:Nov 16,Dec 16:Dec 16;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"1NGnCdzB\\\" caption=\\\"Lead sources\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"V26:W28\\\">\\n                    <itemdefinitions>height=240;charttype=donut;backgroundcolor=#2a2a2a;titletextcolor=#489ccb;legendtextcolor=#489ccb;colorpalette=#9a8af6,#307ada,#489ccb;showlegend=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"sWQ5PBEG\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"aGPvowCx\\\" caption=\\\"Opportunities\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"C1:K1;C31:K31;C32:K32;C33:K33;C34:K34\\\">\\n                    <itemdefinitions>height=320;charttype=column;backgroundcolor=#2a2a2a;titletextcolor=#f5d060;yaxiscaption=# of ...;xaxiscaption=phase;chartorientation=horizontal;showeditbuttons=D1:F1;showdatamarkers=true;seriescaptions=Demo,Prototype,Offer,Licence;showlegend=true;legendtextcolor=#f5d060;colorpalette=#9a8af6,#307ada,#489ccb,#f5d060;axiscolor=#f5d060;</itemdefinitions>\\n                </item>\\n                <item id=\\\"gFIfGKRp\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"mHT0q9ng\\\" caption=\\\"Users\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#69c485;textfontsize=21;</itemdefinitions>\\n                </item>\\n                <item id=\\\"WgDvjZDx\\\" caption=\\\"# of Users (acc)\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"D1:K1;D36:K36\\\">\\n                    <itemdefinitions>height=240;charttype=line;backgroundcolor=#2a2a2a;titletextcolor=#69c485;yaxiscaption=month;xaxiscaption=# of users;chartorientation=horizontal;showeditbuttons=D1:F1;colorpalette=#5eeb5c;axiscolor=#69c485;legendtextcolor=#69c485;</itemdefinitions>\\n                </item>\\n                <item id=\\\"DHgG810g\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"5nt4jVGR\\\" caption=\\\"# of Apps created\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"D1:K1;D37:K37\\\">\\n                    <itemdefinitions>height=240;charttype=line;backgroundcolor=#2a2a2a;titletextcolor=#69c485;yaxiscaption=month;xaxiscaption=# of apps created;chartorientation=horizontal;showeditbuttons=D1:F1;colorpalette=#ebd75c;legendtextcolor=#69c485;axiscolor=#69c485;</itemdefinitions>\\n                </item>\\n                <item id=\\\"lCxJFUDe\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"6PknI5Xe\\\" caption=\\\"# of Downloads in App Stores\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"D1:K1;D38:K38\\\">\\n                    <itemdefinitions>height=240;charttype=line;backgroundcolor=#2a2a2a;titletextcolor=#69c485;yaxiscaption=month;xaxiscaption=# of downloads;chartorientation=horizontal;showeditbuttons=D1:F1;colorpalette=#eb5c82;legendtextcolor=#69c485;axiscolor=#69c485;</itemdefinitions>\\n                </item>\\n                <item id=\\\"qalyG0MC\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"nwskS8cW\\\" caption=\\\"Channel\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#4673f6;textfontsize=21;</itemdefinitions>\\n                </item>\\n                <item id=\\\"2GmGLZfd\\\" caption=\\\"Partners\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"D1:K1;D40:K40;D41:K41\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=#2a2a2a;titletextcolor=#46b5f6;chartorientation=horizontal;yaxiscaption=# of partners;xaxiscaption=month;phaseshoweditbuttons=D1:F1;showdatamarkers=true;seriescaptions=pipline,contracted;showlegend=true;legendtextcolor=#46b5f6;colorpalette=#46b5f6,#5b46f6;axiscolor=#46b5f6;</itemdefinitions>\\n                </item>\\n                <item id=\\\"BGaA2WTn\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"507Kt9Fi\\\" caption=\\\"Organization\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#c1668d;textfontsize=21;</itemdefinitions>\\n                </item>\\n                <item id=\\\"wHmNg1Kb\\\" caption=\\\"Total Headcount\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"B1:K1;B46:K46\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=#2a2a2a;yaxiscaption=# of people;xaxiscaption=month;titletextcolor=#c1668d;chartorientation=horizontal;colorpalette=#c1668d;legendtextcolor=#c1668d;axiscolor=#c1668d;</itemdefinitions>\\n                </item>\\n                <item id=\\\"Gz7EW4GQ\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=00000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"QSSb4KlQ\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"V2\\\">\\n                    <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#f6c946;valuetextcolor=#f6c946;valuelist=:,May 16:May 16,Jun 16:Jun 16,Jul 16:Jul 16,Aug 16:Aug 16,Sep 16:Sep 16,Oct 16:Oct 16,Nov 16:Nov 16,Dec 16:Dec 16;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"bDRo7fC7\\\" caption=\\\"Staff Composition\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"V43:W45\\\">\\n                    <itemdefinitions>height=240;charttype=donut;backgroundcolor=#2a2a2a;titletextcolor=#6ec2f0;legendtextcolor=#6ec2f0;colorpalette=#4ca6a9,#6ec2f0,#f2b362;showlegend=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"qalyG0MC\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"4\\\" caption=\\\"Highlights\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"EJrGiXAP\\\" contenttype=\\\"cardlist\\\" address=\\\"A47:C49\\\" caption=\\\"\\\">\\n                    <itemdefinitions>categorycolumn=1;padding=6;height=60%;showsearchpanel=false;gridrowheight=50;gridcollapsegroups=false;gridallowedit=false;headeravailable=false;showcolumnheader=false;listcolumns=1::,3::,2::image;detailcolumns=1::,4::,5::,6::,7::,8::,9::,10::,11::;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"5\\\" caption=\\\"Opportunities\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"BpKJtoOX\\\" contenttype=\\\"cardlist\\\" address=\\\"Daten!A54:I58\\\">\\n                    <itemdefinitions>categorycolumn=1;componentname=list;padding=6;height=60%;showsearchpanel=false;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=false;showcolumnheader=false;listcolumns=1::,2::,3::image;detailcolumns=1::,4::,5::,6::,7::,8::,9::,10::</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/13875076-9941-4496-91f3-a0ab8d2d2f9e/public/cardBackgroundImage.jpeg?v=jYvUOrhe;carddescriptionhide=true;cardcaptionbackgroundcolor=#ed33383e;cardbackgroundcolor=transparent\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","createdAt":"2016-10-11T15:54:38.933Z","githubsync":"","slug":"startup-reporting","sync_unique":"","excerpt":"","parentDoc":null,"project":"56123686436e0b0d0001299d","type":"basic","version":"56123686436e0b0d000129a0","childrenPages":[]}

Startup Reporting


**Link to this app** [https://oaa.app.link/launch-app-13875076-9941-4496-91f3-a0ab8d2d2f9e](https://oaa.app.link/launch-app-13875076-9941-4496-91f3-a0ab8d2d2f9e) **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=#101214;paddinghorz=0;paddingvert=0;functionbuttoncolor=#ff8909;pagecount=5;headeropacity=5;topareaheight=30%;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/13875076-9941-4496-91f3-a0ab8d2d2f9e/public/topAreaImage.jpeg?v=tARHclz8;printsheet=Print-out;menuentries=print", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"KPI\" definitions=\"sheetname=Daten;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"yzTCGgXU\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"ZQXQ8B0r\" inputtype=\"input\" contenttype=\"toggle\" address=\"V2\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#f6c946;valuetextcolor=#f6c946;showeditbuttons=true;buttonheight=18%;captiontextcolor=#f6c946;</itemdefinitions>\n </item>\n <item id=\"VcCaIn6N\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"v9sOWVhb\" caption=\"v9sOWVhb\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"3ljcdtfe\" caption=\"Revenue\" inputtype=\"output\" contenttype=\"result\" address=\"W7\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;buttonheight=10%;groupname=v9sOWVhb;captiontextcolor=#46b5f6;valuetextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"28V1TbgQ\" caption=\"Rev. act. vs. plan\" inputtype=\"output\" contenttype=\"double\" address=\"W9\">\n <itemdefinitions>nocaption=true;backgroundcolorcell=Daten!AA9;usecellformat=true;groupname=v9sOWVhb;elementwidth=30%;</itemdefinitions>\n </item>\n <item id=\"JLFC0Ihb\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"W10\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=v9sOWVhb;elementwidth=20%;</itemdefinitions>\n </item>\n <item id=\"gD1d247H\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"Z8aeBLIk\" caption=\"Z8aeBLIk\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"FardIdLB\" caption=\"Cash Burn\" inputtype=\"output\" contenttype=\"result\" address=\"W19\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;buttonheight=10%;groupname=Z8aeBLIk;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"yzbGLAGg\" caption=\"Cash Burn act. vs. plan\" inputtype=\"output\" contenttype=\"double\" address=\"W21\">\n <itemdefinitions>nocaption=true;backgroundcolorcell=Daten!AA21;usecellformat=true;groupname=Z8aeBLIk;elementwidth=30%;</itemdefinitions>\n </item>\n <item id=\"msXEDUss\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"W22\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=Z8aeBLIk;elementwidth=20%;</itemdefinitions>\n </item>\n <item id=\"igcXOkIe\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"u6Wy15l2\" caption=\"u6Wy15l2\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"psgkMDmn\" caption=\"Cash Balance\" inputtype=\"output\" contenttype=\"result\" address=\"W23\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=u6Wy15l2;buttonheight=10%;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"8llo6Utj\" caption=\"Cash Out Date\" inputtype=\"output\" contenttype=\"result\" address=\"W24\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=u6Wy15l2;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"0zDEx76X\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"LBsjRfT1\" caption=\"LBsjRfT1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"JEBwXdCN\" caption=\"# of Leads\" inputtype=\"output\" contenttype=\"result\" address=\"W29\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;metrictext=acc.;groupname=LBsjRfT1;buttonheight=10%;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"6q3kGGFh\" caption=\"# of Licences\" inputtype=\"output\" contenttype=\"result\" address=\"W34\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=LBsjRfT1;metrictext=acc.;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"ty3KFWHp\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"fLI1gMin\" caption=\"fLI1gMin\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"5CjRczzV\" caption=\"# of Downloads App Stores\" inputtype=\"output\" contenttype=\"result\" address=\"W38\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=fLI1gMin;buttonheight=10%;metrictext=acc.;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"Rvnc3pkO\" caption=\"# of Users\" inputtype=\"output\" contenttype=\"result\" address=\"W36\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;metrictext=acc.;groupname=fLI1gMin;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"D6pxthb7\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"r9bUpU3r\" caption=\"r9bUpU3r\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"3UeTMmHd\" caption=\"# of contracted Partners\" inputtype=\"output\" contenttype=\"result\" address=\"W41\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=r9bUpU3r;metrictext=acc.;buttonheight=10%;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"ImCXKIo6\" caption=\"Headcount\" inputtype=\"output\" contenttype=\"result\" address=\"W46\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=r9bUpU3r;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"6zL2bZEx\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Planning\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"EjUhCjq8\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"BmiLzYn5\" caption=\"BmiLzYn5\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Revenue F/C\" id=\"XaYjSr1k\" inputtype=\"input\" contenttype=\"percent\" address=\"Daten!Y6\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;deltastep=0.01;captiontextcolor=#46b5f6;groupname=BmiLzYn5;</itemdefinitions>\n </item>\n <item caption=\"Revenue acceleration\" id=\"7OuZ4hg8\" inputtype=\"input\" contenttype=\"percent\" address=\"Daten!Y5\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;metrictext=per month;deltastep=0.01;captiontextcolor=#46b5f6;groupname=BmiLzYn5;</itemdefinitions>\n </item>\n <item id=\"oohtFoOi\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"v1Q4Ca55\" caption=\"v1Q4Ca55\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Marketing cost\" id=\"Gpy6zPw1\" inputtype=\"input\" contenttype=\"percent\" address=\"Daten!Y17\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;metrictext=% of revenue;groupname=v1Q4Ca55;captiontextcolor=#46b5f6;deltastep=0.01;</itemdefinitions>\n </item>\n <item caption=\"Level employee salaries\" id=\"CrDTf6dz\" inputtype=\"input\" contenttype=\"percent\" address=\"Daten!Y11\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;groupname=v1Q4Ca55;captiontextcolor=#46b5f6;deltastep=0.01;</itemdefinitions>\n </item>\n <item id=\"H3Awcj76\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"SjkgMZGb\" caption=\"\" inputtype=\"output\" contenttype=\"chart\" address=\"Daten!L1:U1;Daten!L23:U23;Daten!L7:U7;Daten!L19:U19\">\n <itemdefinitions>height=70%;charttype=column;backgroundcolor=#2a2a2a;seriescolor=09679b;showlegend=true;seriescaptions=Cash balance,Revenue,Cash burn;legendtextcolor=#46b5f6;titletextcolor=#46b5f6;axiscolor=#46b5f6;colorpalette=#5bb4f8,#9ecb6e,#d35c55;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"3\" caption=\"Charts\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"rkJ3Hj2l\" caption=\"Finance\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=2a2a2a;textcolor=91C469;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"IJqrHcx7\" caption=\"Cash Burn\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B19:K19\">\n <itemdefinitions>height=240;charttype=column;titletextcolor=#91c469;yaxiscaption=in EUR;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#91c469;;legendtextcolor=#91c469;axiscolor=#91c469;</itemdefinitions>\n </item>\n <item id=\"6uWLQdRO\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"T2JGblty\" caption=\"Cash Balance\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B23:K23\">\n <itemdefinitions>height=240;charttype=column;titletextcolor=#91c469;yaxiscaption=in EUR;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#91c469;legendtextcolor=#91c469;axiscolor=#91c469;</itemdefinitions>\n </item>\n <item id=\"6qIOlbOT\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"ULARfDNS\" caption=\"Revenue\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B8:K8\">\n <itemdefinitions>height=240;charttype=column;titletextcolor=#91c469;yaxiscaption=in EUR;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#91c469;legendtextcolor=#91c469;axiscolor=#91c469;</itemdefinitions>\n </item>\n <item id=\"mdQv2Mzs\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"VYUIiyIR\" caption=\"Leads and Opportunies\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#46b5f6;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"Kj5yb5Dl\" caption=\"# of Leads\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B29:K29\">\n <itemdefinitions>height=240;charttype=column;titletextcolor=#46b5f6;yaxiscaption=# of leads;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#46b5f6;legendtextcolor=#46b5f6;axiscolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"1z8zpTp4\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"AQF1jyUs\" inputtype=\"input\" contenttype=\"toggle\" address=\"V2\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#f6c946;valuetextcolor=#f6c946;valuelist=:,May 16:May 16,Jun 16:Jun 16,Jul 16:Jul 16,Aug 16:Aug 16,Sep 16:Sep 16,Oct 16:Oct 16,Nov 16:Nov 16,Dec 16:Dec 16;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1NGnCdzB\" caption=\"Lead sources\" inputtype=\"output\" contenttype=\"chart\" address=\"V26:W28\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#2a2a2a;titletextcolor=#489ccb;legendtextcolor=#489ccb;colorpalette=#9a8af6,#307ada,#489ccb;showlegend=true;</itemdefinitions>\n </item>\n <item id=\"sWQ5PBEG\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=00000000;</itemdefinitions>\n </item>\n <item id=\"aGPvowCx\" caption=\"Opportunities\" inputtype=\"output\" contenttype=\"chart\" address=\"C1:K1;C31:K31;C32:K32;C33:K33;C34:K34\">\n <itemdefinitions>height=320;charttype=column;backgroundcolor=#2a2a2a;titletextcolor=#f5d060;yaxiscaption=# of ...;xaxiscaption=phase;chartorientation=horizontal;showeditbuttons=D1:F1;showdatamarkers=true;seriescaptions=Demo,Prototype,Offer,Licence;showlegend=true;legendtextcolor=#f5d060;colorpalette=#9a8af6,#307ada,#489ccb,#f5d060;axiscolor=#f5d060;</itemdefinitions>\n </item>\n <item id=\"gFIfGKRp\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"mHT0q9ng\" caption=\"Users\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#69c485;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"WgDvjZDx\" caption=\"# of Users (acc)\" inputtype=\"output\" contenttype=\"chart\" address=\"D1:K1;D36:K36\">\n <itemdefinitions>height=240;charttype=line;backgroundcolor=#2a2a2a;titletextcolor=#69c485;yaxiscaption=month;xaxiscaption=# of users;chartorientation=horizontal;showeditbuttons=D1:F1;colorpalette=#5eeb5c;axiscolor=#69c485;legendtextcolor=#69c485;</itemdefinitions>\n </item>\n <item id=\"DHgG810g\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=00000000;</itemdefinitions>\n </item>\n <item id=\"5nt4jVGR\" caption=\"# of Apps created\" inputtype=\"output\" contenttype=\"chart\" address=\"D1:K1;D37:K37\">\n <itemdefinitions>height=240;charttype=line;backgroundcolor=#2a2a2a;titletextcolor=#69c485;yaxiscaption=month;xaxiscaption=# of apps created;chartorientation=horizontal;showeditbuttons=D1:F1;colorpalette=#ebd75c;legendtextcolor=#69c485;axiscolor=#69c485;</itemdefinitions>\n </item>\n <item id=\"lCxJFUDe\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"6PknI5Xe\" caption=\"# of Downloads in App Stores\" inputtype=\"output\" contenttype=\"chart\" address=\"D1:K1;D38:K38\">\n <itemdefinitions>height=240;charttype=line;backgroundcolor=#2a2a2a;titletextcolor=#69c485;yaxiscaption=month;xaxiscaption=# of downloads;chartorientation=horizontal;showeditbuttons=D1:F1;colorpalette=#eb5c82;legendtextcolor=#69c485;axiscolor=#69c485;</itemdefinitions>\n </item>\n <item id=\"qalyG0MC\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=00000000;</itemdefinitions>\n </item>\n <item id=\"nwskS8cW\" caption=\"Channel\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#4673f6;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"2GmGLZfd\" caption=\"Partners\" inputtype=\"output\" contenttype=\"chart\" address=\"D1:K1;D40:K40;D41:K41\">\n <itemdefinitions>height=240;charttype=column;backgroundcolor=#2a2a2a;titletextcolor=#46b5f6;chartorientation=horizontal;yaxiscaption=# of partners;xaxiscaption=month;phaseshoweditbuttons=D1:F1;showdatamarkers=true;seriescaptions=pipline,contracted;showlegend=true;legendtextcolor=#46b5f6;colorpalette=#46b5f6,#5b46f6;axiscolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"BGaA2WTn\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"507Kt9Fi\" caption=\"Organization\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#c1668d;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"wHmNg1Kb\" caption=\"Total Headcount\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B46:K46\">\n <itemdefinitions>height=240;charttype=column;backgroundcolor=#2a2a2a;yaxiscaption=# of people;xaxiscaption=month;titletextcolor=#c1668d;chartorientation=horizontal;colorpalette=#c1668d;legendtextcolor=#c1668d;axiscolor=#c1668d;</itemdefinitions>\n </item>\n <item id=\"Gz7EW4GQ\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=00000000;</itemdefinitions>\n </item>\n <item id=\"QSSb4KlQ\" inputtype=\"input\" contenttype=\"toggle\" address=\"V2\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#f6c946;valuetextcolor=#f6c946;valuelist=:,May 16:May 16,Jun 16:Jun 16,Jul 16:Jul 16,Aug 16:Aug 16,Sep 16:Sep 16,Oct 16:Oct 16,Nov 16:Nov 16,Dec 16:Dec 16;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"bDRo7fC7\" caption=\"Staff Composition\" inputtype=\"output\" contenttype=\"chart\" address=\"V43:W45\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#2a2a2a;titletextcolor=#6ec2f0;legendtextcolor=#6ec2f0;colorpalette=#4ca6a9,#6ec2f0,#f2b362;showlegend=true;</itemdefinitions>\n </item>\n <item id=\"qalyG0MC\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"4\" caption=\"Highlights\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"EJrGiXAP\" contenttype=\"cardlist\" address=\"A47:C49\" caption=\"\">\n <itemdefinitions>categorycolumn=1;padding=6;height=60%;showsearchpanel=false;gridrowheight=50;gridcollapsegroups=false;gridallowedit=false;headeravailable=false;showcolumnheader=false;listcolumns=1::,3::,2::image;detailcolumns=1::,4::,5::,6::,7::,8::,9::,10::,11::;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"5\" caption=\"Opportunities\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"BpKJtoOX\" contenttype=\"cardlist\" address=\"Daten!A54:I58\">\n <itemdefinitions>categorycolumn=1;componentname=list;padding=6;height=60%;showsearchpanel=false;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=false;showcolumnheader=false;listcolumns=1::,2::,3::image;detailcolumns=1::,4::,5::,6::,7::,8::,9::,10::</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/13875076-9941-4496-91f3-a0ab8d2d2f9e/public/cardBackgroundImage.jpeg?v=jYvUOrhe;carddescriptionhide=true;cardcaptionbackgroundcolor=#ed33383e;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
**Link to this app** [https://oaa.app.link/launch-app-13875076-9941-4496-91f3-a0ab8d2d2f9e](https://oaa.app.link/launch-app-13875076-9941-4496-91f3-a0ab8d2d2f9e) **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=#101214;paddinghorz=0;paddingvert=0;functionbuttoncolor=#ff8909;pagecount=5;headeropacity=5;topareaheight=30%;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/13875076-9941-4496-91f3-a0ab8d2d2f9e/public/topAreaImage.jpeg?v=tARHclz8;printsheet=Print-out;menuentries=print", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"KPI\" definitions=\"sheetname=Daten;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"yzTCGgXU\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"ZQXQ8B0r\" inputtype=\"input\" contenttype=\"toggle\" address=\"V2\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#f6c946;valuetextcolor=#f6c946;showeditbuttons=true;buttonheight=18%;captiontextcolor=#f6c946;</itemdefinitions>\n </item>\n <item id=\"VcCaIn6N\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"v9sOWVhb\" caption=\"v9sOWVhb\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"3ljcdtfe\" caption=\"Revenue\" inputtype=\"output\" contenttype=\"result\" address=\"W7\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;buttonheight=10%;groupname=v9sOWVhb;captiontextcolor=#46b5f6;valuetextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"28V1TbgQ\" caption=\"Rev. act. vs. plan\" inputtype=\"output\" contenttype=\"double\" address=\"W9\">\n <itemdefinitions>nocaption=true;backgroundcolorcell=Daten!AA9;usecellformat=true;groupname=v9sOWVhb;elementwidth=30%;</itemdefinitions>\n </item>\n <item id=\"JLFC0Ihb\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"W10\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=v9sOWVhb;elementwidth=20%;</itemdefinitions>\n </item>\n <item id=\"gD1d247H\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"Z8aeBLIk\" caption=\"Z8aeBLIk\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"FardIdLB\" caption=\"Cash Burn\" inputtype=\"output\" contenttype=\"result\" address=\"W19\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;buttonheight=10%;groupname=Z8aeBLIk;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"yzbGLAGg\" caption=\"Cash Burn act. vs. plan\" inputtype=\"output\" contenttype=\"double\" address=\"W21\">\n <itemdefinitions>nocaption=true;backgroundcolorcell=Daten!AA21;usecellformat=true;groupname=Z8aeBLIk;elementwidth=30%;</itemdefinitions>\n </item>\n <item id=\"msXEDUss\" caption=\"\" inputtype=\"output\" contenttype=\"string\" address=\"W22\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=Z8aeBLIk;elementwidth=20%;</itemdefinitions>\n </item>\n <item id=\"igcXOkIe\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"u6Wy15l2\" caption=\"u6Wy15l2\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"psgkMDmn\" caption=\"Cash Balance\" inputtype=\"output\" contenttype=\"result\" address=\"W23\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=u6Wy15l2;buttonheight=10%;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"8llo6Utj\" caption=\"Cash Out Date\" inputtype=\"output\" contenttype=\"result\" address=\"W24\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=u6Wy15l2;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"0zDEx76X\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"LBsjRfT1\" caption=\"LBsjRfT1\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"JEBwXdCN\" caption=\"# of Leads\" inputtype=\"output\" contenttype=\"result\" address=\"W29\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;metrictext=acc.;groupname=LBsjRfT1;buttonheight=10%;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"6q3kGGFh\" caption=\"# of Licences\" inputtype=\"output\" contenttype=\"result\" address=\"W34\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=LBsjRfT1;metrictext=acc.;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"ty3KFWHp\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"fLI1gMin\" caption=\"fLI1gMin\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"5CjRczzV\" caption=\"# of Downloads App Stores\" inputtype=\"output\" contenttype=\"result\" address=\"W38\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=fLI1gMin;buttonheight=10%;metrictext=acc.;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"Rvnc3pkO\" caption=\"# of Users\" inputtype=\"output\" contenttype=\"result\" address=\"W36\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;metrictext=acc.;groupname=fLI1gMin;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"D6pxthb7\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"r9bUpU3r\" caption=\"r9bUpU3r\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;columnspacing=2;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"3UeTMmHd\" caption=\"# of contracted Partners\" inputtype=\"output\" contenttype=\"result\" address=\"W41\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=r9bUpU3r;metrictext=acc.;buttonheight=10%;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"ImCXKIo6\" caption=\"Headcount\" inputtype=\"output\" contenttype=\"result\" address=\"W46\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a2a2a;usecellformat=true;groupname=r9bUpU3r;buttonheight=0;valuetextcolor=#46b5f6;captiontextcolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"6zL2bZEx\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Planning\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"EjUhCjq8\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"BmiLzYn5\" caption=\"BmiLzYn5\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Revenue F/C\" id=\"XaYjSr1k\" inputtype=\"input\" contenttype=\"percent\" address=\"Daten!Y6\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;deltastep=0.01;captiontextcolor=#46b5f6;groupname=BmiLzYn5;</itemdefinitions>\n </item>\n <item caption=\"Revenue acceleration\" id=\"7OuZ4hg8\" inputtype=\"input\" contenttype=\"percent\" address=\"Daten!Y5\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;metrictext=per month;deltastep=0.01;captiontextcolor=#46b5f6;groupname=BmiLzYn5;</itemdefinitions>\n </item>\n <item id=\"oohtFoOi\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"v1Q4Ca55\" caption=\"v1Q4Ca55\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Marketing cost\" id=\"Gpy6zPw1\" inputtype=\"input\" contenttype=\"percent\" address=\"Daten!Y17\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;metrictext=% of revenue;groupname=v1Q4Ca55;captiontextcolor=#46b5f6;deltastep=0.01;</itemdefinitions>\n </item>\n <item caption=\"Level employee salaries\" id=\"CrDTf6dz\" inputtype=\"input\" contenttype=\"percent\" address=\"Daten!Y11\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#46b5f6;valuetextcolor=#46b5f6;showeditbuttons=true;usecellformat=true;groupname=v1Q4Ca55;captiontextcolor=#46b5f6;deltastep=0.01;</itemdefinitions>\n </item>\n <item id=\"H3Awcj76\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"SjkgMZGb\" caption=\"\" inputtype=\"output\" contenttype=\"chart\" address=\"Daten!L1:U1;Daten!L23:U23;Daten!L7:U7;Daten!L19:U19\">\n <itemdefinitions>height=70%;charttype=column;backgroundcolor=#2a2a2a;seriescolor=09679b;showlegend=true;seriescaptions=Cash balance,Revenue,Cash burn;legendtextcolor=#46b5f6;titletextcolor=#46b5f6;axiscolor=#46b5f6;colorpalette=#5bb4f8,#9ecb6e,#d35c55;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"3\" caption=\"Charts\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"rkJ3Hj2l\" caption=\"Finance\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=2a2a2a;textcolor=91C469;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"IJqrHcx7\" caption=\"Cash Burn\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B19:K19\">\n <itemdefinitions>height=240;charttype=column;titletextcolor=#91c469;yaxiscaption=in EUR;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#91c469;;legendtextcolor=#91c469;axiscolor=#91c469;</itemdefinitions>\n </item>\n <item id=\"6uWLQdRO\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"T2JGblty\" caption=\"Cash Balance\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B23:K23\">\n <itemdefinitions>height=240;charttype=column;titletextcolor=#91c469;yaxiscaption=in EUR;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#91c469;legendtextcolor=#91c469;axiscolor=#91c469;</itemdefinitions>\n </item>\n <item id=\"6qIOlbOT\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"ULARfDNS\" caption=\"Revenue\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B8:K8\">\n <itemdefinitions>height=240;charttype=column;titletextcolor=#91c469;yaxiscaption=in EUR;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#91c469;legendtextcolor=#91c469;axiscolor=#91c469;</itemdefinitions>\n </item>\n <item id=\"mdQv2Mzs\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"VYUIiyIR\" caption=\"Leads and Opportunies\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#46b5f6;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"Kj5yb5Dl\" caption=\"# of Leads\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B29:K29\">\n <itemdefinitions>height=240;charttype=column;titletextcolor=#46b5f6;yaxiscaption=# of leads;xaxiscaption=month;backgroundcolor=#2a2a2a;chartorientation=horizontal;colorpalette=#46b5f6;legendtextcolor=#46b5f6;axiscolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"1z8zpTp4\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"AQF1jyUs\" inputtype=\"input\" contenttype=\"toggle\" address=\"V2\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#f6c946;valuetextcolor=#f6c946;valuelist=:,May 16:May 16,Jun 16:Jun 16,Jul 16:Jul 16,Aug 16:Aug 16,Sep 16:Sep 16,Oct 16:Oct 16,Nov 16:Nov 16,Dec 16:Dec 16;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1NGnCdzB\" caption=\"Lead sources\" inputtype=\"output\" contenttype=\"chart\" address=\"V26:W28\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#2a2a2a;titletextcolor=#489ccb;legendtextcolor=#489ccb;colorpalette=#9a8af6,#307ada,#489ccb;showlegend=true;</itemdefinitions>\n </item>\n <item id=\"sWQ5PBEG\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=00000000;</itemdefinitions>\n </item>\n <item id=\"aGPvowCx\" caption=\"Opportunities\" inputtype=\"output\" contenttype=\"chart\" address=\"C1:K1;C31:K31;C32:K32;C33:K33;C34:K34\">\n <itemdefinitions>height=320;charttype=column;backgroundcolor=#2a2a2a;titletextcolor=#f5d060;yaxiscaption=# of ...;xaxiscaption=phase;chartorientation=horizontal;showeditbuttons=D1:F1;showdatamarkers=true;seriescaptions=Demo,Prototype,Offer,Licence;showlegend=true;legendtextcolor=#f5d060;colorpalette=#9a8af6,#307ada,#489ccb,#f5d060;axiscolor=#f5d060;</itemdefinitions>\n </item>\n <item id=\"gFIfGKRp\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"mHT0q9ng\" caption=\"Users\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#69c485;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"WgDvjZDx\" caption=\"# of Users (acc)\" inputtype=\"output\" contenttype=\"chart\" address=\"D1:K1;D36:K36\">\n <itemdefinitions>height=240;charttype=line;backgroundcolor=#2a2a2a;titletextcolor=#69c485;yaxiscaption=month;xaxiscaption=# of users;chartorientation=horizontal;showeditbuttons=D1:F1;colorpalette=#5eeb5c;axiscolor=#69c485;legendtextcolor=#69c485;</itemdefinitions>\n </item>\n <item id=\"DHgG810g\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=00000000;</itemdefinitions>\n </item>\n <item id=\"5nt4jVGR\" caption=\"# of Apps created\" inputtype=\"output\" contenttype=\"chart\" address=\"D1:K1;D37:K37\">\n <itemdefinitions>height=240;charttype=line;backgroundcolor=#2a2a2a;titletextcolor=#69c485;yaxiscaption=month;xaxiscaption=# of apps created;chartorientation=horizontal;showeditbuttons=D1:F1;colorpalette=#ebd75c;legendtextcolor=#69c485;axiscolor=#69c485;</itemdefinitions>\n </item>\n <item id=\"lCxJFUDe\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"6PknI5Xe\" caption=\"# of Downloads in App Stores\" inputtype=\"output\" contenttype=\"chart\" address=\"D1:K1;D38:K38\">\n <itemdefinitions>height=240;charttype=line;backgroundcolor=#2a2a2a;titletextcolor=#69c485;yaxiscaption=month;xaxiscaption=# of downloads;chartorientation=horizontal;showeditbuttons=D1:F1;colorpalette=#eb5c82;legendtextcolor=#69c485;axiscolor=#69c485;</itemdefinitions>\n </item>\n <item id=\"qalyG0MC\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=00000000;</itemdefinitions>\n </item>\n <item id=\"nwskS8cW\" caption=\"Channel\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#4673f6;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"2GmGLZfd\" caption=\"Partners\" inputtype=\"output\" contenttype=\"chart\" address=\"D1:K1;D40:K40;D41:K41\">\n <itemdefinitions>height=240;charttype=column;backgroundcolor=#2a2a2a;titletextcolor=#46b5f6;chartorientation=horizontal;yaxiscaption=# of partners;xaxiscaption=month;phaseshoweditbuttons=D1:F1;showdatamarkers=true;seriescaptions=pipline,contracted;showlegend=true;legendtextcolor=#46b5f6;colorpalette=#46b5f6,#5b46f6;axiscolor=#46b5f6;</itemdefinitions>\n </item>\n <item id=\"BGaA2WTn\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n <item id=\"507Kt9Fi\" caption=\"Organization\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#2a2a2a;textcolor=#c1668d;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"wHmNg1Kb\" caption=\"Total Headcount\" inputtype=\"output\" contenttype=\"chart\" address=\"B1:K1;B46:K46\">\n <itemdefinitions>height=240;charttype=column;backgroundcolor=#2a2a2a;yaxiscaption=# of people;xaxiscaption=month;titletextcolor=#c1668d;chartorientation=horizontal;colorpalette=#c1668d;legendtextcolor=#c1668d;axiscolor=#c1668d;</itemdefinitions>\n </item>\n <item id=\"Gz7EW4GQ\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=00000000;</itemdefinitions>\n </item>\n <item id=\"QSSb4KlQ\" inputtype=\"input\" contenttype=\"toggle\" address=\"V2\">\n <itemdefinitions>backgroundcolor=#2a2a2a;elementcolor=#f6c946;valuetextcolor=#f6c946;valuelist=:,May 16:May 16,Jun 16:Jun 16,Jul 16:Jul 16,Aug 16:Aug 16,Sep 16:Sep 16,Oct 16:Oct 16,Nov 16:Nov 16,Dec 16:Dec 16;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"bDRo7fC7\" caption=\"Staff Composition\" inputtype=\"output\" contenttype=\"chart\" address=\"V43:W45\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#2a2a2a;titletextcolor=#6ec2f0;legendtextcolor=#6ec2f0;colorpalette=#4ca6a9,#6ec2f0,#f2b362;showlegend=true;</itemdefinitions>\n </item>\n <item id=\"qalyG0MC\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#00000000;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"4\" caption=\"Highlights\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"EJrGiXAP\" contenttype=\"cardlist\" address=\"A47:C49\" caption=\"\">\n <itemdefinitions>categorycolumn=1;padding=6;height=60%;showsearchpanel=false;gridrowheight=50;gridcollapsegroups=false;gridallowedit=false;headeravailable=false;showcolumnheader=false;listcolumns=1::,3::,2::image;detailcolumns=1::,4::,5::,6::,7::,8::,9::,10::,11::;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"5\" caption=\"Opportunities\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"BpKJtoOX\" contenttype=\"cardlist\" address=\"Daten!A54:I58\">\n <itemdefinitions>categorycolumn=1;componentname=list;padding=6;height=60%;showsearchpanel=false;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=false;showcolumnheader=false;listcolumns=1::,2::,3::image;detailcolumns=1::,4::,5::,6::,7::,8::,9::,10::</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/13875076-9941-4496-91f3-a0ab8d2d2f9e/public/cardBackgroundImage.jpeg?v=jYvUOrhe;carddescriptionhide=true;cardcaptionbackgroundcolor=#ed33383e;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
{"_id":"584eb700a4a2541900818c95","title":"Machine hour rate calculation","parentDoc":null,"slug":"machine-hour-rate-calculation","version":"56123686436e0b0d000129a0","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"link_url":"","next":{"pages":[],"description":""},"excerpt":"","isReference":false,"link_external":false,"order":2,"project":"56123686436e0b0d0001299d","__v":0,"category":"57fcfbde4002550e004c0475","createdAt":"2016-12-12T14:41:04.335Z","sync_unique":"","type":"basic","updates":[],"hidden":false,"user":"56f00bdbd2877b34002479f1","body":"[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"By adding the definitions **paddingleft=18;paddingright=18;columnspacing=8;** to your group in the raw xml configuration you can adjust the look and feel of each cell.\\n\\nThe background image can be added by using the definition **backgroundimage=yourfileurl.jpg;** in the app definitions.\",\n  \"title\": \"Group layout & background image\",\n  \"sidebar\": true\n}\n[/block]\n**Link to this app**\n[https://oaa.app.link/launch-app-289a0364-8113-4a6e-8425-caeff6dc85ce](https://oaa.app.link/launch-app-289a0364-8113-4a6e-8425-caeff6dc85ce)\n\n**Excel file for this app**\nhttps://api.openasapp.net/v1/api/EntityStorage/AppStorage/289a0364-8113-4a6e-8425-caeff6dc85ce/data.xlsx\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f3cc830-2016-12-12_15_37_51-Open_as_App.png\",\n        \"2016-12-12 15_37_51-Open as App.png\",\n        500,\n        727,\n        \"#29498b\"\n      ],\n      \"caption\": \"\\\"Machine hour rate calculation\\\" custom group layout and an image as background.\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=white;backgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/289a0364-8113-4a6e-8425-caeff6dc85ce/public/topAreaImage-11ab7a6c0cc94cb7952e41afb65e3520.jpeg;topareaheight=18%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#de7a30;headeropacity=5;pagecount=5;allowpushtoserver=true;printsheet=Calculation;menuentries=print;\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"Overview\\\" definitions=\\\"sheetname=Calculation;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <caption>Allgemein</caption>\\n            <description>Allgemein</description>\\n            <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\\n            <items>\\n                <item id=\\\"UeYyZ5dL\\\" caption=\\\"Overview machine hour cost rates\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=20%;backgroundcolor=#00000000;textcolor=white;textfontsize=21;</itemdefinitions>\\n                </item>\\n                <item id=\\\"DGjUYQvg\\\" caption=\\\"DGjUYQvg\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;paddingleft=18;paddingright=18;columnspacing=8;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"esKqaUu7\\\" caption=\\\"DMG MORI I\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B58\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=DGjUYQvg;</itemdefinitions>\\n                </item>\\n                <item id=\\\"4ndZzqhF\\\" caption=\\\"CMZ TA\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B59\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=DGjUYQvg;</itemdefinitions>\\n                </item>\\n                <item id=\\\"oHO5KMRU\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=6;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"OvEsZIry\\\" caption=\\\"OvEsZIry\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;paddingleft=18;paddingright=18;columnspacing=8;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ceE5IfC4\\\" caption=\\\"Spinner TC 600\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B60\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=OvEsZIry;</itemdefinitions>\\n                </item>\\n                <item id=\\\"6QICsK2e\\\" caption=\\\"TruFlow\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B61\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=OvEsZIry;</itemdefinitions>\\n                </item>\\n                <item id=\\\"nsFiM7Nt\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=6;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"uxfF9PKQ\\\" caption=\\\"uxfF9PKQ\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;paddingleft=18;paddingright=18;columnspacing=8;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"y4WVHuxr\\\" caption=\\\"HEDELIUS C 80\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B62\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=uxfF9PKQ;</itemdefinitions>\\n                </item>\\n                <item id=\\\"HlfnAP5p\\\" caption=\\\"EMAG VLC 200\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B63\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=uxfF9PKQ;metrictext=hour rate in €;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"2\\\" caption=\\\"Details\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item caption=\\\"\\\" id=\\\"lZwSw9vM\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"A83\\\">\\n                    <itemdefinitions>backgroundcolor=white;elementcolor=09679b;valuetextcolor=09679b;valuelist=:,DMG MORI CLX:DMG MORI CLX,CMZ TA:CMZ TA,Spinner TC 600:Spinner TC 600,TruFlow:TruFlow,HEDELIUS C 80:HEDELIUS C 80,EMAG VLC 200:EMAG VLC 200;showeditbuttons=true</itemdefinitions>\\n                </item>\\n                <item id=\\\"7WeCJzxA\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"2d3nEriG\\\" caption=\\\"2d3nEriG\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"or6lOtJI\\\" caption=\\\"Acquisition costs\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B84\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=2d3nEriG;metrictext=in €;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ydzk7LLD\\\" caption=\\\"Asset depreciation per year\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B85\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=2d3nEriG;metrictext=in €;editortype=tileedit;</itemdefinitions>\\n                </item>\\n                <item id=\\\"LOKvizAM\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"OuOBmxPE\\\" caption=\\\"OuOBmxPE\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"0HXOOLf9\\\" caption=\\\"# of shifts\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B86\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=214a9a;usecellformat=true;groupname=OuOBmxPE;</itemdefinitions>\\n                </item>\\n                <item id=\\\"cqI6ipnK\\\" caption=\\\"Occupancy rate\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B87\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=214a9a;usecellformat=true;groupname=OuOBmxPE;</itemdefinitions>\\n                </item>\\n                <item id=\\\"yMeqpmAS\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"JhDjydct\\\" caption=\\\"JhDjydct\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"Kpfp1dbW\\\" caption=\\\"Run time\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B88\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=JhDjydct;metrictext=in h;</itemdefinitions>\\n                </item>\\n                <item id=\\\"7Yx9bKWH\\\" caption=\\\"Asset depreciation per h\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B89\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=JhDjydct;metrictext=in €;</itemdefinitions>\\n                </item>\\n                <item id=\\\"CuoKoBJy\\\" caption=\\\"Maintenance\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=30;backgroundcolor=transparent;textcolor=white;textfontsize=21;</itemdefinitions>\\n                </item>\\n                <item id=\\\"gTUJLoI0\\\" caption=\\\"gTUJLoI0\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"hHldeoD9\\\" caption=\\\"Maintenance per year\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B90\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2654af;usecellformat=true;groupname=gTUJLoI0;metrictext=in €;</itemdefinitions>\\n                </item>\\n                <item id=\\\"p7c0RLFh\\\" caption=\\\"Maintenance per h\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B91\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2654af;usecellformat=true;groupname=gTUJLoI0;metrictext=in €;</itemdefinitions>\\n                </item>\\n                <item id=\\\"MZXff5KU\\\" caption=\\\"Energy\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=30;backgroundcolor=#00000000;textcolor=white;textfontsize=21;</itemdefinitions>\\n                </item>\\n                <item id=\\\"k0inM0We\\\" caption=\\\"k0inM0We\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"WbYGrRb3\\\" caption=\\\"Energy per year\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B92\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a5ec4;usecellformat=true;groupname=k0inM0We;metrictext=in €;</itemdefinitions>\\n                </item>\\n                <item id=\\\"NhBF13UH\\\" caption=\\\"Energy per h\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B93\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#2a5ec4;usecellformat=true;groupname=k0inM0We;metrictext=in €;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ik5x0O20\\\" caption=\\\"Rent\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=30;backgroundcolor=transparent;textcolor=white;textfontsize=21;</itemdefinitions>\\n                </item>\\n                <item id=\\\"pnBIJt8G\\\" caption=\\\"pnBIJt8G\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"azLcKZ9s\\\" caption=\\\"Rent per Year\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B94\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#346ad3;usecellformat=true;groupname=pnBIJt8G;metrictext=in €;</itemdefinitions>\\n                </item>\\n                <item id=\\\"bsyKdlgP\\\" caption=\\\"Rent per h\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B95\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#346ad3;usecellformat=true;groupname=pnBIJt8G;metrictext=in €;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"3\\\" caption=\\\"Details Cards\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"OxCNufdV\\\" contenttype=\\\"cardlist\\\" address=\\\"A13:H19\\\">\\n                    <itemdefinitions>categorycolumn=4;componentname=list;padding=4;height=80%;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;showsearchpanel=false;imagewidth=120;imagefillmode=aspectfit;listcolumns=1::,4::,7::,8::image;detailcolumns=1::,8:image,2::,3::,4:toggle,5:toggle,6::,7::,9::,10::,11::,12::,13::,14::;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"4\\\" caption=\\\"Adjustments\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"Uw3DCQla\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=30;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Maintenance / year\\\" id=\\\"yUr6vRGa\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B36\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=in €;deltastep=100;</itemdefinitions>\\n                </item>\\n                <item id=\\\"6qJNpH1A\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Energy cost /year\\\" id=\\\"FLidjOV7\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"D36\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=in €;deltastep=100;</itemdefinitions>\\n                </item>\\n                <item id=\\\"vIF0aEBa\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Rent / year\\\" id=\\\"gVgG4gAc\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"F36\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=in €;deltastep=100;</itemdefinitions>\\n                </item>\\n                <item id=\\\"E2XWkCFM\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"R1K3QWDY\\\" caption=\\\"R1K3QWDY\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Calendar weeks\\\" id=\\\"IGHza0Nx\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"C23\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;minvalue=30;maxvalue=52;metrictext=weeks;groupname=R1K3QWDY;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Days / week\\\" id=\\\"vFK7E1aX\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"C24\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;minvalue=1;maxvalue=7;metrictext=days;groupname=R1K3QWDY;</itemdefinitions>\\n                </item>\\n                <item id=\\\"oTxoL5DC\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"tIbLqdDR\\\" caption=\\\"tIbLqdDR\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Bank holidays/year\\\" id=\\\"dwUjDrQa\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"C26\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=days;groupname=tIbLqdDR;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Hours/shift\\\" id=\\\"CvYROgnH\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"C25\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=hours;minvalue=1;maxvalue=10;groupname=tIbLqdDR;</itemdefinitions>\\n                </item>\\n                <item id=\\\"yZYuBCDb\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"iszMSWLf\\\" caption=\\\"iszMSWLf\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Extraordinary repair days/year\\\" id=\\\"hywhOMAV\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"C27\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=days;groupname=iszMSWLf;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Depreciation period\\\" id=\\\"Vx6ugapm\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"C29\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=years;minvalue=1;maxvalue=10;groupname=iszMSWLf;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"5\\\" caption=\\\"Charts\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"WmTQj1cP\\\" caption=\\\"Acquisition Cost\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"Calculation!A14:B19\\\">\\n                    <itemdefinitions>height=50%;charttype=bar;xaxiscaption=Investment [in EURO];backgroundcolor=white;seriescolor=214a9a;</itemdefinitions>\\n                </item>\\n                <item id=\\\"R5FL7Twv\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=10;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"TcYe4sf3\\\" caption=\\\"Occupancy rate\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"Calculation!A14:A19;Calculation!E14:E19\\\">\\n                    <itemdefinitions>height=50%;charttype=polar;chartorientation=vertical;backgroundcolor=white;seriescolor=214a9a;</itemdefinitions>\\n                </item>\\n                <item id=\\\"Plk2Fz0N\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=10;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"862iQT0t\\\" caption=\\\"Machine hour rate\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"Calculation!A14:A19;Calculation!A58:B63\\\">\\n                    <itemdefinitions>height=50%;charttype=bar;chartorientation=vertical;xaxiscaption=Hour rate [in EURO];backgroundcolor=white;seriescolor=346ad3;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/289a0364-8113-4a6e-8425-caeff6dc85ce/public/cardBackgroundImage-fcdbc6dab4ea465bbab9038be112a6f3.jpeg;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#214a9a;cardbackgroundcolor=transparent;captionheight=50;captionopacity=7\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","githubsync":"","childrenPages":[]}

Machine hour rate calculation


[block:callout] { "type": "info", "body": "By adding the definitions **paddingleft=18;paddingright=18;columnspacing=8;** to your group in the raw xml configuration you can adjust the look and feel of each cell.\n\nThe background image can be added by using the definition **backgroundimage=yourfileurl.jpg;** in the app definitions.", "title": "Group layout & background image", "sidebar": true } [/block] **Link to this app** [https://oaa.app.link/launch-app-289a0364-8113-4a6e-8425-caeff6dc85ce](https://oaa.app.link/launch-app-289a0364-8113-4a6e-8425-caeff6dc85ce) **Excel file for this app** https://api.openasapp.net/v1/api/EntityStorage/AppStorage/289a0364-8113-4a6e-8425-caeff6dc85ce/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/f3cc830-2016-12-12_15_37_51-Open_as_App.png", "2016-12-12 15_37_51-Open as App.png", 500, 727, "#29498b" ], "caption": "\"Machine hour rate calculation\" custom group layout and an image as background." } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=white;backgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/289a0364-8113-4a6e-8425-caeff6dc85ce/public/topAreaImage-11ab7a6c0cc94cb7952e41afb65e3520.jpeg;topareaheight=18%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#de7a30;headeropacity=5;pagecount=5;allowpushtoserver=true;printsheet=Calculation;menuentries=print;", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Overview\" definitions=\"sheetname=Calculation;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <caption>Allgemein</caption>\n <description>Allgemein</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"UeYyZ5dL\" caption=\"Overview machine hour cost rates\" contenttype=\"header\">\n <itemdefinitions>height=20%;backgroundcolor=#00000000;textcolor=white;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"DGjUYQvg\" caption=\"DGjUYQvg\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;paddingleft=18;paddingright=18;columnspacing=8;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"esKqaUu7\" caption=\"DMG MORI I\" inputtype=\"output\" contenttype=\"result\" address=\"B58\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=DGjUYQvg;</itemdefinitions>\n </item>\n <item id=\"4ndZzqhF\" caption=\"CMZ TA\" inputtype=\"output\" contenttype=\"result\" address=\"B59\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=DGjUYQvg;</itemdefinitions>\n </item>\n <item id=\"oHO5KMRU\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=6;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"OvEsZIry\" caption=\"OvEsZIry\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;paddingleft=18;paddingright=18;columnspacing=8;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"ceE5IfC4\" caption=\"Spinner TC 600\" inputtype=\"output\" contenttype=\"result\" address=\"B60\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=OvEsZIry;</itemdefinitions>\n </item>\n <item id=\"6QICsK2e\" caption=\"TruFlow\" inputtype=\"output\" contenttype=\"result\" address=\"B61\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=OvEsZIry;</itemdefinitions>\n </item>\n <item id=\"nsFiM7Nt\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=6;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"uxfF9PKQ\" caption=\"uxfF9PKQ\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;paddingleft=18;paddingright=18;columnspacing=8;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"y4WVHuxr\" caption=\"HEDELIUS C 80\" inputtype=\"output\" contenttype=\"result\" address=\"B62\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=uxfF9PKQ;</itemdefinitions>\n </item>\n <item id=\"HlfnAP5p\" caption=\"EMAG VLC 200\" inputtype=\"output\" contenttype=\"result\" address=\"B63\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=uxfF9PKQ;metrictext=hour rate in €;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Details\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"\" id=\"lZwSw9vM\" inputtype=\"input\" contenttype=\"toggle\" address=\"A83\">\n <itemdefinitions>backgroundcolor=white;elementcolor=09679b;valuetextcolor=09679b;valuelist=:,DMG MORI CLX:DMG MORI CLX,CMZ TA:CMZ TA,Spinner TC 600:Spinner TC 600,TruFlow:TruFlow,HEDELIUS C 80:HEDELIUS C 80,EMAG VLC 200:EMAG VLC 200;showeditbuttons=true</itemdefinitions>\n </item>\n <item id=\"7WeCJzxA\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"2d3nEriG\" caption=\"2d3nEriG\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"or6lOtJI\" caption=\"Acquisition costs\" inputtype=\"output\" contenttype=\"result\" address=\"B84\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=2d3nEriG;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"ydzk7LLD\" caption=\"Asset depreciation per year\" inputtype=\"output\" contenttype=\"result\" address=\"B85\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=2d3nEriG;metrictext=in €;editortype=tileedit;</itemdefinitions>\n </item>\n <item id=\"LOKvizAM\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"OuOBmxPE\" caption=\"OuOBmxPE\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"0HXOOLf9\" caption=\"# of shifts\" inputtype=\"output\" contenttype=\"result\" address=\"B86\">\n <itemdefinitions>nocaption=true;backgroundcolor=214a9a;usecellformat=true;groupname=OuOBmxPE;</itemdefinitions>\n </item>\n <item id=\"cqI6ipnK\" caption=\"Occupancy rate\" inputtype=\"output\" contenttype=\"result\" address=\"B87\">\n <itemdefinitions>nocaption=true;backgroundcolor=214a9a;usecellformat=true;groupname=OuOBmxPE;</itemdefinitions>\n </item>\n <item id=\"yMeqpmAS\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"JhDjydct\" caption=\"JhDjydct\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"Kpfp1dbW\" caption=\"Run time\" inputtype=\"output\" contenttype=\"result\" address=\"B88\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=JhDjydct;metrictext=in h;</itemdefinitions>\n </item>\n <item id=\"7Yx9bKWH\" caption=\"Asset depreciation per h\" inputtype=\"output\" contenttype=\"result\" address=\"B89\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=JhDjydct;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"CuoKoBJy\" caption=\"Maintenance\" contenttype=\"header\">\n <itemdefinitions>height=30;backgroundcolor=transparent;textcolor=white;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"gTUJLoI0\" caption=\"gTUJLoI0\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"hHldeoD9\" caption=\"Maintenance per year\" inputtype=\"output\" contenttype=\"result\" address=\"B90\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2654af;usecellformat=true;groupname=gTUJLoI0;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"p7c0RLFh\" caption=\"Maintenance per h\" inputtype=\"output\" contenttype=\"result\" address=\"B91\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2654af;usecellformat=true;groupname=gTUJLoI0;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"MZXff5KU\" caption=\"Energy\" contenttype=\"header\">\n <itemdefinitions>height=30;backgroundcolor=#00000000;textcolor=white;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"k0inM0We\" caption=\"k0inM0We\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"WbYGrRb3\" caption=\"Energy per year\" inputtype=\"output\" contenttype=\"result\" address=\"B92\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a5ec4;usecellformat=true;groupname=k0inM0We;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"NhBF13UH\" caption=\"Energy per h\" inputtype=\"output\" contenttype=\"result\" address=\"B93\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a5ec4;usecellformat=true;groupname=k0inM0We;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"ik5x0O20\" caption=\"Rent\" contenttype=\"header\">\n <itemdefinitions>height=30;backgroundcolor=transparent;textcolor=white;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"pnBIJt8G\" caption=\"pnBIJt8G\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"azLcKZ9s\" caption=\"Rent per Year\" inputtype=\"output\" contenttype=\"result\" address=\"B94\">\n <itemdefinitions>nocaption=true;backgroundcolor=#346ad3;usecellformat=true;groupname=pnBIJt8G;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"bsyKdlgP\" caption=\"Rent per h\" inputtype=\"output\" contenttype=\"result\" address=\"B95\">\n <itemdefinitions>nocaption=true;backgroundcolor=#346ad3;usecellformat=true;groupname=pnBIJt8G;metrictext=in €;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"3\" caption=\"Details Cards\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"OxCNufdV\" contenttype=\"cardlist\" address=\"A13:H19\">\n <itemdefinitions>categorycolumn=4;componentname=list;padding=4;height=80%;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;showsearchpanel=false;imagewidth=120;imagefillmode=aspectfit;listcolumns=1::,4::,7::,8::image;detailcolumns=1::,8:image,2::,3::,4:toggle,5:toggle,6::,7::,9::,10::,11::,12::,13::,14::;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"4\" caption=\"Adjustments\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"Uw3DCQla\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=30;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item caption=\"Maintenance / year\" id=\"yUr6vRGa\" inputtype=\"input\" contenttype=\"integer\" address=\"B36\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=in €;deltastep=100;</itemdefinitions>\n </item>\n <item id=\"6qJNpH1A\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item caption=\"Energy cost /year\" id=\"FLidjOV7\" inputtype=\"input\" contenttype=\"integer\" address=\"D36\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=in €;deltastep=100;</itemdefinitions>\n </item>\n <item id=\"vIF0aEBa\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item caption=\"Rent / year\" id=\"gVgG4gAc\" inputtype=\"input\" contenttype=\"integer\" address=\"F36\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=in €;deltastep=100;</itemdefinitions>\n </item>\n <item id=\"E2XWkCFM\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"R1K3QWDY\" caption=\"R1K3QWDY\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Calendar weeks\" id=\"IGHza0Nx\" inputtype=\"input\" contenttype=\"integer\" address=\"C23\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;minvalue=30;maxvalue=52;metrictext=weeks;groupname=R1K3QWDY;</itemdefinitions>\n </item>\n <item caption=\"Days / week\" id=\"vFK7E1aX\" inputtype=\"input\" contenttype=\"integer\" address=\"C24\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;minvalue=1;maxvalue=7;metrictext=days;groupname=R1K3QWDY;</itemdefinitions>\n </item>\n <item id=\"oTxoL5DC\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"tIbLqdDR\" caption=\"tIbLqdDR\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Bank holidays/year\" id=\"dwUjDrQa\" inputtype=\"input\" contenttype=\"integer\" address=\"C26\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=days;groupname=tIbLqdDR;</itemdefinitions>\n </item>\n <item caption=\"Hours/shift\" id=\"CvYROgnH\" inputtype=\"input\" contenttype=\"integer\" address=\"C25\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=hours;minvalue=1;maxvalue=10;groupname=tIbLqdDR;</itemdefinitions>\n </item>\n <item id=\"yZYuBCDb\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"iszMSWLf\" caption=\"iszMSWLf\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Extraordinary repair days/year\" id=\"hywhOMAV\" inputtype=\"input\" contenttype=\"integer\" address=\"C27\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=days;groupname=iszMSWLf;</itemdefinitions>\n </item>\n <item caption=\"Depreciation period\" id=\"Vx6ugapm\" inputtype=\"input\" contenttype=\"integer\" address=\"C29\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=years;minvalue=1;maxvalue=10;groupname=iszMSWLf;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"5\" caption=\"Charts\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"WmTQj1cP\" caption=\"Acquisition Cost\" inputtype=\"output\" contenttype=\"chart\" address=\"Calculation!A14:B19\">\n <itemdefinitions>height=50%;charttype=bar;xaxiscaption=Investment [in EURO];backgroundcolor=white;seriescolor=214a9a;</itemdefinitions>\n </item>\n <item id=\"R5FL7Twv\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=10;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"TcYe4sf3\" caption=\"Occupancy rate\" inputtype=\"output\" contenttype=\"chart\" address=\"Calculation!A14:A19;Calculation!E14:E19\">\n <itemdefinitions>height=50%;charttype=polar;chartorientation=vertical;backgroundcolor=white;seriescolor=214a9a;</itemdefinitions>\n </item>\n <item id=\"Plk2Fz0N\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=10;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"862iQT0t\" caption=\"Machine hour rate\" inputtype=\"output\" contenttype=\"chart\" address=\"Calculation!A14:A19;Calculation!A58:B63\">\n <itemdefinitions>height=50%;charttype=bar;chartorientation=vertical;xaxiscaption=Hour rate [in EURO];backgroundcolor=white;seriescolor=346ad3;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/289a0364-8113-4a6e-8425-caeff6dc85ce/public/cardBackgroundImage-fcdbc6dab4ea465bbab9038be112a6f3.jpeg;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#214a9a;cardbackgroundcolor=transparent;captionheight=50;captionopacity=7", "language": "text" } ] } [/block]
[block:callout] { "type": "info", "body": "By adding the definitions **paddingleft=18;paddingright=18;columnspacing=8;** to your group in the raw xml configuration you can adjust the look and feel of each cell.\n\nThe background image can be added by using the definition **backgroundimage=yourfileurl.jpg;** in the app definitions.", "title": "Group layout & background image", "sidebar": true } [/block] **Link to this app** [https://oaa.app.link/launch-app-289a0364-8113-4a6e-8425-caeff6dc85ce](https://oaa.app.link/launch-app-289a0364-8113-4a6e-8425-caeff6dc85ce) **Excel file for this app** https://api.openasapp.net/v1/api/EntityStorage/AppStorage/289a0364-8113-4a6e-8425-caeff6dc85ce/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/f3cc830-2016-12-12_15_37_51-Open_as_App.png", "2016-12-12 15_37_51-Open as App.png", 500, 727, "#29498b" ], "caption": "\"Machine hour rate calculation\" custom group layout and an image as background." } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=white;backgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/289a0364-8113-4a6e-8425-caeff6dc85ce/public/topAreaImage-11ab7a6c0cc94cb7952e41afb65e3520.jpeg;topareaheight=18%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#de7a30;headeropacity=5;pagecount=5;allowpushtoserver=true;printsheet=Calculation;menuentries=print;", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Overview\" definitions=\"sheetname=Calculation;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <caption>Allgemein</caption>\n <description>Allgemein</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"UeYyZ5dL\" caption=\"Overview machine hour cost rates\" contenttype=\"header\">\n <itemdefinitions>height=20%;backgroundcolor=#00000000;textcolor=white;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"DGjUYQvg\" caption=\"DGjUYQvg\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;paddingleft=18;paddingright=18;columnspacing=8;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"esKqaUu7\" caption=\"DMG MORI I\" inputtype=\"output\" contenttype=\"result\" address=\"B58\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=DGjUYQvg;</itemdefinitions>\n </item>\n <item id=\"4ndZzqhF\" caption=\"CMZ TA\" inputtype=\"output\" contenttype=\"result\" address=\"B59\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=DGjUYQvg;</itemdefinitions>\n </item>\n <item id=\"oHO5KMRU\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=6;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"OvEsZIry\" caption=\"OvEsZIry\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;paddingleft=18;paddingright=18;columnspacing=8;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"ceE5IfC4\" caption=\"Spinner TC 600\" inputtype=\"output\" contenttype=\"result\" address=\"B60\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=OvEsZIry;</itemdefinitions>\n </item>\n <item id=\"6QICsK2e\" caption=\"TruFlow\" inputtype=\"output\" contenttype=\"result\" address=\"B61\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=OvEsZIry;</itemdefinitions>\n </item>\n <item id=\"nsFiM7Nt\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=6;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"uxfF9PKQ\" caption=\"uxfF9PKQ\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;paddingleft=18;paddingright=18;columnspacing=8;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"y4WVHuxr\" caption=\"HEDELIUS C 80\" inputtype=\"output\" contenttype=\"result\" address=\"B62\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#214a9a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;metrictext=hour rate in €;groupname=uxfF9PKQ;</itemdefinitions>\n </item>\n <item id=\"HlfnAP5p\" caption=\"EMAG VLC 200\" inputtype=\"output\" contenttype=\"result\" address=\"B63\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=uxfF9PKQ;metrictext=hour rate in €;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Details\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"\" id=\"lZwSw9vM\" inputtype=\"input\" contenttype=\"toggle\" address=\"A83\">\n <itemdefinitions>backgroundcolor=white;elementcolor=09679b;valuetextcolor=09679b;valuelist=:,DMG MORI CLX:DMG MORI CLX,CMZ TA:CMZ TA,Spinner TC 600:Spinner TC 600,TruFlow:TruFlow,HEDELIUS C 80:HEDELIUS C 80,EMAG VLC 200:EMAG VLC 200;showeditbuttons=true</itemdefinitions>\n </item>\n <item id=\"7WeCJzxA\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"2d3nEriG\" caption=\"2d3nEriG\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"or6lOtJI\" caption=\"Acquisition costs\" inputtype=\"output\" contenttype=\"result\" address=\"B84\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=2d3nEriG;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"ydzk7LLD\" caption=\"Asset depreciation per year\" inputtype=\"output\" contenttype=\"result\" address=\"B85\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=2d3nEriG;metrictext=in €;editortype=tileedit;</itemdefinitions>\n </item>\n <item id=\"LOKvizAM\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"OuOBmxPE\" caption=\"OuOBmxPE\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"0HXOOLf9\" caption=\"# of shifts\" inputtype=\"output\" contenttype=\"result\" address=\"B86\">\n <itemdefinitions>nocaption=true;backgroundcolor=214a9a;usecellformat=true;groupname=OuOBmxPE;</itemdefinitions>\n </item>\n <item id=\"cqI6ipnK\" caption=\"Occupancy rate\" inputtype=\"output\" contenttype=\"result\" address=\"B87\">\n <itemdefinitions>nocaption=true;backgroundcolor=214a9a;usecellformat=true;groupname=OuOBmxPE;</itemdefinitions>\n </item>\n <item id=\"yMeqpmAS\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"JhDjydct\" caption=\"JhDjydct\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"Kpfp1dbW\" caption=\"Run time\" inputtype=\"output\" contenttype=\"result\" address=\"B88\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=JhDjydct;metrictext=in h;</itemdefinitions>\n </item>\n <item id=\"7Yx9bKWH\" caption=\"Asset depreciation per h\" inputtype=\"output\" contenttype=\"result\" address=\"B89\">\n <itemdefinitions>nocaption=true;backgroundcolor=#214a9a;usecellformat=true;groupname=JhDjydct;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"CuoKoBJy\" caption=\"Maintenance\" contenttype=\"header\">\n <itemdefinitions>height=30;backgroundcolor=transparent;textcolor=white;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"gTUJLoI0\" caption=\"gTUJLoI0\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"hHldeoD9\" caption=\"Maintenance per year\" inputtype=\"output\" contenttype=\"result\" address=\"B90\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2654af;usecellformat=true;groupname=gTUJLoI0;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"p7c0RLFh\" caption=\"Maintenance per h\" inputtype=\"output\" contenttype=\"result\" address=\"B91\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2654af;usecellformat=true;groupname=gTUJLoI0;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"MZXff5KU\" caption=\"Energy\" contenttype=\"header\">\n <itemdefinitions>height=30;backgroundcolor=#00000000;textcolor=white;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"k0inM0We\" caption=\"k0inM0We\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"WbYGrRb3\" caption=\"Energy per year\" inputtype=\"output\" contenttype=\"result\" address=\"B92\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a5ec4;usecellformat=true;groupname=k0inM0We;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"NhBF13UH\" caption=\"Energy per h\" inputtype=\"output\" contenttype=\"result\" address=\"B93\">\n <itemdefinitions>nocaption=true;backgroundcolor=#2a5ec4;usecellformat=true;groupname=k0inM0We;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"ik5x0O20\" caption=\"Rent\" contenttype=\"header\">\n <itemdefinitions>height=30;backgroundcolor=transparent;textcolor=white;textfontsize=21;</itemdefinitions>\n </item>\n <item id=\"pnBIJt8G\" caption=\"pnBIJt8G\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"azLcKZ9s\" caption=\"Rent per Year\" inputtype=\"output\" contenttype=\"result\" address=\"B94\">\n <itemdefinitions>nocaption=true;backgroundcolor=#346ad3;usecellformat=true;groupname=pnBIJt8G;metrictext=in €;</itemdefinitions>\n </item>\n <item id=\"bsyKdlgP\" caption=\"Rent per h\" inputtype=\"output\" contenttype=\"result\" address=\"B95\">\n <itemdefinitions>nocaption=true;backgroundcolor=#346ad3;usecellformat=true;groupname=pnBIJt8G;metrictext=in €;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"3\" caption=\"Details Cards\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"OxCNufdV\" contenttype=\"cardlist\" address=\"A13:H19\">\n <itemdefinitions>categorycolumn=4;componentname=list;padding=4;height=80%;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;showsearchpanel=false;imagewidth=120;imagefillmode=aspectfit;listcolumns=1::,4::,7::,8::image;detailcolumns=1::,8:image,2::,3::,4:toggle,5:toggle,6::,7::,9::,10::,11::,12::,13::,14::;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"4\" caption=\"Adjustments\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"Uw3DCQla\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=30;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item caption=\"Maintenance / year\" id=\"yUr6vRGa\" inputtype=\"input\" contenttype=\"integer\" address=\"B36\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=in €;deltastep=100;</itemdefinitions>\n </item>\n <item id=\"6qJNpH1A\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item caption=\"Energy cost /year\" id=\"FLidjOV7\" inputtype=\"input\" contenttype=\"integer\" address=\"D36\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=in €;deltastep=100;</itemdefinitions>\n </item>\n <item id=\"vIF0aEBa\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item caption=\"Rent / year\" id=\"gVgG4gAc\" inputtype=\"input\" contenttype=\"integer\" address=\"F36\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=in €;deltastep=100;</itemdefinitions>\n </item>\n <item id=\"E2XWkCFM\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"R1K3QWDY\" caption=\"R1K3QWDY\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Calendar weeks\" id=\"IGHza0Nx\" inputtype=\"input\" contenttype=\"integer\" address=\"C23\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;minvalue=30;maxvalue=52;metrictext=weeks;groupname=R1K3QWDY;</itemdefinitions>\n </item>\n <item caption=\"Days / week\" id=\"vFK7E1aX\" inputtype=\"input\" contenttype=\"integer\" address=\"C24\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;minvalue=1;maxvalue=7;metrictext=days;groupname=R1K3QWDY;</itemdefinitions>\n </item>\n <item id=\"oTxoL5DC\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"tIbLqdDR\" caption=\"tIbLqdDR\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Bank holidays/year\" id=\"dwUjDrQa\" inputtype=\"input\" contenttype=\"integer\" address=\"C26\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=days;groupname=tIbLqdDR;</itemdefinitions>\n </item>\n <item caption=\"Hours/shift\" id=\"CvYROgnH\" inputtype=\"input\" contenttype=\"integer\" address=\"C25\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=hours;minvalue=1;maxvalue=10;groupname=tIbLqdDR;</itemdefinitions>\n </item>\n <item id=\"yZYuBCDb\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"iszMSWLf\" caption=\"iszMSWLf\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Extraordinary repair days/year\" id=\"hywhOMAV\" inputtype=\"input\" contenttype=\"integer\" address=\"C27\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=days;groupname=iszMSWLf;</itemdefinitions>\n </item>\n <item caption=\"Depreciation period\" id=\"Vx6ugapm\" inputtype=\"input\" contenttype=\"integer\" address=\"C29\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;metrictext=years;minvalue=1;maxvalue=10;groupname=iszMSWLf;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"5\" caption=\"Charts\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"WmTQj1cP\" caption=\"Acquisition Cost\" inputtype=\"output\" contenttype=\"chart\" address=\"Calculation!A14:B19\">\n <itemdefinitions>height=50%;charttype=bar;xaxiscaption=Investment [in EURO];backgroundcolor=white;seriescolor=214a9a;</itemdefinitions>\n </item>\n <item id=\"R5FL7Twv\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=10;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"TcYe4sf3\" caption=\"Occupancy rate\" inputtype=\"output\" contenttype=\"chart\" address=\"Calculation!A14:A19;Calculation!E14:E19\">\n <itemdefinitions>height=50%;charttype=polar;chartorientation=vertical;backgroundcolor=white;seriescolor=214a9a;</itemdefinitions>\n </item>\n <item id=\"Plk2Fz0N\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=10;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"862iQT0t\" caption=\"Machine hour rate\" inputtype=\"output\" contenttype=\"chart\" address=\"Calculation!A14:A19;Calculation!A58:B63\">\n <itemdefinitions>height=50%;charttype=bar;chartorientation=vertical;xaxiscaption=Hour rate [in EURO];backgroundcolor=white;seriescolor=346ad3;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/289a0364-8113-4a6e-8425-caeff6dc85ce/public/cardBackgroundImage-fcdbc6dab4ea465bbab9038be112a6f3.jpeg;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#214a9a;cardbackgroundcolor=transparent;captionheight=50;captionopacity=7", "language": "text" } ] } [/block]
{"_id":"57fd146b0072502200fa94d7","excerpt":"","link_url":"","slug":"rentenberechnung","sync_unique":"","type":"basic","user":"56f00bdbd2877b34002479f1","body":"**Link to this app**\n[https://oaa.app.link/launch-app-2f31f2b2-74a9-422e-9393-aaa8a4ce2385](https://oaa.app.link/launch-app-2f31f2b2-74a9-422e-9393-aaa8a4ce2385)\n\n**Excel file for this app**\nhttps://oaadata.blob.core.windows.net/app-2f31f2b2-74a9-422e-9393-aaa8a4ce2385/data.xlsx\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/85cca2c-IMG_0190.PNG\",\n        \"IMG_0190.PNG\",\n        640,\n        1136,\n        \"#417867\"\n      ],\n      \"caption\": \"\\\"Rentenberechnung\\\" Calculation\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"menuentries=send,print;categories=finance;backgroundcolor=white;topareaimage=http://www.wunderapps.net/brandings/apps/rente.png;topareaheight=18%;paddingvert=10;functionbuttoncolor=37a98d;headeropacity=10;pagecount=1;\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages>\\n    <page caption=\\\"Allgemein\\\" pageid=\\\"1\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item caption=\\\"Zinssatz\\\" contenttype=\\\"percent\\\" inputtype=\\\"input\\\" address=\\\"C4\\\">\\n                    <itemdefinitions>minvalue=0;deltastep=0.001;backgroundcolor=white;buttonheight=13%;buttonheight_phone=15%;separatorcolor=CFCFCF;elementcolor=37a98d;valuetextcolor=37a98d;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Jahre\\\" contenttype=\\\"integer\\\" inputtype=\\\"input\\\" address=\\\"B5\\\">\\n                    <itemdefinitions>minvalue=1;deltastep=1;backgroundcolor=white;usecellbackgroundcolor=#000000;buttonheight=13%;buttonheight_phone=15%;separatorcolor=CFCFCF;elementcolor=#37a98d;valuetextcolor=#37a98d;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Monatliche Auszahlung\\\" contenttype=\\\"integer\\\" inputtype=\\\"input\\\" address=\\\"B9\\\">\\n                    <itemdefinitions>minvalue=1;deltastep=100;backgroundcolor=white;buttonheight=15%;buttonheight_phone=20%;elementcolor=#37a98d;valuetextcolor=#37a98d;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Benötigtes Startkapital\\\" contenttype=\\\"result\\\" inputtype=\\\"output\\\" address=\\\"B10\\\">\\n                    <itemdefinitions>nocaption=true;showasfooter=true;buttonheight=20%;buttonheight_phone=24%;buttonradius=0;backgroundcolor=37a98d;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>height=20%;backgroundcolor=37A98D;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=http://www.wunderapps.net/brandings/apps/rente.png;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#5c4c46;cardbackgroundcolor=transparent;captionheight=40;captionopacity=8\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","api":{"settings":"","results":{"codes":[{"code":"{}","name":"","status":200,"language":"json"},{"name":"","status":400,"language":"json","code":"{}"}]},"auth":"required","params":[],"url":""},"createdAt":"2016-10-11T16:33:47.726Z","isReference":false,"updates":[],"version":"56123686436e0b0d000129a0","__v":1,"title":"Rentenberechnung","githubsync":"","hidden":false,"link_external":false,"next":{"pages":[],"description":""},"order":3,"parentDoc":null,"project":"56123686436e0b0d0001299d","category":"57fcfbde4002550e004c0475","childrenPages":[]}

Rentenberechnung


**Link to this app** [https://oaa.app.link/launch-app-2f31f2b2-74a9-422e-9393-aaa8a4ce2385](https://oaa.app.link/launch-app-2f31f2b2-74a9-422e-9393-aaa8a4ce2385) **Excel file for this app** https://oaadata.blob.core.windows.net/app-2f31f2b2-74a9-422e-9393-aaa8a4ce2385/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/85cca2c-IMG_0190.PNG", "IMG_0190.PNG", 640, 1136, "#417867" ], "caption": "\"Rentenberechnung\" Calculation" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "menuentries=send,print;categories=finance;backgroundcolor=white;topareaimage=http://www.wunderapps.net/brandings/apps/rente.png;topareaheight=18%;paddingvert=10;functionbuttoncolor=37a98d;headeropacity=10;pagecount=1;", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Allgemein\" pageid=\"1\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"Zinssatz\" contenttype=\"percent\" inputtype=\"input\" address=\"C4\">\n <itemdefinitions>minvalue=0;deltastep=0.001;backgroundcolor=white;buttonheight=13%;buttonheight_phone=15%;separatorcolor=CFCFCF;elementcolor=37a98d;valuetextcolor=37a98d;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Jahre\" contenttype=\"integer\" inputtype=\"input\" address=\"B5\">\n <itemdefinitions>minvalue=1;deltastep=1;backgroundcolor=white;usecellbackgroundcolor=#000000;buttonheight=13%;buttonheight_phone=15%;separatorcolor=CFCFCF;elementcolor=#37a98d;valuetextcolor=#37a98d;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Monatliche Auszahlung\" contenttype=\"integer\" inputtype=\"input\" address=\"B9\">\n <itemdefinitions>minvalue=1;deltastep=100;backgroundcolor=white;buttonheight=15%;buttonheight_phone=20%;elementcolor=#37a98d;valuetextcolor=#37a98d;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Benötigtes Startkapital\" contenttype=\"result\" inputtype=\"output\" address=\"B10\">\n <itemdefinitions>nocaption=true;showasfooter=true;buttonheight=20%;buttonheight_phone=24%;buttonradius=0;backgroundcolor=37a98d;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=20%;backgroundcolor=37A98D;showeditbuttons=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/apps/rente.png;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#5c4c46;cardbackgroundcolor=transparent;captionheight=40;captionopacity=8", "language": "text" } ] } [/block]
**Link to this app** [https://oaa.app.link/launch-app-2f31f2b2-74a9-422e-9393-aaa8a4ce2385](https://oaa.app.link/launch-app-2f31f2b2-74a9-422e-9393-aaa8a4ce2385) **Excel file for this app** https://oaadata.blob.core.windows.net/app-2f31f2b2-74a9-422e-9393-aaa8a4ce2385/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/85cca2c-IMG_0190.PNG", "IMG_0190.PNG", 640, 1136, "#417867" ], "caption": "\"Rentenberechnung\" Calculation" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "menuentries=send,print;categories=finance;backgroundcolor=white;topareaimage=http://www.wunderapps.net/brandings/apps/rente.png;topareaheight=18%;paddingvert=10;functionbuttoncolor=37a98d;headeropacity=10;pagecount=1;", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Allgemein\" pageid=\"1\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"Zinssatz\" contenttype=\"percent\" inputtype=\"input\" address=\"C4\">\n <itemdefinitions>minvalue=0;deltastep=0.001;backgroundcolor=white;buttonheight=13%;buttonheight_phone=15%;separatorcolor=CFCFCF;elementcolor=37a98d;valuetextcolor=37a98d;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Jahre\" contenttype=\"integer\" inputtype=\"input\" address=\"B5\">\n <itemdefinitions>minvalue=1;deltastep=1;backgroundcolor=white;usecellbackgroundcolor=#000000;buttonheight=13%;buttonheight_phone=15%;separatorcolor=CFCFCF;elementcolor=#37a98d;valuetextcolor=#37a98d;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Monatliche Auszahlung\" contenttype=\"integer\" inputtype=\"input\" address=\"B9\">\n <itemdefinitions>minvalue=1;deltastep=100;backgroundcolor=white;buttonheight=15%;buttonheight_phone=20%;elementcolor=#37a98d;valuetextcolor=#37a98d;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Benötigtes Startkapital\" contenttype=\"result\" inputtype=\"output\" address=\"B10\">\n <itemdefinitions>nocaption=true;showasfooter=true;buttonheight=20%;buttonheight_phone=24%;buttonradius=0;backgroundcolor=37a98d;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=20%;backgroundcolor=37A98D;showeditbuttons=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/apps/rente.png;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#5c4c46;cardbackgroundcolor=transparent;captionheight=40;captionopacity=8", "language": "text" } ] } [/block]
{"_id":"5625317126c3960d003c03a3","sync_unique":"","title":"ACME Financial Report","type":"basic","version":"56123686436e0b0d000129a0","api":{"settings":"","url":"","auth":"required","params":[],"results":{"codes":[{"name":"","status":200,"language":"json","code":"{}"},{"status":400,"language":"json","code":"{}","name":""}]}},"isReference":false,"slug":"acme-financial-report","hidden":false,"link_external":false,"link_url":"","order":4,"project":"56123686436e0b0d0001299d","body":"**Link to the app**\n[https://oaa.app.link/launch-app-3bc0338d-9f42-4bec-9ef6-6c1d85904cea](https://oaa.app.link/launch-app-3bc0338d-9f42-4bec-9ef6-6c1d85904cea)\n\n**App-Definition**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=#101214;topareaheight=30%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#f8cc55;headeropacity=4;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/3bc0338d-9f42-4bec-9ef6-6c1d85904cea/public/topAreaImage.jpeg?v=RGdqZO98;spacing=2;headerfade=false;pagecount=1\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**XML-Raw** \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"Main\\\" definitions=\\\"sheetname=Chart Area;summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <caption>Main</caption>\\n            <description>Main</description>\\n            <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\\n            <items>\\n                <item caption=\\\"Delta in € m\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"&apos;Chart Area&apos;!U6:U12;&apos;Chart Area&apos;!W6:W12;&apos;Chart Area&apos;!V6:V12\\\">\\n                    <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\\n                </item>\\n                <item id=\\\"2zSdjmUA\\\" caption=\\\"2zSdjmUA\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Vega in € k \\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"&apos;Chart Area&apos;!U34:U40;&apos;Chart Area&apos;!W34:W40;&apos;Chart Area&apos;!V34:V40\\\">\\n                    <itemdefinitions>charttype=spline;showlegend=false;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa;groupname=2zSdjmUA</itemdefinitions>\\n                </item>\\n                <item caption=\\\"MaV in € k \\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"&apos;Chart Area&apos;!U20:U26;&apos;Chart Area&apos;!W20:W26;&apos;Chart Area&apos;!V20:V26\\\">\\n                    <itemdefinitions>charttype=donut;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa;yaxiscaption=MaV in € k;showdatamarker=false;groupname=2zSdjmUA</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Rho in € k \\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"&apos;Chart Area&apos;!U48:U54;&apos;Chart Area&apos;!W48:W54;&apos;Chart Area&apos;!V48:V54\\\">\\n                    <itemdefinitions>charttype=areastacked;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\\n                </item>\\n                <item caption=\\\"TOP 5 FX Vega position in € K \\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"&apos;Chart Area&apos;!U62:U67;&apos;Chart Area&apos;!W62:W67;&apos;Chart Area&apos;!V62:V67\\\">\\n                    <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Total and Top 7 FX Delta positions in € m\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"&apos;Chart Area&apos;!U76:U83;&apos;Chart Area&apos;!W76:W83;&apos;Chart Area&apos;!V76:V83\\\">\\n                    <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Delta in € m \\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"&apos;Chart Area&apos;!U6:U12;&apos;Chart Area&apos;!W6:W12;&apos;Chart Area&apos;!V6:V12\\\">\\n                    <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card-Definition**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/3bc0338d-9f42-4bec-9ef6-6c1d85904cea/public/cardBackgroundImage.jpeg?v=dMITZT2g;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#5c4c46;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","category":"57fcfbde4002550e004c0475","githubsync":"","updates":[],"user":"55b249ab348df72d001d69b7","createdAt":"2015-10-19T18:07:45.628Z","next":{"description":"","pages":[]},"parentDoc":null,"__v":2,"excerpt":"","childrenPages":[]}

ACME Financial Report


**Link to the app** [https://oaa.app.link/launch-app-3bc0338d-9f42-4bec-9ef6-6c1d85904cea](https://oaa.app.link/launch-app-3bc0338d-9f42-4bec-9ef6-6c1d85904cea) **App-Definition** [block:code] { "codes": [ { "code": "backgroundcolor=#101214;topareaheight=30%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#f8cc55;headeropacity=4;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/3bc0338d-9f42-4bec-9ef6-6c1d85904cea/public/topAreaImage.jpeg?v=RGdqZO98;spacing=2;headerfade=false;pagecount=1", "language": "text" } ] } [/block] **XML-Raw** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Main\" definitions=\"sheetname=Chart Area;summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"1\">\n <caption>Main</caption>\n <description>Main</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item caption=\"Delta in € m\" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U6:U12;&apos;Chart Area&apos;!W6:W12;&apos;Chart Area&apos;!V6:V12\">\n <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n <item id=\"2zSdjmUA\" caption=\"2zSdjmUA\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Vega in € k \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U34:U40;&apos;Chart Area&apos;!W34:W40;&apos;Chart Area&apos;!V34:V40\">\n <itemdefinitions>charttype=spline;showlegend=false;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa;groupname=2zSdjmUA</itemdefinitions>\n </item>\n <item caption=\"MaV in € k \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U20:U26;&apos;Chart Area&apos;!W20:W26;&apos;Chart Area&apos;!V20:V26\">\n <itemdefinitions>charttype=donut;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa;yaxiscaption=MaV in € k;showdatamarker=false;groupname=2zSdjmUA</itemdefinitions>\n </item>\n <item caption=\"Rho in € k \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U48:U54;&apos;Chart Area&apos;!W48:W54;&apos;Chart Area&apos;!V48:V54\">\n <itemdefinitions>charttype=areastacked;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n <item caption=\"TOP 5 FX Vega position in € K \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U62:U67;&apos;Chart Area&apos;!W62:W67;&apos;Chart Area&apos;!V62:V67\">\n <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n <item caption=\"Total and Top 7 FX Delta positions in € m\" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U76:U83;&apos;Chart Area&apos;!W76:W83;&apos;Chart Area&apos;!V76:V83\">\n <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n <item caption=\"Delta in € m \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U6:U12;&apos;Chart Area&apos;!W6:W12;&apos;Chart Area&apos;!V6:V12\">\n <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card-Definition** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/3bc0338d-9f42-4bec-9ef6-6c1d85904cea/public/cardBackgroundImage.jpeg?v=dMITZT2g;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#5c4c46;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-3bc0338d-9f42-4bec-9ef6-6c1d85904cea](https://oaa.app.link/launch-app-3bc0338d-9f42-4bec-9ef6-6c1d85904cea) **App-Definition** [block:code] { "codes": [ { "code": "backgroundcolor=#101214;topareaheight=30%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#f8cc55;headeropacity=4;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/3bc0338d-9f42-4bec-9ef6-6c1d85904cea/public/topAreaImage.jpeg?v=RGdqZO98;spacing=2;headerfade=false;pagecount=1", "language": "text" } ] } [/block] **XML-Raw** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Main\" definitions=\"sheetname=Chart Area;summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"1\">\n <caption>Main</caption>\n <description>Main</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item caption=\"Delta in € m\" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U6:U12;&apos;Chart Area&apos;!W6:W12;&apos;Chart Area&apos;!V6:V12\">\n <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n <item id=\"2zSdjmUA\" caption=\"2zSdjmUA\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=transparent;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item caption=\"Vega in € k \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U34:U40;&apos;Chart Area&apos;!W34:W40;&apos;Chart Area&apos;!V34:V40\">\n <itemdefinitions>charttype=spline;showlegend=false;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa;groupname=2zSdjmUA</itemdefinitions>\n </item>\n <item caption=\"MaV in € k \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U20:U26;&apos;Chart Area&apos;!W20:W26;&apos;Chart Area&apos;!V20:V26\">\n <itemdefinitions>charttype=donut;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa;yaxiscaption=MaV in € k;showdatamarker=false;groupname=2zSdjmUA</itemdefinitions>\n </item>\n <item caption=\"Rho in € k \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U48:U54;&apos;Chart Area&apos;!W48:W54;&apos;Chart Area&apos;!V48:V54\">\n <itemdefinitions>charttype=areastacked;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n <item caption=\"TOP 5 FX Vega position in € K \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U62:U67;&apos;Chart Area&apos;!W62:W67;&apos;Chart Area&apos;!V62:V67\">\n <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n <item caption=\"Total and Top 7 FX Delta positions in € m\" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U76:U83;&apos;Chart Area&apos;!W76:W83;&apos;Chart Area&apos;!V76:V83\">\n <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n <item caption=\"Delta in € m \" inputtype=\"output\" contenttype=\"chart\" address=\"&apos;Chart Area&apos;!U6:U12;&apos;Chart Area&apos;!W6:W12;&apos;Chart Area&apos;!V6:V12\">\n <itemdefinitions>charttype=column;showlegend=true;seriescaptions=1/20/2017,1/27/2017;buttonradius=0;backgroundcolor=#2a2a2a;elementcolor=#09679b;valuetextcolor=#46b5f6;valuefontsize=38;valuehorzalign=left;paddingleft=30;paddingright=20;metrictextcolor=#aaaaaa;metricfontsize=12;markertextcolor=#46b5f6;seriescolor=#09679b;colorpalette=#a6a6a6,#f8cc55;legendtextcolor=#ffffff;titletextcolor=#ffffff;axiscolor=#aaaaaa</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card-Definition** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/3bc0338d-9f42-4bec-9ef6-6c1d85904cea/public/cardBackgroundImage.jpeg?v=dMITZT2g;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#5c4c46;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8", "language": "text" } ] } [/block]
{"_id":"5625364172ac510d00e4924c","link_url":"","parentDoc":null,"sync_unique":"","updates":[],"version":"56123686436e0b0d000129a0","hidden":false,"isReference":false,"link_external":false,"next":{"description":"","pages":[]},"type":"basic","user":"55b249ab348df72d001d69b7","excerpt":"","githubsync":"","body":"**Link to the app**\n[https://oaa.app.link/launch-app-3ea3cba2-e8cc-40ef-9881-d1fd0e45798e](https://oaa.app.link/launch-app-3ea3cba2-e8cc-40ef-9881-d1fd0e45798e) \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/jdUID5lT0iHI5fm8HROY_Simulator%20Screen%20Shot%2019.10.2015,%2020.31.36.png\",\n        \"Simulator Screen Shot 19.10.2015, 20.31.36.png\",\n        \"750\",\n        \"1334\",\n        \"#289db5\",\n        \"\"\n      ],\n      \"caption\": \"Dashboard based on simple values\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/xXkjiqOFRxWoSbUMXn3a_2015-10-19_20-32-47.png\",\n        \"2015-10-19_20-32-47.png\",\n        \"397\",\n        \"330\",\n        \"#325d6c\",\n        \"\"\n      ],\n      \"caption\": \"Used excel file\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App-Definition** \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"topareaheight=90;pagecount=1;backgroundcolor=40494B;functionbuttoncolor=CD575A;pagebuttoncolor=384042\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**XML-Raw** \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages>\\n    <page caption=\\\"Dashboard Sales and Finance\\\" pageid=\\\"1\\\" definitions=\\\"backgroundcolor=40494B;topareaimage=;\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>height=3%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group1\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=25%;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Revenue by type\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"A22:B24\\\">\\n                    <itemdefinitions>charttype=donut;metrictext=;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;colorpalette=EDAD52,21BADA,3CC795,EC7063;showlegend=true;groupname=group1;showeditbuttons=true;height=25%;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Distribution of platforms\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"A4:B6\\\">\\n                    <itemdefinitions>charttype=funnel;metrictext=;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,F41086;groupname=group1;showeditbuttons=true;height=25%;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Profit distribution by region\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"A16:B19\\\">\\n                    <itemdefinitions>height=25%;metrictext=;charttype=column;backgroundcolor=transparent;titletextcolor=white;showlegend=false;seriescolor=21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group2\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=25%;paddingleft=14;paddingright=14;separatorcolor=40494B;bordercolor=transparent;backgroundcolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Tickets\\\" contenttype=\\\"string\\\" inputtype=\\\"output\\\" address=\\\"B10\\\">\\n                    <itemdefinitions>backgroundcolor=3CC795;groupname=group2;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Leads\\\" contenttype=\\\"string\\\" inputtype=\\\"output\\\" address=\\\"B11\\\">\\n                    <itemdefinitions>backgroundcolor=21BADA;groupname=group2;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group3\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=120;paddingleft=14;paddingright=14;separatorcolor=transparent;bordercolor=transparent;backgroundcolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Pipeline\\\" contenttype=\\\"string\\\" inputtype=\\\"output\\\" address=\\\"B12\\\">\\n                    <itemdefinitions>backgroundcolor=EDAD52;groupname=group3;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Critical\\\" contenttype=\\\"string\\\" inputtype=\\\"output\\\" address=\\\"B13\\\">\\n                    <itemdefinitions>backgroundcolor=EC7063;groupname=group3;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>height=3%;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card-Definition**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://oaafiles.blob.core.windows.net/images/themes/cards/gray-orange.jpg;carddescriptionhide=true;cardcaptionbackgroundcolor=#ccda6919;cardbackgroundcolor=transparent\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","createdAt":"2015-10-19T18:28:17.432Z","project":"56123686436e0b0d0001299d","title":"Dashboard Sales and Finance","api":{"settings":"","url":"","auth":"required","params":[],"results":{"codes":[{"name":"","status":200,"language":"json","code":"{}"},{"language":"json","code":"{}","name":"","status":400}]}},"order":5,"slug":"dashboard-sales-and-finance","__v":2,"category":"57fcfbde4002550e004c0475","childrenPages":[]}

Dashboard Sales and Finance


**Link to the app** [https://oaa.app.link/launch-app-3ea3cba2-e8cc-40ef-9881-d1fd0e45798e](https://oaa.app.link/launch-app-3ea3cba2-e8cc-40ef-9881-d1fd0e45798e) [block:image] { "images": [ { "image": [ "https://files.readme.io/jdUID5lT0iHI5fm8HROY_Simulator%20Screen%20Shot%2019.10.2015,%2020.31.36.png", "Simulator Screen Shot 19.10.2015, 20.31.36.png", "750", "1334", "#289db5", "" ], "caption": "Dashboard based on simple values" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/xXkjiqOFRxWoSbUMXn3a_2015-10-19_20-32-47.png", "2015-10-19_20-32-47.png", "397", "330", "#325d6c", "" ], "caption": "Used excel file" } ], "sidebar": true } [/block] **App-Definition** [block:code] { "codes": [ { "code": "topareaheight=90;pagecount=1;backgroundcolor=40494B;functionbuttoncolor=CD575A;pagebuttoncolor=384042", "language": "text" } ] } [/block] **XML-Raw** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Dashboard Sales and Finance\" pageid=\"1\" definitions=\"backgroundcolor=40494B;topareaimage=;\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group1\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=25%;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Revenue by type\" contenttype=\"chart\" inputtype=\"output\" address=\"A22:B24\">\n <itemdefinitions>charttype=donut;metrictext=;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;colorpalette=EDAD52,21BADA,3CC795,EC7063;showlegend=true;groupname=group1;showeditbuttons=true;height=25%;</itemdefinitions>\n </item>\n <item caption=\"Distribution of platforms\" contenttype=\"chart\" inputtype=\"output\" address=\"A4:B6\">\n <itemdefinitions>charttype=funnel;metrictext=;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,F41086;groupname=group1;showeditbuttons=true;height=25%;</itemdefinitions>\n </item>\n <item caption=\"Profit distribution by region\" contenttype=\"chart\" inputtype=\"output\" address=\"A16:B19\">\n <itemdefinitions>height=25%;metrictext=;charttype=column;backgroundcolor=transparent;titletextcolor=white;showlegend=false;seriescolor=21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group2\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=25%;paddingleft=14;paddingright=14;separatorcolor=40494B;bordercolor=transparent;backgroundcolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Tickets\" contenttype=\"string\" inputtype=\"output\" address=\"B10\">\n <itemdefinitions>backgroundcolor=3CC795;groupname=group2;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\n </item>\n <item caption=\"Leads\" contenttype=\"string\" inputtype=\"output\" address=\"B11\">\n <itemdefinitions>backgroundcolor=21BADA;groupname=group2;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\n </item>\n <item caption=\"group3\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=120;paddingleft=14;paddingright=14;separatorcolor=transparent;bordercolor=transparent;backgroundcolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Pipeline\" contenttype=\"string\" inputtype=\"output\" address=\"B12\">\n <itemdefinitions>backgroundcolor=EDAD52;groupname=group3;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\n </item>\n <item caption=\"Critical\" contenttype=\"string\" inputtype=\"output\" address=\"B13\">\n <itemdefinitions>backgroundcolor=EC7063;groupname=group3;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=3%;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card-Definition** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://oaafiles.blob.core.windows.net/images/themes/cards/gray-orange.jpg;carddescriptionhide=true;cardcaptionbackgroundcolor=#ccda6919;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-3ea3cba2-e8cc-40ef-9881-d1fd0e45798e](https://oaa.app.link/launch-app-3ea3cba2-e8cc-40ef-9881-d1fd0e45798e) [block:image] { "images": [ { "image": [ "https://files.readme.io/jdUID5lT0iHI5fm8HROY_Simulator%20Screen%20Shot%2019.10.2015,%2020.31.36.png", "Simulator Screen Shot 19.10.2015, 20.31.36.png", "750", "1334", "#289db5", "" ], "caption": "Dashboard based on simple values" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/xXkjiqOFRxWoSbUMXn3a_2015-10-19_20-32-47.png", "2015-10-19_20-32-47.png", "397", "330", "#325d6c", "" ], "caption": "Used excel file" } ], "sidebar": true } [/block] **App-Definition** [block:code] { "codes": [ { "code": "topareaheight=90;pagecount=1;backgroundcolor=40494B;functionbuttoncolor=CD575A;pagebuttoncolor=384042", "language": "text" } ] } [/block] **XML-Raw** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Dashboard Sales and Finance\" pageid=\"1\" definitions=\"backgroundcolor=40494B;topareaimage=;\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group1\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=25%;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Revenue by type\" contenttype=\"chart\" inputtype=\"output\" address=\"A22:B24\">\n <itemdefinitions>charttype=donut;metrictext=;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;colorpalette=EDAD52,21BADA,3CC795,EC7063;showlegend=true;groupname=group1;showeditbuttons=true;height=25%;</itemdefinitions>\n </item>\n <item caption=\"Distribution of platforms\" contenttype=\"chart\" inputtype=\"output\" address=\"A4:B6\">\n <itemdefinitions>charttype=funnel;metrictext=;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,F41086;groupname=group1;showeditbuttons=true;height=25%;</itemdefinitions>\n </item>\n <item caption=\"Profit distribution by region\" contenttype=\"chart\" inputtype=\"output\" address=\"A16:B19\">\n <itemdefinitions>height=25%;metrictext=;charttype=column;backgroundcolor=transparent;titletextcolor=white;showlegend=false;seriescolor=21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group2\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=25%;paddingleft=14;paddingright=14;separatorcolor=40494B;bordercolor=transparent;backgroundcolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Tickets\" contenttype=\"string\" inputtype=\"output\" address=\"B10\">\n <itemdefinitions>backgroundcolor=3CC795;groupname=group2;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\n </item>\n <item caption=\"Leads\" contenttype=\"string\" inputtype=\"output\" address=\"B11\">\n <itemdefinitions>backgroundcolor=21BADA;groupname=group2;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\n </item>\n <item caption=\"group3\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=120;paddingleft=14;paddingright=14;separatorcolor=transparent;bordercolor=transparent;backgroundcolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Pipeline\" contenttype=\"string\" inputtype=\"output\" address=\"B12\">\n <itemdefinitions>backgroundcolor=EDAD52;groupname=group3;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\n </item>\n <item caption=\"Critical\" contenttype=\"string\" inputtype=\"output\" address=\"B13\">\n <itemdefinitions>backgroundcolor=EC7063;groupname=group3;numberformat=N0;showeditbuttons=true;buttonheight=0;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=3%;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card-Definition** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://oaafiles.blob.core.windows.net/images/themes/cards/gray-orange.jpg;carddescriptionhide=true;cardcaptionbackgroundcolor=#ccda6919;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
{"_id":"57fd0d1e0072502200fa94cf","__v":1,"body":"**Link to the app**\n[https://oaa.app.link/launch-app-4cfd49bc-95a6-4e0d-966e-8fa91005101e](https://oaa.app.link/launch-app-4cfd49bc-95a6-4e0d-966e-8fa91005101e)\n\n**Excel file for this app**\nhttps://oaadata.blob.core.windows.net/app-4cfd49bc-95a6-4e0d-966e-8fa91005101e/data.xlsx\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/c306249-IMG_0177.PNG\",\n        \"IMG_0177.PNG\",\n        640,\n        1136,\n        \"#1499d9\"\n      ],\n      \"caption\": \"\\\"License Comparison\\\" Calculation\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"menuentries=send,print;pagecount=1;backgroundcolor=white;pagebuttoncolor=384042;topareaheight=100;spacing=0;paddingvert=10;functionbuttoncolor=ED2C2A;allowpushtoserver=true;allowuploadcalculations=true\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages>\\n    <page caption=\\\"Preise Komplett\\\" pageid=\\\"1\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>height=2%;buttonheight=2%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Amount of licenses\\\" contenttype=\\\"integer\\\" address=\\\"B1\\\" inputtype=\\\"input\\\">\\n                    <itemdefinitions>minvalue=0;deltastep=1;metrictext=Number;buttonheight=80;separatorcolor=D5D5D5;bordercolor=transparent;backgroundcolor=#00000000;valuetextcolor=#069dd8;elementcolor=#9e9e9e;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Discount\\\" contenttype=\\\"percent\\\" address=\\\"B2\\\" inputtype=\\\"input\\\">\\n                    <itemdefinitions>minvalue=0;deltastep=10;metrictext=in %;buttonheight=100;buttonradius=0;bordercolor=transparent;backgroundcolor=#00000000;valuetextcolor=#069dd8;elementcolor=#9e9e9e;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group1\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=16%;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=red;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Open as App\\\" contenttype=\\\"integer\\\" address=\\\"B9\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#069dd8;groupname=group1;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Professional\\\" contenttype=\\\"integer\\\" address=\\\"B6\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#069dd8;groupname=group1;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group2\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=16%;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=red;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Enterprise\\\" contenttype=\\\"integer\\\" address=\\\"B7\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#2896d1;groupname=group2;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Unlimited\\\" contenttype=\\\"integer\\\" address=\\\"B8\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#2896d1;groupname=group2;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Overview\\\" contenttype=\\\"chart\\\" address=\\\"A5:B9\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>height=39%;charttype=column;backgroundcolor=#ffffff;seriescolor=#ff0000;showeditbuttons=true</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundcolor=069DD8;cardheight=150;cardbackgroundimage=https://www.openasapp.net/assets/images/designer/topImageGallery/top_calc.png;cardcaptionbackgroundcolor=#0075c4;captionheight=50;captionopacity=8;carddescriptionhide=true\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","link_external":false,"sync_unique":"","title":"License Comparison","updates":[],"api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"category":"57fcfbde4002550e004c0475","excerpt":"","hidden":false,"link_url":"","order":6,"parentDoc":null,"slug":"license-comparison","type":"basic","version":"56123686436e0b0d000129a0","githubsync":"","isReference":false,"next":{"description":"","pages":[]},"project":"56123686436e0b0d0001299d","createdAt":"2016-10-11T16:02:38.255Z","user":"56f00bdbd2877b34002479f1","childrenPages":[]}

License Comparison


**Link to the app** [https://oaa.app.link/launch-app-4cfd49bc-95a6-4e0d-966e-8fa91005101e](https://oaa.app.link/launch-app-4cfd49bc-95a6-4e0d-966e-8fa91005101e) **Excel file for this app** https://oaadata.blob.core.windows.net/app-4cfd49bc-95a6-4e0d-966e-8fa91005101e/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/c306249-IMG_0177.PNG", "IMG_0177.PNG", 640, 1136, "#1499d9" ], "caption": "\"License Comparison\" Calculation" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "menuentries=send,print;pagecount=1;backgroundcolor=white;pagebuttoncolor=384042;topareaheight=100;spacing=0;paddingvert=10;functionbuttoncolor=ED2C2A;allowpushtoserver=true;allowuploadcalculations=true", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Preise Komplett\" pageid=\"1\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=2%;buttonheight=2%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Amount of licenses\" contenttype=\"integer\" address=\"B1\" inputtype=\"input\">\n <itemdefinitions>minvalue=0;deltastep=1;metrictext=Number;buttonheight=80;separatorcolor=D5D5D5;bordercolor=transparent;backgroundcolor=#00000000;valuetextcolor=#069dd8;elementcolor=#9e9e9e;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Discount\" contenttype=\"percent\" address=\"B2\" inputtype=\"input\">\n <itemdefinitions>minvalue=0;deltastep=10;metrictext=in %;buttonheight=100;buttonradius=0;bordercolor=transparent;backgroundcolor=#00000000;valuetextcolor=#069dd8;elementcolor=#9e9e9e;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group1\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=16%;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=red;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Open as App\" contenttype=\"integer\" address=\"B9\" inputtype=\"output\">\n <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#069dd8;groupname=group1;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Professional\" contenttype=\"integer\" address=\"B6\" inputtype=\"output\">\n <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#069dd8;groupname=group1;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group2\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=16%;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=red;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Enterprise\" contenttype=\"integer\" address=\"B7\" inputtype=\"output\">\n <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#2896d1;groupname=group2;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Unlimited\" contenttype=\"integer\" address=\"B8\" inputtype=\"output\">\n <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#2896d1;groupname=group2;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Overview\" contenttype=\"chart\" address=\"A5:B9\" inputtype=\"output\">\n <itemdefinitions>height=39%;charttype=column;backgroundcolor=#ffffff;seriescolor=#ff0000;showeditbuttons=true</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundcolor=069DD8;cardheight=150;cardbackgroundimage=https://www.openasapp.net/assets/images/designer/topImageGallery/top_calc.png;cardcaptionbackgroundcolor=#0075c4;captionheight=50;captionopacity=8;carddescriptionhide=true", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-4cfd49bc-95a6-4e0d-966e-8fa91005101e](https://oaa.app.link/launch-app-4cfd49bc-95a6-4e0d-966e-8fa91005101e) **Excel file for this app** https://oaadata.blob.core.windows.net/app-4cfd49bc-95a6-4e0d-966e-8fa91005101e/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/c306249-IMG_0177.PNG", "IMG_0177.PNG", 640, 1136, "#1499d9" ], "caption": "\"License Comparison\" Calculation" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "menuentries=send,print;pagecount=1;backgroundcolor=white;pagebuttoncolor=384042;topareaheight=100;spacing=0;paddingvert=10;functionbuttoncolor=ED2C2A;allowpushtoserver=true;allowuploadcalculations=true", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Preise Komplett\" pageid=\"1\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=2%;buttonheight=2%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Amount of licenses\" contenttype=\"integer\" address=\"B1\" inputtype=\"input\">\n <itemdefinitions>minvalue=0;deltastep=1;metrictext=Number;buttonheight=80;separatorcolor=D5D5D5;bordercolor=transparent;backgroundcolor=#00000000;valuetextcolor=#069dd8;elementcolor=#9e9e9e;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Discount\" contenttype=\"percent\" address=\"B2\" inputtype=\"input\">\n <itemdefinitions>minvalue=0;deltastep=10;metrictext=in %;buttonheight=100;buttonradius=0;bordercolor=transparent;backgroundcolor=#00000000;valuetextcolor=#069dd8;elementcolor=#9e9e9e;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group1\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=16%;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=red;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Open as App\" contenttype=\"integer\" address=\"B9\" inputtype=\"output\">\n <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#069dd8;groupname=group1;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Professional\" contenttype=\"integer\" address=\"B6\" inputtype=\"output\">\n <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#069dd8;groupname=group1;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group2\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=16%;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=red;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Enterprise\" contenttype=\"integer\" address=\"B7\" inputtype=\"output\">\n <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#2896d1;groupname=group2;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Unlimited\" contenttype=\"integer\" address=\"B8\" inputtype=\"output\">\n <itemdefinitions>buttonheight=114;metrictext=€/Month;bordercolor=transparent;buttonradius=0;backgroundcolor=#2896d1;groupname=group2;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Overview\" contenttype=\"chart\" address=\"A5:B9\" inputtype=\"output\">\n <itemdefinitions>height=39%;charttype=column;backgroundcolor=#ffffff;seriescolor=#ff0000;showeditbuttons=true</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundcolor=069DD8;cardheight=150;cardbackgroundimage=https://www.openasapp.net/assets/images/designer/topImageGallery/top_calc.png;cardcaptionbackgroundcolor=#0075c4;captionheight=50;captionopacity=8;carddescriptionhide=true", "language": "text" } ] } [/block]
{"_id":"57fd0c5960205c19008485b9","sync_unique":"","__v":1,"excerpt":"","githubsync":"","isReference":false,"order":7,"updates":[],"version":"56123686436e0b0d000129a0","link_external":false,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"logistic-corp-on-time-analysis","title":"Logistic Corp - On Time Analysis","body":"**Link to this app**\n[https://oaa.app.link/launch-app-541a45ae-59a4-4b7a-bb70-7060b1372c8e](https://oaa.app.link/launch-app-541a45ae-59a4-4b7a-bb70-7060b1372c8e)\n\n**Excel file for this app**\nhttps://www.dropbox.com/s/emodu7y0ppji4ev/Logistics%20Corp%20Demo.xlsx?dl=1&raw=1\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ab17c58-IMG_0170.PNG\",\n        \"IMG_0170.PNG\",\n        640,\n        1136,\n        \"#3d494d\"\n      ],\n      \"caption\": \"\\\"Logistic Corp - On Time Analysis\\\" Performance Dashboard\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/dd68aa8-IMG_0171.PNG\",\n        \"IMG_0171.PNG\",\n        640,\n        1136,\n        \"#444951\"\n      ],\n      \"caption\": \"\\\"Logistic Corp - On Time Analysis\\\" Data List\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/1d678ee-IMG_0173.PNG\",\n        \"IMG_0173.PNG\",\n        640,\n        1136,\n        \"#303746\"\n      ],\n      \"caption\": \"\\\"Logistic Corp - On Time Analysis\\\" Dynamic Dashboard\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=#40494B;paddinghorz=0;paddingvert=0;dynamicdashboard=true;functionbuttoncolor=#e33b27;pagecount=2;topareaheight=20%;headeropacity=8;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/541a45ae-59a4-4b7a-bb70-7060b1372c8e/public/topAreaImage-1a466d08035243f5b0cfb7edd542810d.gif;headerfade=true\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page caption=\\\"Performance Dashboard\\\" pageid=\\\"1\\\" definitions=\\\"sheetname=APR16 Datasheet;backgroundcolor=40494B;functionbuttoncolor=CD575A;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <items>\\n                <item id=\\\"1ET5Uwke\\\" caption=\\\"KPIs\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"groupAll\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"OTD-Performance\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A10:B11\\\">\\n                    <itemdefinitions>groupname=groupAll;height=240;charttype=pie;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#09679b;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"On Time Vessel\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A10:B11\\\">\\n                    <itemdefinitions>groupname=groupAll;height=240;charttype=pie;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#09679b;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"1ET5Uwcr\\\" caption=\\\"OTD-Performance by pickup location\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group1\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Bielefeld\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A14:B15\\\">\\n                    <itemdefinitions>groupname=group1;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#09679b;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"New York\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A18:B19\\\">\\n                    <itemdefinitions>groupname=group1;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group2\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Trier\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A22:B23\\\">\\n                    <itemdefinitions>groupname=group2;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>groupname=group2;height=3%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"1ET5Uw12\\\" caption=\\\"OTD-Performance by destination\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group3\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Atlanta, GA, US\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A41:B42\\\">\\n                    <itemdefinitions>groupname=group3;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Baltimore, MD, US\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A45:B46\\\">\\n                    <itemdefinitions>groupname=group3;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group4\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Chiba, JP\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A49:B50\\\">\\n                    <itemdefinitions>groupname=group4;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Manila, PH\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A53:B54\\\">\\n                    <itemdefinitions>groupname=group4;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group5\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Manzanillo, PA\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A57:B58\\\">\\n                    <itemdefinitions>groupname=group5;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Tokyo, JP\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A61:B62\\\">\\n                    <itemdefinitions>groupname=group5;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group6\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Veracruz, MX\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A65:B66\\\">\\n                    <itemdefinitions>groupname=group6;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>groupname=group6;height=3%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"1ET5Uw13\\\" caption=\\\"OTD-Performance by carrier\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"groupCarrier\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Sample Carrier\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OTD-Performance!A80:B81\\\">\\n                    <itemdefinitions>groupname=groupCarrier;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>groupname=groupCarrier;height=3%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"1ET5Uwck\\\" caption=\\\"On Time Vessel by pickup location\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group21\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Bielefeld\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A14:B15\\\">\\n                    <itemdefinitions>groupname=group21;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#09679b;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"New York\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A18:B19\\\">\\n                    <itemdefinitions>groupname=group21;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group22\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Trier\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A22:B23\\\">\\n                    <itemdefinitions>groupname=group22;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>groupname=group22;height=3%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"1ET5Uw12\\\" caption=\\\"On Time Vessel by destination\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group23\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Atlanta, GA, US\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A41:B42\\\">\\n                    <itemdefinitions>groupname=group23;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#09679b;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Baltimore, MD, US\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A45:B46\\\">\\n                    <itemdefinitions>groupname=group23;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group24\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Chiba, JP\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A49:B50\\\">\\n                    <itemdefinitions>groupname=group24;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Manila, PH\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A53:B54\\\">\\n                    <itemdefinitions>groupname=group24;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group25\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Manzanillo, PA\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A57:B58\\\">\\n                    <itemdefinitions>groupname=group25;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Tokyo, JP\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A61:B62\\\">\\n                    <itemdefinitions>groupname=group25;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group26\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Veracruz, MX\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A65:B66\\\">\\n                    <itemdefinitions>groupname=group26;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>groupname=group26;height=3%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"1ET5Uw13\\\" caption=\\\"On Time Vessel by carrier\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"group2Carrier\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Sample Carrier\\\" contenttype=\\\"chart\\\" inputtype=\\\"output\\\" address=\\\"OnTimeVessel!A80:B81\\\">\\n                    <itemdefinitions>groupname=group2Carrier;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>groupname=group2Carrier;height=3%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page caption=\\\"Data List\\\" pageid=\\\"2\\\" definitions=\\\"sheetname=APR16 Datasheet;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item caption=\\\"\\\" contenttype=\\\"list\\\" id=\\\"D3lbjp16\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>componentname=list;padding=4;height=;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;metrictext=;menuentries=send,print;headeravailable=true;showcolumnheader=true;drilldowncolumns=10,5,7,6,11,15,17,9,1,16,12,13,8,4,2,28,29,24,25,23,19,21,20,27;searchcolumns=;listcolumns=17::,13::,10::,5::date,7::,11::,12::,15::,16::,29::,18::;detailcolumns=17:,10:,11:,12:,13:,5:date,7:date,15:,16:,29:,1:,8:date,2:,4:,9:date,19:date,20:date,21:date,23:date,24:date,25:date,27:date,6:,14:,28:;listheaderblock=A1:AD1;listdatablock=A2:AD2;showeditbuttons=true;gridtheme=dark;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/541a45ae-59a4-4b7a-bb70-7060b1372c8e/public/cardBackgroundImage.gif?v=JQDZy7f0;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#0e40a5;cardbackgroundcolor=transparent;captionheight=50;captionopacity=6\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","category":"57fcfbde4002550e004c0475","user":"56f00bdbd2877b34002479f1","next":{"description":"","pages":[]},"type":"basic","api":{"url":"","settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[]},"createdAt":"2016-10-11T15:59:21.622Z","hidden":false,"link_url":"","childrenPages":[]}

Logistic Corp - On Time Analysis


**Link to this app** [https://oaa.app.link/launch-app-541a45ae-59a4-4b7a-bb70-7060b1372c8e](https://oaa.app.link/launch-app-541a45ae-59a4-4b7a-bb70-7060b1372c8e) **Excel file for this app** https://www.dropbox.com/s/emodu7y0ppji4ev/Logistics%20Corp%20Demo.xlsx?dl=1&raw=1 [block:image] { "images": [ { "image": [ "https://files.readme.io/ab17c58-IMG_0170.PNG", "IMG_0170.PNG", 640, 1136, "#3d494d" ], "caption": "\"Logistic Corp - On Time Analysis\" Performance Dashboard" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/dd68aa8-IMG_0171.PNG", "IMG_0171.PNG", 640, 1136, "#444951" ], "caption": "\"Logistic Corp - On Time Analysis\" Data List" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/1d678ee-IMG_0173.PNG", "IMG_0173.PNG", 640, 1136, "#303746" ], "caption": "\"Logistic Corp - On Time Analysis\" Dynamic Dashboard" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=#40494B;paddinghorz=0;paddingvert=0;dynamicdashboard=true;functionbuttoncolor=#e33b27;pagecount=2;topareaheight=20%;headeropacity=8;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/541a45ae-59a4-4b7a-bb70-7060b1372c8e/public/topAreaImage-1a466d08035243f5b0cfb7edd542810d.gif;headerfade=true", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page caption=\"Performance Dashboard\" pageid=\"1\" definitions=\"sheetname=APR16 Datasheet;backgroundcolor=40494B;functionbuttoncolor=CD575A;\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"1ET5Uwke\" caption=\"KPIs\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"groupAll\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"OTD-Performance\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A10:B11\">\n <itemdefinitions>groupname=groupAll;height=240;charttype=pie;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#09679b;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"On Time Vessel\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A10:B11\">\n <itemdefinitions>groupname=groupAll;height=240;charttype=pie;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#09679b;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uwcr\" caption=\"OTD-Performance by pickup location\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group1\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Bielefeld\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A14:B15\">\n <itemdefinitions>groupname=group1;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#09679b;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"New York\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A18:B19\">\n <itemdefinitions>groupname=group1;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group2\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Trier\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A22:B23\">\n <itemdefinitions>groupname=group2;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group2;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uw12\" caption=\"OTD-Performance by destination\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group3\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Atlanta, GA, US\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A41:B42\">\n <itemdefinitions>groupname=group3;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Baltimore, MD, US\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A45:B46\">\n <itemdefinitions>groupname=group3;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group4\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Chiba, JP\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A49:B50\">\n <itemdefinitions>groupname=group4;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Manila, PH\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A53:B54\">\n <itemdefinitions>groupname=group4;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group5\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Manzanillo, PA\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A57:B58\">\n <itemdefinitions>groupname=group5;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Tokyo, JP\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A61:B62\">\n <itemdefinitions>groupname=group5;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group6\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Veracruz, MX\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A65:B66\">\n <itemdefinitions>groupname=group6;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group6;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uw13\" caption=\"OTD-Performance by carrier\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"groupCarrier\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Sample Carrier\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A80:B81\">\n <itemdefinitions>groupname=groupCarrier;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=groupCarrier;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uwck\" caption=\"On Time Vessel by pickup location\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group21\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Bielefeld\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A14:B15\">\n <itemdefinitions>groupname=group21;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#09679b;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"New York\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A18:B19\">\n <itemdefinitions>groupname=group21;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group22\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Trier\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A22:B23\">\n <itemdefinitions>groupname=group22;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group22;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uw12\" caption=\"On Time Vessel by destination\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group23\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Atlanta, GA, US\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A41:B42\">\n <itemdefinitions>groupname=group23;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#09679b;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Baltimore, MD, US\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A45:B46\">\n <itemdefinitions>groupname=group23;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group24\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Chiba, JP\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A49:B50\">\n <itemdefinitions>groupname=group24;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Manila, PH\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A53:B54\">\n <itemdefinitions>groupname=group24;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group25\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Manzanillo, PA\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A57:B58\">\n <itemdefinitions>groupname=group25;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Tokyo, JP\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A61:B62\">\n <itemdefinitions>groupname=group25;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group26\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Veracruz, MX\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A65:B66\">\n <itemdefinitions>groupname=group26;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group26;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uw13\" caption=\"On Time Vessel by carrier\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group2Carrier\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Sample Carrier\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A80:B81\">\n <itemdefinitions>groupname=group2Carrier;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group2Carrier;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page caption=\"Data List\" pageid=\"2\" definitions=\"sheetname=APR16 Datasheet;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"\" contenttype=\"list\" id=\"D3lbjp16\" inputtype=\"\">\n <itemdefinitions>componentname=list;padding=4;height=;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;metrictext=;menuentries=send,print;headeravailable=true;showcolumnheader=true;drilldowncolumns=10,5,7,6,11,15,17,9,1,16,12,13,8,4,2,28,29,24,25,23,19,21,20,27;searchcolumns=;listcolumns=17::,13::,10::,5::date,7::,11::,12::,15::,16::,29::,18::;detailcolumns=17:,10:,11:,12:,13:,5:date,7:date,15:,16:,29:,1:,8:date,2:,4:,9:date,19:date,20:date,21:date,23:date,24:date,25:date,27:date,6:,14:,28:;listheaderblock=A1:AD1;listdatablock=A2:AD2;showeditbuttons=true;gridtheme=dark;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/541a45ae-59a4-4b7a-bb70-7060b1372c8e/public/cardBackgroundImage.gif?v=JQDZy7f0;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#0e40a5;cardbackgroundcolor=transparent;captionheight=50;captionopacity=6", "language": "text" } ] } [/block]
**Link to this app** [https://oaa.app.link/launch-app-541a45ae-59a4-4b7a-bb70-7060b1372c8e](https://oaa.app.link/launch-app-541a45ae-59a4-4b7a-bb70-7060b1372c8e) **Excel file for this app** https://www.dropbox.com/s/emodu7y0ppji4ev/Logistics%20Corp%20Demo.xlsx?dl=1&raw=1 [block:image] { "images": [ { "image": [ "https://files.readme.io/ab17c58-IMG_0170.PNG", "IMG_0170.PNG", 640, 1136, "#3d494d" ], "caption": "\"Logistic Corp - On Time Analysis\" Performance Dashboard" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/dd68aa8-IMG_0171.PNG", "IMG_0171.PNG", 640, 1136, "#444951" ], "caption": "\"Logistic Corp - On Time Analysis\" Data List" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/1d678ee-IMG_0173.PNG", "IMG_0173.PNG", 640, 1136, "#303746" ], "caption": "\"Logistic Corp - On Time Analysis\" Dynamic Dashboard" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=#40494B;paddinghorz=0;paddingvert=0;dynamicdashboard=true;functionbuttoncolor=#e33b27;pagecount=2;topareaheight=20%;headeropacity=8;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/541a45ae-59a4-4b7a-bb70-7060b1372c8e/public/topAreaImage-1a466d08035243f5b0cfb7edd542810d.gif;headerfade=true", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page caption=\"Performance Dashboard\" pageid=\"1\" definitions=\"sheetname=APR16 Datasheet;backgroundcolor=40494B;functionbuttoncolor=CD575A;\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"1ET5Uwke\" caption=\"KPIs\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"groupAll\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"OTD-Performance\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A10:B11\">\n <itemdefinitions>groupname=groupAll;height=240;charttype=pie;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#09679b;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"On Time Vessel\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A10:B11\">\n <itemdefinitions>groupname=groupAll;height=240;charttype=pie;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#09679b;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uwcr\" caption=\"OTD-Performance by pickup location\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group1\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Bielefeld\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A14:B15\">\n <itemdefinitions>groupname=group1;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#09679b;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"New York\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A18:B19\">\n <itemdefinitions>groupname=group1;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group2\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Trier\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A22:B23\">\n <itemdefinitions>groupname=group2;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group2;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uw12\" caption=\"OTD-Performance by destination\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group3\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Atlanta, GA, US\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A41:B42\">\n <itemdefinitions>groupname=group3;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Baltimore, MD, US\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A45:B46\">\n <itemdefinitions>groupname=group3;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group4\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Chiba, JP\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A49:B50\">\n <itemdefinitions>groupname=group4;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Manila, PH\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A53:B54\">\n <itemdefinitions>groupname=group4;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group5\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Manzanillo, PA\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A57:B58\">\n <itemdefinitions>groupname=group5;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Tokyo, JP\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A61:B62\">\n <itemdefinitions>groupname=group5;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group6\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Veracruz, MX\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A65:B66\">\n <itemdefinitions>groupname=group6;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group6;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uw13\" caption=\"OTD-Performance by carrier\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"groupCarrier\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Sample Carrier\" contenttype=\"chart\" inputtype=\"output\" address=\"OTD-Performance!A80:B81\">\n <itemdefinitions>groupname=groupCarrier;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EC7063,3CC795,EDAD52,21BADA;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=groupCarrier;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uwck\" caption=\"On Time Vessel by pickup location\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group21\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Bielefeld\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A14:B15\">\n <itemdefinitions>groupname=group21;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#09679b;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"New York\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A18:B19\">\n <itemdefinitions>groupname=group21;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group22\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Trier\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A22:B23\">\n <itemdefinitions>groupname=group22;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group22;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uw12\" caption=\"On Time Vessel by destination\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group23\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Atlanta, GA, US\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A41:B42\">\n <itemdefinitions>groupname=group23;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#09679b;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Baltimore, MD, US\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A45:B46\">\n <itemdefinitions>groupname=group23;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=#808080;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group24\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Chiba, JP\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A49:B50\">\n <itemdefinitions>groupname=group24;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Manila, PH\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A53:B54\">\n <itemdefinitions>groupname=group24;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group25\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Manzanillo, PA\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A57:B58\">\n <itemdefinitions>groupname=group25;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Tokyo, JP\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A61:B62\">\n <itemdefinitions>groupname=group25;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group26\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Veracruz, MX\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A65:B66\">\n <itemdefinitions>groupname=group26;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group26;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"1ET5Uw13\" caption=\"On Time Vessel by carrier\" contenttype=\"header\">\n <itemdefinitions>height=8%;backgroundcolor=33383E;textcolor=white;textfontsize=21;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"group2Carrier\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=200;metrictext=;separatorcolor=transparent;bordercolor=transparent;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Sample Carrier\" contenttype=\"chart\" inputtype=\"output\" address=\"OnTimeVessel!A80:B81\">\n <itemdefinitions>groupname=group2Carrier;height=240;charttype=donut;backgroundcolor=transparent;titletextcolor=white;legendtextcolor=gray;seriescolor=#f7af2a;showlegend=true;colorpalette=EDAD52,21BADA,3CC795,EC7063;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>groupname=group2Carrier;height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page caption=\"Data List\" pageid=\"2\" definitions=\"sheetname=APR16 Datasheet;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"\" contenttype=\"list\" id=\"D3lbjp16\" inputtype=\"\">\n <itemdefinitions>componentname=list;padding=4;height=;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;metrictext=;menuentries=send,print;headeravailable=true;showcolumnheader=true;drilldowncolumns=10,5,7,6,11,15,17,9,1,16,12,13,8,4,2,28,29,24,25,23,19,21,20,27;searchcolumns=;listcolumns=17::,13::,10::,5::date,7::,11::,12::,15::,16::,29::,18::;detailcolumns=17:,10:,11:,12:,13:,5:date,7:date,15:,16:,29:,1:,8:date,2:,4:,9:date,19:date,20:date,21:date,23:date,24:date,25:date,27:date,6:,14:,28:;listheaderblock=A1:AD1;listdatablock=A2:AD2;showeditbuttons=true;gridtheme=dark;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/541a45ae-59a4-4b7a-bb70-7060b1372c8e/public/cardBackgroundImage.gif?v=JQDZy7f0;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#0e40a5;cardbackgroundcolor=transparent;captionheight=50;captionopacity=6", "language": "text" } ] } [/block]
{"_id":"584eb52a85373a1b00143dc6","createdAt":"2016-12-12T14:33:14.909Z","isReference":false,"project":"56123686436e0b0d0001299d","next":{"pages":[],"description":""},"sync_unique":"","title":"Kanban Calculator","type":"basic","excerpt":"","link_url":"","parentDoc":null,"user":"56f00bdbd2877b34002479f1","hidden":false,"link_external":false,"order":8,"__v":0,"api":{"settings":"","auth":"required","params":[],"url":"","results":{"codes":[{"code":"{}","name":"","status":200,"language":"json"},{"name":"","status":400,"language":"json","code":"{}"}]}},"body":"**Link to this app**\n[https://oaa.app.link/launch-app-56e6b973-ee82-47b2-8911-a5fb92b51f00](https://oaa.app.link/launch-app-56e6b973-ee82-47b2-8911-a5fb92b51f00)\n\n**Excel file for this app**\nhttps://api.openasapp.net/v1/api/EntityStorage/AppStorage/56e6b973-ee82-47b2-8911-a5fb92b51f00/data.xlsx\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/8cbc170-2016-12-12_15_24_56-Open_as_App.png\",\n        \"2016-12-12 15_24_56-Open as App.png\",\n        501,\n        727,\n        \"#135e8d\"\n      ],\n      \"caption\": \"\\\"Kanban Calculator\\\"\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=white;topareaheight=30%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#e9823a;headeropacity=4;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/56e6b973-ee82-47b2-8911-a5fb92b51f00/public/topAreaImage-11c7f73e65e041769877d2b76969bf8c.jpeg;pagecount=2\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"Calculator\\\" definitions=\\\"sheetname=KANBAN;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <caption>Allgemein</caption>\\n            <description>Allgemein</description>\\n            <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\\n            <items>\\n                <item id=\\\"BVukrocV\\\" caption=\\\"Order lead-time\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B5\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"3gmdZo75\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"2SLfBmoT\\\" caption=\\\"Transit lead-time\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B6\\\">\\n                    <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\\n                </item>\\n                <item id=\\\"0GmUJibL\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"0aWsrqJr\\\" caption=\\\"Internal lead-time\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B7\\\">\\n                    <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\\n                </item>\\n                <item id=\\\"bK3NV6WE\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"4KhSggFF\\\" caption=\\\"Container qty\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B8\\\">\\n                    <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\\n                </item>\\n                <item id=\\\"YhBQGvOb\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"NtTGSnkI\\\" caption=\\\"Daily demand\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B9\\\">\\n                    <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\\n                </item>\\n                <item id=\\\"QIXNZPg3\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"al9i5jMp\\\" caption=\\\"Daily demand variation\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B10\\\">\\n                    <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ArSJHcYl\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"PTNmd8gL\\\" caption=\\\"Reorder/lot size\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B11\\\">\\n                    <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\\n                </item>\\n                <item id=\\\"yjmWrXFZ\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"PG4dmDBL\\\" caption=\\\"PG4dmDBL\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=e9823a;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"B2gW69oM\\\" caption=\\\"Total Leadtime\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B13\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=PG4dmDBL;</itemdefinitions>\\n                </item>\\n                <item id=\\\"D6HIIY1C\\\" caption=\\\"Daily demand + Variation\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B14\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=PG4dmDBL;</itemdefinitions>\\n                </item>\\n                <item id=\\\"e5SMt9jf\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#e9823a;</itemdefinitions>\\n                </item>\\n                <item id=\\\"qDH6gbmL\\\" caption=\\\"# Kanban Cards\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B16\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=20%;buttonradius=0;backgroundcolor=#06476b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ixBRuZj4\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=2;backgroundcolor=#e9823a;</itemdefinitions>\\n                </item>\\n                <item id=\\\"rTbPqzua\\\" caption=\\\"rTbPqzua\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"ys3CJSbE\\\" caption=\\\"Max Qty on Hand\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B18\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=rTbPqzua;</itemdefinitions>\\n                </item>\\n                <item id=\\\"D85Q7DCR\\\" caption=\\\"# Days on Hand\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B19\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=09679B;usecellformat=true;elementcolor=white;valuetextcolor=white;groupname=rTbPqzua;</itemdefinitions>\\n                </item>\\n                <item id=\\\"hLlaFrRh\\\" caption=\\\"Board Area Indicator\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=5%;backgroundcolor=#6a8c9c;textcolor=white;textfontsize=21;metrictext=# of Cards;</itemdefinitions>\\n                </item>\\n                <item id=\\\"NQDPgyfC\\\" caption=\\\"NQDPgyfC\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"wnUzR3Wq\\\" caption=\\\"Green\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B22\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#14b21b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=NQDPgyfC;</itemdefinitions>\\n                </item>\\n                <item id=\\\"SAwPrZeZ\\\" caption=\\\"Yellow\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B23\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#e7e93a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=NQDPgyfC;</itemdefinitions>\\n                </item>\\n                <item id=\\\"FKXE5b2l\\\" caption=\\\"Red\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B24\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#e93d3a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=NQDPgyfC;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"2\\\" caption=\\\"Explanations\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"vNZkhh9G\\\" contenttype=\\\"cardlist\\\" address=\\\"KANBAN!A29:B36\\\">\\n                    <itemdefinitions>componentname=list;padding=4;height=60%;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=false;showcolumnheader=false;showsearchpanel=false;listcolumns=1;detailcolumns=1,2;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8;cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/56e6b973-ee82-47b2-8911-a5fb92b51f00/public/cardBackgroundImage.jpeg?v=JAOugWgw\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","category":"57fcfbde4002550e004c0475","githubsync":"","slug":"kanban-calculator","updates":[],"version":"56123686436e0b0d000129a0","childrenPages":[]}

Kanban Calculator


**Link to this app** [https://oaa.app.link/launch-app-56e6b973-ee82-47b2-8911-a5fb92b51f00](https://oaa.app.link/launch-app-56e6b973-ee82-47b2-8911-a5fb92b51f00) **Excel file for this app** https://api.openasapp.net/v1/api/EntityStorage/AppStorage/56e6b973-ee82-47b2-8911-a5fb92b51f00/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/8cbc170-2016-12-12_15_24_56-Open_as_App.png", "2016-12-12 15_24_56-Open as App.png", 501, 727, "#135e8d" ], "caption": "\"Kanban Calculator\"" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=white;topareaheight=30%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#e9823a;headeropacity=4;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/56e6b973-ee82-47b2-8911-a5fb92b51f00/public/topAreaImage-11c7f73e65e041769877d2b76969bf8c.jpeg;pagecount=2", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Calculator\" definitions=\"sheetname=KANBAN;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <caption>Allgemein</caption>\n <description>Allgemein</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"BVukrocV\" caption=\"Order lead-time\" inputtype=\"input\" contenttype=\"integer\" address=\"B5\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"3gmdZo75\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"2SLfBmoT\" caption=\"Transit lead-time\" inputtype=\"input\" contenttype=\"integer\" address=\"B6\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"0GmUJibL\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"0aWsrqJr\" caption=\"Internal lead-time\" inputtype=\"input\" contenttype=\"integer\" address=\"B7\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"bK3NV6WE\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"4KhSggFF\" caption=\"Container qty\" inputtype=\"input\" contenttype=\"integer\" address=\"B8\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"YhBQGvOb\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"NtTGSnkI\" caption=\"Daily demand\" inputtype=\"input\" contenttype=\"integer\" address=\"B9\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"QIXNZPg3\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"al9i5jMp\" caption=\"Daily demand variation\" inputtype=\"input\" contenttype=\"integer\" address=\"B10\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"ArSJHcYl\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"PTNmd8gL\" caption=\"Reorder/lot size\" inputtype=\"input\" contenttype=\"integer\" address=\"B11\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"yjmWrXFZ\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"PG4dmDBL\" caption=\"PG4dmDBL\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=e9823a;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"B2gW69oM\" caption=\"Total Leadtime\" inputtype=\"output\" contenttype=\"result\" address=\"B13\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=PG4dmDBL;</itemdefinitions>\n </item>\n <item id=\"D6HIIY1C\" caption=\"Daily demand + Variation\" inputtype=\"output\" contenttype=\"result\" address=\"B14\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=PG4dmDBL;</itemdefinitions>\n </item>\n <item id=\"e5SMt9jf\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#e9823a;</itemdefinitions>\n </item>\n <item id=\"qDH6gbmL\" caption=\"# Kanban Cards\" inputtype=\"output\" contenttype=\"result\" address=\"B16\">\n <itemdefinitions>nocaption=true;buttonheight=20%;buttonradius=0;backgroundcolor=#06476b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"ixBRuZj4\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#e9823a;</itemdefinitions>\n </item>\n <item id=\"rTbPqzua\" caption=\"rTbPqzua\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"ys3CJSbE\" caption=\"Max Qty on Hand\" inputtype=\"output\" contenttype=\"result\" address=\"B18\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=rTbPqzua;</itemdefinitions>\n </item>\n <item id=\"D85Q7DCR\" caption=\"# Days on Hand\" inputtype=\"output\" contenttype=\"result\" address=\"B19\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=09679B;usecellformat=true;elementcolor=white;valuetextcolor=white;groupname=rTbPqzua;</itemdefinitions>\n </item>\n <item id=\"hLlaFrRh\" caption=\"Board Area Indicator\" contenttype=\"header\">\n <itemdefinitions>height=5%;backgroundcolor=#6a8c9c;textcolor=white;textfontsize=21;metrictext=# of Cards;</itemdefinitions>\n </item>\n <item id=\"NQDPgyfC\" caption=\"NQDPgyfC\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"wnUzR3Wq\" caption=\"Green\" inputtype=\"output\" contenttype=\"result\" address=\"B22\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#14b21b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=NQDPgyfC;</itemdefinitions>\n </item>\n <item id=\"SAwPrZeZ\" caption=\"Yellow\" inputtype=\"output\" contenttype=\"result\" address=\"B23\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#e7e93a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=NQDPgyfC;</itemdefinitions>\n </item>\n <item id=\"FKXE5b2l\" caption=\"Red\" inputtype=\"output\" contenttype=\"result\" address=\"B24\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#e93d3a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=NQDPgyfC;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Explanations\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"vNZkhh9G\" contenttype=\"cardlist\" address=\"KANBAN!A29:B36\">\n <itemdefinitions>componentname=list;padding=4;height=60%;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=false;showcolumnheader=false;showsearchpanel=false;listcolumns=1;detailcolumns=1,2;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8;cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/56e6b973-ee82-47b2-8911-a5fb92b51f00/public/cardBackgroundImage.jpeg?v=JAOugWgw", "language": "text" } ] } [/block]
**Link to this app** [https://oaa.app.link/launch-app-56e6b973-ee82-47b2-8911-a5fb92b51f00](https://oaa.app.link/launch-app-56e6b973-ee82-47b2-8911-a5fb92b51f00) **Excel file for this app** https://api.openasapp.net/v1/api/EntityStorage/AppStorage/56e6b973-ee82-47b2-8911-a5fb92b51f00/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/8cbc170-2016-12-12_15_24_56-Open_as_App.png", "2016-12-12 15_24_56-Open as App.png", 501, 727, "#135e8d" ], "caption": "\"Kanban Calculator\"" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=white;topareaheight=30%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#e9823a;headeropacity=4;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/56e6b973-ee82-47b2-8911-a5fb92b51f00/public/topAreaImage-11c7f73e65e041769877d2b76969bf8c.jpeg;pagecount=2", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Calculator\" definitions=\"sheetname=KANBAN;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <caption>Allgemein</caption>\n <description>Allgemein</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"BVukrocV\" caption=\"Order lead-time\" inputtype=\"input\" contenttype=\"integer\" address=\"B5\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"3gmdZo75\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"2SLfBmoT\" caption=\"Transit lead-time\" inputtype=\"input\" contenttype=\"integer\" address=\"B6\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"0GmUJibL\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"0aWsrqJr\" caption=\"Internal lead-time\" inputtype=\"input\" contenttype=\"integer\" address=\"B7\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"bK3NV6WE\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"4KhSggFF\" caption=\"Container qty\" inputtype=\"input\" contenttype=\"integer\" address=\"B8\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"YhBQGvOb\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"NtTGSnkI\" caption=\"Daily demand\" inputtype=\"input\" contenttype=\"integer\" address=\"B9\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"QIXNZPg3\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"al9i5jMp\" caption=\"Daily demand variation\" inputtype=\"input\" contenttype=\"integer\" address=\"B10\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"ArSJHcYl\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"PTNmd8gL\" caption=\"Reorder/lot size\" inputtype=\"input\" contenttype=\"integer\" address=\"B11\">\n <itemdefinitions>backgroundcolor=white;buttonheight=12%;elementcolor=09679B;valuetextcolor=09679B;</itemdefinitions>\n </item>\n <item id=\"yjmWrXFZ\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=09679b;</itemdefinitions>\n </item>\n <item id=\"PG4dmDBL\" caption=\"PG4dmDBL\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=e9823a;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"B2gW69oM\" caption=\"Total Leadtime\" inputtype=\"output\" contenttype=\"result\" address=\"B13\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=PG4dmDBL;</itemdefinitions>\n </item>\n <item id=\"D6HIIY1C\" caption=\"Daily demand + Variation\" inputtype=\"output\" contenttype=\"result\" address=\"B14\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=PG4dmDBL;</itemdefinitions>\n </item>\n <item id=\"e5SMt9jf\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#e9823a;</itemdefinitions>\n </item>\n <item id=\"qDH6gbmL\" caption=\"# Kanban Cards\" inputtype=\"output\" contenttype=\"result\" address=\"B16\">\n <itemdefinitions>nocaption=true;buttonheight=20%;buttonradius=0;backgroundcolor=#06476b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"ixBRuZj4\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=2;backgroundcolor=#e9823a;</itemdefinitions>\n </item>\n <item id=\"rTbPqzua\" caption=\"rTbPqzua\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"ys3CJSbE\" caption=\"Max Qty on Hand\" inputtype=\"output\" contenttype=\"result\" address=\"B18\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=rTbPqzua;</itemdefinitions>\n </item>\n <item id=\"D85Q7DCR\" caption=\"# Days on Hand\" inputtype=\"output\" contenttype=\"result\" address=\"B19\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=09679B;usecellformat=true;elementcolor=white;valuetextcolor=white;groupname=rTbPqzua;</itemdefinitions>\n </item>\n <item id=\"hLlaFrRh\" caption=\"Board Area Indicator\" contenttype=\"header\">\n <itemdefinitions>height=5%;backgroundcolor=#6a8c9c;textcolor=white;textfontsize=21;metrictext=# of Cards;</itemdefinitions>\n </item>\n <item id=\"NQDPgyfC\" caption=\"NQDPgyfC\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"wnUzR3Wq\" caption=\"Green\" inputtype=\"output\" contenttype=\"result\" address=\"B22\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#14b21b;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=NQDPgyfC;</itemdefinitions>\n </item>\n <item id=\"SAwPrZeZ\" caption=\"Yellow\" inputtype=\"output\" contenttype=\"result\" address=\"B23\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#e7e93a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=NQDPgyfC;</itemdefinitions>\n </item>\n <item id=\"FKXE5b2l\" caption=\"Red\" inputtype=\"output\" contenttype=\"result\" address=\"B24\">\n <itemdefinitions>nocaption=true;buttonheight=12%;buttonradius=0;backgroundcolor=#e93d3a;usecellformat=true;elementcolor=#ffffff;valuetextcolor=#ffffff;groupname=NQDPgyfC;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Explanations\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"vNZkhh9G\" contenttype=\"cardlist\" address=\"KANBAN!A29:B36\">\n <itemdefinitions>componentname=list;padding=4;height=60%;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=false;showcolumnheader=false;showsearchpanel=false;listcolumns=1;detailcolumns=1,2;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8;cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/56e6b973-ee82-47b2-8911-a5fb92b51f00/public/cardBackgroundImage.jpeg?v=JAOugWgw", "language": "text" } ] } [/block]
{"_id":"57fd0f1460205c19008485c0","user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"language":"json","code":"{}","name":"","status":400}]},"settings":"","auth":"required","params":[],"url":""},"hidden":false,"link_external":false,"updates":[],"__v":1,"isReference":false,"project":"56123686436e0b0d0001299d","parentDoc":null,"slug":"lizenzkalkulator-fuer-salesperformer","category":"57fcfbde4002550e004c0475","excerpt":"","link_url":"","order":9,"sync_unique":"","title":"Lizenzkalkulator für Salesperformer","type":"basic","body":"**Link to the app**\n[https://oaa.app.link/launch-app-6384b782-cf89-428d-95e4-a851f9d27bb8](https://oaa.app.link/launch-app-6384b782-cf89-428d-95e4-a851f9d27bb8)\n\n**Excel file for this app**\nhttps://oaadata.blob.core.windows.net/app-6384b782-cf89-428d-95e4-a851f9d27bb8/data.xlsx\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Printsheet\",\n  \"body\": \"The app definition **\\\"printsheet=Angebot;\\\"** sets the worksheet \\\"Angebot\\\" as printsheet. The printsheet contains data from the calculation as well as data from the form on page two of the app.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/6c3c1ca-IMG_0187.PNG\",\n        \"IMG_0187.PNG\",\n        640,\n        1136,\n        \"#334a53\"\n      ],\n      \"caption\": \"\\\"Lizenzkalkulator für Salesperformer\\\" Calculation\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/eaa0e58-IMG_0188.PNG\",\n        \"IMG_0188.PNG\",\n        640,\n        1136,\n        \"#d5d5d2\"\n      ],\n      \"caption\": \"\\\"Lizenzkalkulator für Salesperformer\\\" Form for Printsheet\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/189324e-IMG_0189.PNG\",\n        \"IMG_0189.PNG\",\n        640,\n        1136,\n        \"#2c3443\"\n      ],\n      \"caption\": \"\\\"Lizenzkalkulator für Salesperformer\\\" Print functionality\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"menuentries=send,print;pagecount=2;printsheet=Angebot;pagebuttoncolor=384042;topareaheight=100;spacing=0;paddingvert=10;functionbuttoncolor=C4CD3F;allowpushtoserver=true\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages>\\n    <page caption=\\\"Dateneingabe\\\" pageid=\\\"1\\\" definitions=\\\"\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item id=\\\"s1\\\" caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>height=3%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Anzahl Windows Lizenzen\\\" contenttype=\\\"integer\\\" inputtype=\\\"input\\\" address=\\\"A3\\\">\\n                    <itemdefinitions>minvalue=0;deltastep=1;metrictext=Anzahl;buttonheight=15%;separatorcolor=D5D5D5;bordercolor=transparent;backgroundcolor=transparent;valuetextcolor=E0E073;elementcolor=E0E073;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"noMobileLicenses\\\" caption=\\\"Anzahl Mobile Lizenzen\\\" contenttype=\\\"integer\\\" inputtype=\\\"input\\\" address=\\\"A4\\\">\\n                    <itemdefinitions>minvalue=0;deltastep=1;metrictext=Anzahl;buttonheight=15%;bordercolor=transparent;backgroundcolor=transparent;valuetextcolor=E0E073;elementcolor=E0E073;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"discount\\\" caption=\\\"Partnerrabatt\\\" contenttype=\\\"percent\\\" inputtype=\\\"input\\\" address=\\\"A8\\\">\\n                    <itemdefinitions>minvalue=0;deltastep=10;metrictext=in %;buttonheight=12%;buttonradius=0;backgroundcolor=#cbcbcb;valuetextcolor=#ffffff;elementcolor=#ffffff;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Wartungsmonate in diesem Jahr\\\" contenttype=\\\"integer\\\" inputtype=\\\"input\\\" address=\\\"A11\\\">\\n                    <itemdefinitions>minvalue=0;deltastep=1;metrictext=in Monaten;buttonheight=12%;buttonradius=0;backgroundcolor=#d5d5d5;valuetextcolor=#ffffff;elementcolor=#ffffff;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"priceLicenses\\\" caption=\\\"Lizenzkosten\\\" contenttype=\\\"integer\\\" inputtype=\\\"output\\\" address=\\\"C9\\\">\\n                    <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=CED23C;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"priceMaintenance\\\" caption=\\\"Wartungskosten\\\" contenttype=\\\"integer\\\" inputtype=\\\"output\\\" address=\\\"C14\\\">\\n                    <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=D6D74F;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"priceNetto\\\" caption=\\\"Netto\\\" contenttype=\\\"integer\\\" inputtype=\\\"output\\\" address=\\\"C16\\\">\\n                    <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=CED23C;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"priceTax\\\" caption=\\\"MwSt\\\" contenttype=\\\"integer\\\" inputtype=\\\"output\\\" address=\\\"C17\\\">\\n                    <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=D6D74F;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"priceTotal\\\" caption=\\\"Gesamt\\\" contenttype=\\\"integer\\\" inputtype=\\\"output\\\" address=\\\"C18\\\">\\n                    <itemdefinitions>buttonheight=16%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=CED23C;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page caption=\\\"Angebot erstellen\\\" pageid=\\\"2\\\" definitions=\\\"\\\">\\n        <excelcontent id=\\\"xxx1\\\">\\n            <items>\\n                <item id=\\\"s2\\\" caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>height=3%;</itemdefinitions>\\n                </item>\\n                <item id=\\\"textCompany\\\" caption=\\\"Firmenname\\\" contenttype=\\\"string\\\" inputtype=\\\"input\\\" address=\\\"B26\\\">\\n                    <itemdefinitions>buttonheight=80;metrictext=;bordercolor=transparent;buttonradius=0;backgroundcolor=transparent;separatorcolor=D5D5D5;valuetextcolor=E0E073;valuefontsize=18;</itemdefinitions>\\n                </item>\\n                <item id=\\\"textAddress\\\" caption=\\\"Adresse\\\" contenttype=\\\"string\\\" inputtype=\\\"input\\\" address=\\\"B27\\\">\\n                    <itemdefinitions>buttonheight=80;metrictext=;bordercolor=transparent;buttonradius=0;backgroundcolor=transparent;separatorcolor=D5D5D5;valuetextcolor=E0E073;valuefontsize=18;</itemdefinitions>\\n                </item>\\n                <item id=\\\"textPerson\\\" caption=\\\"Ansprechpartner\\\" contenttype=\\\"string\\\" inputtype=\\\"input\\\" address=\\\"B28\\\">\\n                    <itemdefinitions>buttonheight=80;metrictext=;bordercolor=transparent;buttonradius=0;backgroundcolor=transparent;valuetextcolor=E0E073;valuefontsize=18;</itemdefinitions>\\n                </item>\\n                <item id=\\\"s3\\\" caption=\\\"spacer\\\" contenttype=\\\"spacer\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>height=5%;</itemdefinitions>\\n                </item>\\n                <item id=\\\"g1\\\" caption=\\\"group1\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=120;paddingleft=14;paddingright=14;separatorcolor=white;bordercolor=transparent;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"bt1\\\" caption=\\\"Angebot erstellen\\\" contenttype=\\\"\\\" inputtype=\\\"actionbutton\\\" address=\\\"\\\">\\n                    <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;backgroundcolor=CED23C;actioninfo=print;groupname=group1;</itemdefinitions>\\n                </item>\\n                <item id=\\\"bt2\\\" caption=\\\"Vergleich mit Wettbewerb\\\" contenttype=\\\"\\\" inputtype=\\\"actionbutton\\\" address=\\\"\\\">\\n                    <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;buttonradius=0;backgroundcolor=D5D5D5;runapp=4cfd49bc-95a6-4e0d-966e-8fa91005101e;groupname=group1;</itemdefinitions>\\n                </item>\\n                <item id=\\\"g2\\\" caption=\\\"group2\\\" contenttype=\\\"grouplayout\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=120;paddingleft=14;paddingright=14;separatorcolor=transparent;bordercolor=transparent;backgroundcolor=transparent;</itemdefinitions>\\n                </item>\\n                <item id=\\\"b3\\\" caption=\\\"\\\" contenttype=\\\"\\\" inputtype=\\\"actionbutton\\\" address=\\\"\\\">\\n                    <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;buttonradius=0;backgroundcolor=transparent;groupname=group2;</itemdefinitions>\\n                </item>\\n                <item id=\\\"b4\\\" caption=\\\"An Innendienst weiterleiten\\\" contenttype=\\\"\\\" inputtype=\\\"actionbutton\\\" address=\\\"\\\">\\n                    <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;buttonradius=0;backgroundcolor=D5D5D5;groupname=group2;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=http://www.wunderapps.net/brandings/hubs/salesperformer_calculator.png;cardbackgroundopacity=3;cardbackgroundcolor=B2C900;captionheight=50;captionopacity=8;cardcaptionbackgroundcolor=#2896d1;cardheight=160;carddescriptionhide=false\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","createdAt":"2016-10-11T16:11:00.991Z","githubsync":"","next":{"description":"","pages":[]},"childrenPages":[]}

Lizenzkalkulator für Salesperformer


**Link to the app** [https://oaa.app.link/launch-app-6384b782-cf89-428d-95e4-a851f9d27bb8](https://oaa.app.link/launch-app-6384b782-cf89-428d-95e4-a851f9d27bb8) **Excel file for this app** https://oaadata.blob.core.windows.net/app-6384b782-cf89-428d-95e4-a851f9d27bb8/data.xlsx [block:callout] { "type": "info", "title": "Printsheet", "body": "The app definition **\"printsheet=Angebot;\"** sets the worksheet \"Angebot\" as printsheet. The printsheet contains data from the calculation as well as data from the form on page two of the app.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/6c3c1ca-IMG_0187.PNG", "IMG_0187.PNG", 640, 1136, "#334a53" ], "caption": "\"Lizenzkalkulator für Salesperformer\" Calculation" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/eaa0e58-IMG_0188.PNG", "IMG_0188.PNG", 640, 1136, "#d5d5d2" ], "caption": "\"Lizenzkalkulator für Salesperformer\" Form for Printsheet" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/189324e-IMG_0189.PNG", "IMG_0189.PNG", 640, 1136, "#2c3443" ], "caption": "\"Lizenzkalkulator für Salesperformer\" Print functionality" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "menuentries=send,print;pagecount=2;printsheet=Angebot;pagebuttoncolor=384042;topareaheight=100;spacing=0;paddingvert=10;functionbuttoncolor=C4CD3F;allowpushtoserver=true", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Dateneingabe\" pageid=\"1\" definitions=\"\">\n <excelcontent id=\"xxx\">\n <items>\n <item id=\"s1\" caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Anzahl Windows Lizenzen\" contenttype=\"integer\" inputtype=\"input\" address=\"A3\">\n <itemdefinitions>minvalue=0;deltastep=1;metrictext=Anzahl;buttonheight=15%;separatorcolor=D5D5D5;bordercolor=transparent;backgroundcolor=transparent;valuetextcolor=E0E073;elementcolor=E0E073;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"noMobileLicenses\" caption=\"Anzahl Mobile Lizenzen\" contenttype=\"integer\" inputtype=\"input\" address=\"A4\">\n <itemdefinitions>minvalue=0;deltastep=1;metrictext=Anzahl;buttonheight=15%;bordercolor=transparent;backgroundcolor=transparent;valuetextcolor=E0E073;elementcolor=E0E073;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"discount\" caption=\"Partnerrabatt\" contenttype=\"percent\" inputtype=\"input\" address=\"A8\">\n <itemdefinitions>minvalue=0;deltastep=10;metrictext=in %;buttonheight=12%;buttonradius=0;backgroundcolor=#cbcbcb;valuetextcolor=#ffffff;elementcolor=#ffffff;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Wartungsmonate in diesem Jahr\" contenttype=\"integer\" inputtype=\"input\" address=\"A11\">\n <itemdefinitions>minvalue=0;deltastep=1;metrictext=in Monaten;buttonheight=12%;buttonradius=0;backgroundcolor=#d5d5d5;valuetextcolor=#ffffff;elementcolor=#ffffff;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceLicenses\" caption=\"Lizenzkosten\" contenttype=\"integer\" inputtype=\"output\" address=\"C9\">\n <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=CED23C;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceMaintenance\" caption=\"Wartungskosten\" contenttype=\"integer\" inputtype=\"output\" address=\"C14\">\n <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=D6D74F;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceNetto\" caption=\"Netto\" contenttype=\"integer\" inputtype=\"output\" address=\"C16\">\n <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=CED23C;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceTax\" caption=\"MwSt\" contenttype=\"integer\" inputtype=\"output\" address=\"C17\">\n <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=D6D74F;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceTotal\" caption=\"Gesamt\" contenttype=\"integer\" inputtype=\"output\" address=\"C18\">\n <itemdefinitions>buttonheight=16%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=CED23C;showeditbuttons=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page caption=\"Angebot erstellen\" pageid=\"2\" definitions=\"\">\n <excelcontent id=\"xxx1\">\n <items>\n <item id=\"s2\" caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=3%;</itemdefinitions>\n </item>\n <item id=\"textCompany\" caption=\"Firmenname\" contenttype=\"string\" inputtype=\"input\" address=\"B26\">\n <itemdefinitions>buttonheight=80;metrictext=;bordercolor=transparent;buttonradius=0;backgroundcolor=transparent;separatorcolor=D5D5D5;valuetextcolor=E0E073;valuefontsize=18;</itemdefinitions>\n </item>\n <item id=\"textAddress\" caption=\"Adresse\" contenttype=\"string\" inputtype=\"input\" address=\"B27\">\n <itemdefinitions>buttonheight=80;metrictext=;bordercolor=transparent;buttonradius=0;backgroundcolor=transparent;separatorcolor=D5D5D5;valuetextcolor=E0E073;valuefontsize=18;</itemdefinitions>\n </item>\n <item id=\"textPerson\" caption=\"Ansprechpartner\" contenttype=\"string\" inputtype=\"input\" address=\"B28\">\n <itemdefinitions>buttonheight=80;metrictext=;bordercolor=transparent;buttonradius=0;backgroundcolor=transparent;valuetextcolor=E0E073;valuefontsize=18;</itemdefinitions>\n </item>\n <item id=\"s3\" caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=5%;</itemdefinitions>\n </item>\n <item id=\"g1\" caption=\"group1\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=120;paddingleft=14;paddingright=14;separatorcolor=white;bordercolor=transparent;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"bt1\" caption=\"Angebot erstellen\" contenttype=\"\" inputtype=\"actionbutton\" address=\"\">\n <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;backgroundcolor=CED23C;actioninfo=print;groupname=group1;</itemdefinitions>\n </item>\n <item id=\"bt2\" caption=\"Vergleich mit Wettbewerb\" contenttype=\"\" inputtype=\"actionbutton\" address=\"\">\n <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;buttonradius=0;backgroundcolor=D5D5D5;runapp=4cfd49bc-95a6-4e0d-966e-8fa91005101e;groupname=group1;</itemdefinitions>\n </item>\n <item id=\"g2\" caption=\"group2\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=120;paddingleft=14;paddingright=14;separatorcolor=transparent;bordercolor=transparent;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"b3\" caption=\"\" contenttype=\"\" inputtype=\"actionbutton\" address=\"\">\n <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;buttonradius=0;backgroundcolor=transparent;groupname=group2;</itemdefinitions>\n </item>\n <item id=\"b4\" caption=\"An Innendienst weiterleiten\" contenttype=\"\" inputtype=\"actionbutton\" address=\"\">\n <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;buttonradius=0;backgroundcolor=D5D5D5;groupname=group2;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/hubs/salesperformer_calculator.png;cardbackgroundopacity=3;cardbackgroundcolor=B2C900;captionheight=50;captionopacity=8;cardcaptionbackgroundcolor=#2896d1;cardheight=160;carddescriptionhide=false", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-6384b782-cf89-428d-95e4-a851f9d27bb8](https://oaa.app.link/launch-app-6384b782-cf89-428d-95e4-a851f9d27bb8) **Excel file for this app** https://oaadata.blob.core.windows.net/app-6384b782-cf89-428d-95e4-a851f9d27bb8/data.xlsx [block:callout] { "type": "info", "title": "Printsheet", "body": "The app definition **\"printsheet=Angebot;\"** sets the worksheet \"Angebot\" as printsheet. The printsheet contains data from the calculation as well as data from the form on page two of the app.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/6c3c1ca-IMG_0187.PNG", "IMG_0187.PNG", 640, 1136, "#334a53" ], "caption": "\"Lizenzkalkulator für Salesperformer\" Calculation" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/eaa0e58-IMG_0188.PNG", "IMG_0188.PNG", 640, 1136, "#d5d5d2" ], "caption": "\"Lizenzkalkulator für Salesperformer\" Form for Printsheet" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/189324e-IMG_0189.PNG", "IMG_0189.PNG", 640, 1136, "#2c3443" ], "caption": "\"Lizenzkalkulator für Salesperformer\" Print functionality" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "menuentries=send,print;pagecount=2;printsheet=Angebot;pagebuttoncolor=384042;topareaheight=100;spacing=0;paddingvert=10;functionbuttoncolor=C4CD3F;allowpushtoserver=true", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Dateneingabe\" pageid=\"1\" definitions=\"\">\n <excelcontent id=\"xxx\">\n <items>\n <item id=\"s1\" caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=3%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Anzahl Windows Lizenzen\" contenttype=\"integer\" inputtype=\"input\" address=\"A3\">\n <itemdefinitions>minvalue=0;deltastep=1;metrictext=Anzahl;buttonheight=15%;separatorcolor=D5D5D5;bordercolor=transparent;backgroundcolor=transparent;valuetextcolor=E0E073;elementcolor=E0E073;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"noMobileLicenses\" caption=\"Anzahl Mobile Lizenzen\" contenttype=\"integer\" inputtype=\"input\" address=\"A4\">\n <itemdefinitions>minvalue=0;deltastep=1;metrictext=Anzahl;buttonheight=15%;bordercolor=transparent;backgroundcolor=transparent;valuetextcolor=E0E073;elementcolor=E0E073;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"discount\" caption=\"Partnerrabatt\" contenttype=\"percent\" inputtype=\"input\" address=\"A8\">\n <itemdefinitions>minvalue=0;deltastep=10;metrictext=in %;buttonheight=12%;buttonradius=0;backgroundcolor=#cbcbcb;valuetextcolor=#ffffff;elementcolor=#ffffff;showeditbuttons=true;</itemdefinitions>\n </item>\n <item caption=\"Wartungsmonate in diesem Jahr\" contenttype=\"integer\" inputtype=\"input\" address=\"A11\">\n <itemdefinitions>minvalue=0;deltastep=1;metrictext=in Monaten;buttonheight=12%;buttonradius=0;backgroundcolor=#d5d5d5;valuetextcolor=#ffffff;elementcolor=#ffffff;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceLicenses\" caption=\"Lizenzkosten\" contenttype=\"integer\" inputtype=\"output\" address=\"C9\">\n <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=CED23C;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceMaintenance\" caption=\"Wartungskosten\" contenttype=\"integer\" inputtype=\"output\" address=\"C14\">\n <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=D6D74F;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceNetto\" caption=\"Netto\" contenttype=\"integer\" inputtype=\"output\" address=\"C16\">\n <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=CED23C;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceTax\" caption=\"MwSt\" contenttype=\"integer\" inputtype=\"output\" address=\"C17\">\n <itemdefinitions>buttonheight=12%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=D6D74F;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"priceTotal\" caption=\"Gesamt\" contenttype=\"integer\" inputtype=\"output\" address=\"C18\">\n <itemdefinitions>buttonheight=16%;metrictext=in Euro;bordercolor=transparent;buttonradius=0;backgroundcolor=CED23C;showeditbuttons=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page caption=\"Angebot erstellen\" pageid=\"2\" definitions=\"\">\n <excelcontent id=\"xxx1\">\n <items>\n <item id=\"s2\" caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=3%;</itemdefinitions>\n </item>\n <item id=\"textCompany\" caption=\"Firmenname\" contenttype=\"string\" inputtype=\"input\" address=\"B26\">\n <itemdefinitions>buttonheight=80;metrictext=;bordercolor=transparent;buttonradius=0;backgroundcolor=transparent;separatorcolor=D5D5D5;valuetextcolor=E0E073;valuefontsize=18;</itemdefinitions>\n </item>\n <item id=\"textAddress\" caption=\"Adresse\" contenttype=\"string\" inputtype=\"input\" address=\"B27\">\n <itemdefinitions>buttonheight=80;metrictext=;bordercolor=transparent;buttonradius=0;backgroundcolor=transparent;separatorcolor=D5D5D5;valuetextcolor=E0E073;valuefontsize=18;</itemdefinitions>\n </item>\n <item id=\"textPerson\" caption=\"Ansprechpartner\" contenttype=\"string\" inputtype=\"input\" address=\"B28\">\n <itemdefinitions>buttonheight=80;metrictext=;bordercolor=transparent;buttonradius=0;backgroundcolor=transparent;valuetextcolor=E0E073;valuefontsize=18;</itemdefinitions>\n </item>\n <item id=\"s3\" caption=\"spacer\" contenttype=\"spacer\" inputtype=\"\">\n <itemdefinitions>height=5%;</itemdefinitions>\n </item>\n <item id=\"g1\" caption=\"group1\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=120;paddingleft=14;paddingright=14;separatorcolor=white;bordercolor=transparent;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"bt1\" caption=\"Angebot erstellen\" contenttype=\"\" inputtype=\"actionbutton\" address=\"\">\n <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;backgroundcolor=CED23C;actioninfo=print;groupname=group1;</itemdefinitions>\n </item>\n <item id=\"bt2\" caption=\"Vergleich mit Wettbewerb\" contenttype=\"\" inputtype=\"actionbutton\" address=\"\">\n <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;buttonradius=0;backgroundcolor=D5D5D5;runapp=4cfd49bc-95a6-4e0d-966e-8fa91005101e;groupname=group1;</itemdefinitions>\n </item>\n <item id=\"g2\" caption=\"group2\" contenttype=\"grouplayout\" inputtype=\"output\">\n <itemdefinitions>buttonheight=120;paddingleft=14;paddingright=14;separatorcolor=transparent;bordercolor=transparent;backgroundcolor=transparent;</itemdefinitions>\n </item>\n <item id=\"b3\" caption=\"\" contenttype=\"\" inputtype=\"actionbutton\" address=\"\">\n <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;buttonradius=0;backgroundcolor=transparent;groupname=group2;</itemdefinitions>\n </item>\n <item id=\"b4\" caption=\"An Innendienst weiterleiten\" contenttype=\"\" inputtype=\"actionbutton\" address=\"\">\n <itemdefinitions>buttonheight=120;metrictext=;bordercolor=transparent;valuefontsize=22;buttonradius=0;backgroundcolor=D5D5D5;groupname=group2;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/hubs/salesperformer_calculator.png;cardbackgroundopacity=3;cardbackgroundcolor=B2C900;captionheight=50;captionopacity=8;cardcaptionbackgroundcolor=#2896d1;cardheight=160;carddescriptionhide=false", "language": "text" } ] } [/block]
{"_id":"58875eebe3e762190098de1c","updates":[],"excerpt":"","title":"Euro Dollar - Currency Calculator","link_external":false,"user":"56f00bdbd2877b34002479f1","body":"**Link to the app**\n[https://oaa.app.link/launch-app-773a4a12-061e-431b-962c-36a8bfec6ab7](https://oaa.app.link/launch-app-773a4a12-061e-431b-962c-36a8bfec6ab7) \n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"EUR/USD converter\",\n  \"body\": \"The definition **\\\"onlinevalue=currencyexchange:USD;\\\"** makes it possible to get the latest exchange rate.\",\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"categories=new,productivity,finance;pagecount=2;contenttype=onlineform;topareaimage=http://www.wunderapps.net/brandings/apps/sparen-header.png;topareaheight=140;headeropacity=8;spacing=2;pagebuttoncolor=384042\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages>\\n    <page pageid=\\\"1\\\" caption=\\\"EURO » Dollar\\\" definitions=\\\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item caption=\\\"Euro value\\\" inputtype=\\\"input\\\" contenttype=\\\"double\\\" address=\\\"B3\\\">\\n                    <itemdefinitions>minvalue=1;deltastep=10;metrictext=in €;backgroundcolor=#ffffff;buttonheight=20%;separatorcolor=CFCFCF;elementcolor=#85bb65;valuetextcolor=#85bb65</itemdefinitions>\\n                </item>\\n                <item caption=\\\"US Dollar exchange rate\\\" inputtype=\\\"online\\\" contenttype=\\\"double\\\" address=\\\"B4\\\">\\n                    <itemdefinitions>onlinevalue=currencyexchange:USD;backgroundcolor=#ffffff;buttonheight=20%;elementcolor=85bb65;valuetextcolor=#85bb65;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"US Dollar value\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B5\\\">\\n                    <itemdefinitions>metrictext=in $;buttonheight=20%;backgroundcolor=85bb65;</itemdefinitions>\\n                </item>\\n                <item id=\\\"Ce4nSyQi\\\" caption=\\\"Cheat sheet\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=10%;backgroundcolor=#cbcbcb;textfontsize=21;textcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item id=\\\"z2ga60de\\\" caption=\\\"z2ga60de\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\\n                </item>\\n                <item caption=\\\"10 €\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Blatt1!E5\\\" id=\\\"GTz54fuN\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60de;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"25 €\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Blatt1!F5\\\" id=\\\"4LXmM8l1\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60de;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\\n                </item>\\n                <item id=\\\"XTt16AI4\\\" caption=\\\"XTt16AI4\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\\n                </item>\\n                <item caption=\\\"50 €\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Blatt1!G5\\\" id=\\\"TC2R5QjT\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI4;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"75 €\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Blatt1!H5\\\" id=\\\"uUX7KIYu\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI4;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"2\\\" caption=\\\"Dollar » EURO\\\" definitions=\\\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item caption=\\\"Dollar value\\\" inputtype=\\\"input\\\" contenttype=\\\"double\\\" address=\\\"B7\\\">\\n                    <itemdefinitions>minvalue=1;deltastep=10;metrictext=in $;backgroundcolor=#ffffff;buttonheight=20%;separatorcolor=CFCFCF;elementcolor=#85bb65;valuetextcolor=#85bb65</itemdefinitions>\\n                </item>\\n                <item caption=\\\"US Dollar exchange rate\\\" inputtype=\\\"online\\\" contenttype=\\\"double\\\" address=\\\"B4\\\">\\n                    <itemdefinitions>onlinevalue=currencyexchange:USD;backgroundcolor=#ffffff;buttonheight=20%;elementcolor=85bb65;valuetextcolor=#85bb65;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Euro Value\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B8\\\">\\n                    <itemdefinitions>metrictext=in €;buttonheight=20%;buttonradius=0;backgroundcolor=85bb65;</itemdefinitions>\\n                </item>\\n                <item id=\\\"Ce4nSyti\\\" caption=\\\"Cheat sheet\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=10%;backgroundcolor=#cbcbcb;textfontsize=21;textcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item id=\\\"z2ga60te\\\" caption=\\\"z2ga60te\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\\n                </item>\\n                <item caption=\\\"10 $\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Blatt1!E8\\\" id=\\\"GTz54fuN\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60te;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"25 $\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Blatt1!F8\\\" id=\\\"4LXmM8l1\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60te;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\\n                </item>\\n                <item id=\\\"XTt16AI5\\\" caption=\\\"XTt16AI5\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\\n                </item>\\n                <item caption=\\\"50 $\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Blatt1!G8\\\" id=\\\"TC2R5QjT\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI5;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"75 $\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"Blatt1!H8\\\" id=\\\"uUX7KIYu\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI5;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=http://www.wunderapps.net/brandings/apps/sparen-header.png;carddescriptionhide=true;cardbackgroundcolor=white;cardcaptionbackgroundcolor=#85bb65;captionopacity=8;cardheight=140\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","category":"57fcfbde4002550e004c0475","githubsync":"","hidden":false,"isReference":false,"link_url":"","slug":"euro-dollar-currency-calculator","type":"basic","createdAt":"2017-01-24T14:04:27.092Z","version":"56123686436e0b0d000129a0","next":{"pages":[],"description":""},"order":10,"parentDoc":null,"project":"56123686436e0b0d0001299d","sync_unique":"","__v":0,"api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"childrenPages":[]}

Euro Dollar - Currency Calculator


**Link to the app** [https://oaa.app.link/launch-app-773a4a12-061e-431b-962c-36a8bfec6ab7](https://oaa.app.link/launch-app-773a4a12-061e-431b-962c-36a8bfec6ab7) [block:callout] { "type": "info", "title": "EUR/USD converter", "body": "The definition **\"onlinevalue=currencyexchange:USD;\"** makes it possible to get the latest exchange rate.", "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "categories=new,productivity,finance;pagecount=2;contenttype=onlineform;topareaimage=http://www.wunderapps.net/brandings/apps/sparen-header.png;topareaheight=140;headeropacity=8;spacing=2;pagebuttoncolor=384042", "language": "xml" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page pageid=\"1\" caption=\"EURO » Dollar\" definitions=\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"Euro value\" inputtype=\"input\" contenttype=\"double\" address=\"B3\">\n <itemdefinitions>minvalue=1;deltastep=10;metrictext=in €;backgroundcolor=#ffffff;buttonheight=20%;separatorcolor=CFCFCF;elementcolor=#85bb65;valuetextcolor=#85bb65</itemdefinitions>\n </item>\n <item caption=\"US Dollar exchange rate\" inputtype=\"online\" contenttype=\"double\" address=\"B4\">\n <itemdefinitions>onlinevalue=currencyexchange:USD;backgroundcolor=#ffffff;buttonheight=20%;elementcolor=85bb65;valuetextcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"US Dollar value\" inputtype=\"output\" contenttype=\"result\" address=\"B5\">\n <itemdefinitions>metrictext=in $;buttonheight=20%;backgroundcolor=85bb65;</itemdefinitions>\n </item>\n <item id=\"Ce4nSyQi\" caption=\"Cheat sheet\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#cbcbcb;textfontsize=21;textcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"z2ga60de\" caption=\"z2ga60de\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\n </item>\n <item caption=\"10 €\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!E5\" id=\"GTz54fuN\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60de;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"25 €\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!F5\" id=\"4LXmM8l1\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60de;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item id=\"XTt16AI4\" caption=\"XTt16AI4\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\n </item>\n <item caption=\"50 €\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!G5\" id=\"TC2R5QjT\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI4;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"75 €\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!H5\" id=\"uUX7KIYu\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI4;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Dollar » EURO\" definitions=\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"Dollar value\" inputtype=\"input\" contenttype=\"double\" address=\"B7\">\n <itemdefinitions>minvalue=1;deltastep=10;metrictext=in $;backgroundcolor=#ffffff;buttonheight=20%;separatorcolor=CFCFCF;elementcolor=#85bb65;valuetextcolor=#85bb65</itemdefinitions>\n </item>\n <item caption=\"US Dollar exchange rate\" inputtype=\"online\" contenttype=\"double\" address=\"B4\">\n <itemdefinitions>onlinevalue=currencyexchange:USD;backgroundcolor=#ffffff;buttonheight=20%;elementcolor=85bb65;valuetextcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"Euro Value\" inputtype=\"output\" contenttype=\"result\" address=\"B8\">\n <itemdefinitions>metrictext=in €;buttonheight=20%;buttonradius=0;backgroundcolor=85bb65;</itemdefinitions>\n </item>\n <item id=\"Ce4nSyti\" caption=\"Cheat sheet\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#cbcbcb;textfontsize=21;textcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"z2ga60te\" caption=\"z2ga60te\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\n </item>\n <item caption=\"10 $\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!E8\" id=\"GTz54fuN\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60te;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"25 $\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!F8\" id=\"4LXmM8l1\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60te;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item id=\"XTt16AI5\" caption=\"XTt16AI5\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\n </item>\n <item caption=\"50 $\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!G8\" id=\"TC2R5QjT\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI5;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"75 $\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!H8\" id=\"uUX7KIYu\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI5;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/apps/sparen-header.png;carddescriptionhide=true;cardbackgroundcolor=white;cardcaptionbackgroundcolor=#85bb65;captionopacity=8;cardheight=140", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-773a4a12-061e-431b-962c-36a8bfec6ab7](https://oaa.app.link/launch-app-773a4a12-061e-431b-962c-36a8bfec6ab7) [block:callout] { "type": "info", "title": "EUR/USD converter", "body": "The definition **\"onlinevalue=currencyexchange:USD;\"** makes it possible to get the latest exchange rate.", "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "categories=new,productivity,finance;pagecount=2;contenttype=onlineform;topareaimage=http://www.wunderapps.net/brandings/apps/sparen-header.png;topareaheight=140;headeropacity=8;spacing=2;pagebuttoncolor=384042", "language": "xml" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page pageid=\"1\" caption=\"EURO » Dollar\" definitions=\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"Euro value\" inputtype=\"input\" contenttype=\"double\" address=\"B3\">\n <itemdefinitions>minvalue=1;deltastep=10;metrictext=in €;backgroundcolor=#ffffff;buttonheight=20%;separatorcolor=CFCFCF;elementcolor=#85bb65;valuetextcolor=#85bb65</itemdefinitions>\n </item>\n <item caption=\"US Dollar exchange rate\" inputtype=\"online\" contenttype=\"double\" address=\"B4\">\n <itemdefinitions>onlinevalue=currencyexchange:USD;backgroundcolor=#ffffff;buttonheight=20%;elementcolor=85bb65;valuetextcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"US Dollar value\" inputtype=\"output\" contenttype=\"result\" address=\"B5\">\n <itemdefinitions>metrictext=in $;buttonheight=20%;backgroundcolor=85bb65;</itemdefinitions>\n </item>\n <item id=\"Ce4nSyQi\" caption=\"Cheat sheet\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#cbcbcb;textfontsize=21;textcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"z2ga60de\" caption=\"z2ga60de\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\n </item>\n <item caption=\"10 €\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!E5\" id=\"GTz54fuN\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60de;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"25 €\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!F5\" id=\"4LXmM8l1\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60de;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item id=\"XTt16AI4\" caption=\"XTt16AI4\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\n </item>\n <item caption=\"50 €\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!G5\" id=\"TC2R5QjT\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI4;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"75 €\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!H5\" id=\"uUX7KIYu\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI4;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Dollar » EURO\" definitions=\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"Dollar value\" inputtype=\"input\" contenttype=\"double\" address=\"B7\">\n <itemdefinitions>minvalue=1;deltastep=10;metrictext=in $;backgroundcolor=#ffffff;buttonheight=20%;separatorcolor=CFCFCF;elementcolor=#85bb65;valuetextcolor=#85bb65</itemdefinitions>\n </item>\n <item caption=\"US Dollar exchange rate\" inputtype=\"online\" contenttype=\"double\" address=\"B4\">\n <itemdefinitions>onlinevalue=currencyexchange:USD;backgroundcolor=#ffffff;buttonheight=20%;elementcolor=85bb65;valuetextcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"Euro Value\" inputtype=\"output\" contenttype=\"result\" address=\"B8\">\n <itemdefinitions>metrictext=in €;buttonheight=20%;buttonradius=0;backgroundcolor=85bb65;</itemdefinitions>\n </item>\n <item id=\"Ce4nSyti\" caption=\"Cheat sheet\" contenttype=\"header\">\n <itemdefinitions>height=10%;backgroundcolor=#cbcbcb;textfontsize=21;textcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"z2ga60te\" caption=\"z2ga60te\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\n </item>\n <item caption=\"10 $\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!E8\" id=\"GTz54fuN\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60te;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"25 $\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!F8\" id=\"4LXmM8l1\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=z2ga60te;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item id=\"XTt16AI5\" caption=\"XTt16AI5\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=15%;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;captiontextcolor=#f6c946;separatorcolor=transparent;bordercolor=transparent;columnspacing=2</itemdefinitions>\n </item>\n <item caption=\"50 $\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!G8\" id=\"TC2R5QjT\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI5;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n <item caption=\"75 $\" inputtype=\"output\" contenttype=\"result\" address=\"Blatt1!H8\" id=\"uUX7KIYu\">\n <itemdefinitions>nocaption=true;buttonheight=15%;usecellformat=true;metrictext=equal;groupname=XTt16AI5;buttonradius=0;backgroundcolor=#85bb65;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/apps/sparen-header.png;carddescriptionhide=true;cardbackgroundcolor=white;cardcaptionbackgroundcolor=#85bb65;captionopacity=8;cardheight=140", "language": "text" } ] } [/block]
{"_id":"57fd0cb260205c19008485ba","hidden":false,"link_external":false,"parentDoc":null,"slug":"consultants-germany","__v":1,"body":"**Link to the app**\n[https://oaa.app.link/launch-app-8283ce3b-f412-43ce-adcd-8f08b1ccf084](https://oaa.app.link/launch-app-8283ce3b-f412-43ce-adcd-8f08b1ccf084)\n\n**Excel file for this app**\nhttps://oaa-api.azurewebsites.net/v1/api/EntityStorage/AppStorage/8283ce3b-f412-43ce-adcd-8f08b1ccf084/data.xlsx\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/b3be606-IMG_0174.PNG\",\n        \"IMG_0174.PNG\",\n        640,\n        1136,\n        \"#434a52\"\n      ],\n      \"caption\": \"\\\"Consultants Germany\\\" Salespeople List\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/8698a8e-IMG_0175.PNG\",\n        \"IMG_0175.PNG\",\n        640,\n        1136,\n        \"#3a4f57\"\n      ],\n      \"caption\": \"\\\"Consultants Germany\\\" Revenue Chart\"\n    }\n  ]\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/0f0fb03-IMG_0176.PNG\",\n        \"IMG_0176.PNG\",\n        640,\n        1136,\n        \"#303745\"\n      ],\n      \"caption\": \"\\\"Consultants Germany\\\" Dynamic Dashboard\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"paddinghorz=0;pagecount=2;paddingvert=0;backgroundcolor=40494B;functionbuttoncolor=09679B;dynamicdashboard=true;allowpushtoserver=false\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"Sales people summary\\\" definitions=\\\"\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <items>\\n                <item id=\\\"da0525f8-4fa6-48c0-94a7-c2f4b5720a11\\\" caption=\\\"\\\" inputtype=\\\"\\\" contenttype=\\\"list\\\" address=\\\"A1\\\">\\n                    <itemdefinitions>componentname=list;gridtheme=dark;padding=2;height=;gridrowheight=50;gridtotalsummaries=;gridcollapsegroups=false;gridallowedit=false;metrictext=;menuentries=send,print;headeravailable=true;showcolumnheader=true;searchcolumns=;listcolumns=5::text,7::,6::,11::,14::,17::number,18::topbottomrule,9::;detailcolumns=3,4,5,6,7:phone,8,9:email,10:address,11,13:address,14:country,15,16,17,20:image,1,12,19,18;drilldowncolumns=14,15,16,17,6;sumcolumns=18,19;listheaderblock=A1:T1;listdatablock=A2:T2;showeditbuttons=true;showsearchpanel=true;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"2\\\" caption=\\\"Revenues by employees\\\" definitions=\\\"backgroundcolor=40494B;functionbuttoncolor=CD575A;\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item caption=\\\"Sales YTD by sales employee\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"E2:E18;R2:R18\\\">\\n                    <itemdefinitions>height=500;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption=Employee;xaxiscaption=Revenue;chartorientation=vertical;showdatamarkers=false;seriescolor=#09679b;showlegend=false;showeditbuttons=true</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Sales last year by sales employee\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"E2:E18;S2:S18\\\">\\n                    <itemdefinitions>height=500;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption=Employee;xaxiscaption=Revenue;chartorientation=vertical;showdatamarkers=false;seriescolor=#f7af2a;showlegend=false;showeditbuttons=true</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=http://www.wunderapps.net/brandings/pwc/pwc-3.png;cardbackgroundopacity=8;cardbackgroundcolor=white;captionheight=50;captionopacity=8;cardcaptionbackgroundcolor=#9d2024;cardheight=160\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","category":"57fcfbde4002550e004c0475","version":"56123686436e0b0d000129a0","title":"Consultants Germany","updates":[],"user":"56f00bdbd2877b34002479f1","createdAt":"2016-10-11T16:00:50.579Z","isReference":false,"link_url":"","next":{"description":"","pages":[]},"excerpt":"","githubsync":"","project":"56123686436e0b0d0001299d","type":"basic","api":{"params":[],"url":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required"},"order":11,"sync_unique":"","childrenPages":[]}

Consultants Germany


**Link to the app** [https://oaa.app.link/launch-app-8283ce3b-f412-43ce-adcd-8f08b1ccf084](https://oaa.app.link/launch-app-8283ce3b-f412-43ce-adcd-8f08b1ccf084) **Excel file for this app** https://oaa-api.azurewebsites.net/v1/api/EntityStorage/AppStorage/8283ce3b-f412-43ce-adcd-8f08b1ccf084/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/b3be606-IMG_0174.PNG", "IMG_0174.PNG", 640, 1136, "#434a52" ], "caption": "\"Consultants Germany\" Salespeople List" } ], "sidebar": true } [/block] [block:textarea] { "text": "", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/8698a8e-IMG_0175.PNG", "IMG_0175.PNG", 640, 1136, "#3a4f57" ], "caption": "\"Consultants Germany\" Revenue Chart" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/0f0fb03-IMG_0176.PNG", "IMG_0176.PNG", 640, 1136, "#303745" ], "caption": "\"Consultants Germany\" Dynamic Dashboard" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "paddinghorz=0;pagecount=2;paddingvert=0;backgroundcolor=40494B;functionbuttoncolor=09679B;dynamicdashboard=true;allowpushtoserver=false", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Sales people summary\" definitions=\"\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"da0525f8-4fa6-48c0-94a7-c2f4b5720a11\" caption=\"\" inputtype=\"\" contenttype=\"list\" address=\"A1\">\n <itemdefinitions>componentname=list;gridtheme=dark;padding=2;height=;gridrowheight=50;gridtotalsummaries=;gridcollapsegroups=false;gridallowedit=false;metrictext=;menuentries=send,print;headeravailable=true;showcolumnheader=true;searchcolumns=;listcolumns=5::text,7::,6::,11::,14::,17::number,18::topbottomrule,9::;detailcolumns=3,4,5,6,7:phone,8,9:email,10:address,11,13:address,14:country,15,16,17,20:image,1,12,19,18;drilldowncolumns=14,15,16,17,6;sumcolumns=18,19;listheaderblock=A1:T1;listdatablock=A2:T2;showeditbuttons=true;showsearchpanel=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Revenues by employees\" definitions=\"backgroundcolor=40494B;functionbuttoncolor=CD575A;\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"Sales YTD by sales employee\" inputtype=\"output\" contenttype=\"chart\" address=\"E2:E18;R2:R18\">\n <itemdefinitions>height=500;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption=Employee;xaxiscaption=Revenue;chartorientation=vertical;showdatamarkers=false;seriescolor=#09679b;showlegend=false;showeditbuttons=true</itemdefinitions>\n </item>\n <item caption=\"Sales last year by sales employee\" inputtype=\"output\" contenttype=\"chart\" address=\"E2:E18;S2:S18\">\n <itemdefinitions>height=500;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption=Employee;xaxiscaption=Revenue;chartorientation=vertical;showdatamarkers=false;seriescolor=#f7af2a;showlegend=false;showeditbuttons=true</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/pwc/pwc-3.png;cardbackgroundopacity=8;cardbackgroundcolor=white;captionheight=50;captionopacity=8;cardcaptionbackgroundcolor=#9d2024;cardheight=160", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-8283ce3b-f412-43ce-adcd-8f08b1ccf084](https://oaa.app.link/launch-app-8283ce3b-f412-43ce-adcd-8f08b1ccf084) **Excel file for this app** https://oaa-api.azurewebsites.net/v1/api/EntityStorage/AppStorage/8283ce3b-f412-43ce-adcd-8f08b1ccf084/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/b3be606-IMG_0174.PNG", "IMG_0174.PNG", 640, 1136, "#434a52" ], "caption": "\"Consultants Germany\" Salespeople List" } ], "sidebar": true } [/block] [block:textarea] { "text": "", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/8698a8e-IMG_0175.PNG", "IMG_0175.PNG", 640, 1136, "#3a4f57" ], "caption": "\"Consultants Germany\" Revenue Chart" } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/0f0fb03-IMG_0176.PNG", "IMG_0176.PNG", 640, 1136, "#303745" ], "caption": "\"Consultants Germany\" Dynamic Dashboard" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "paddinghorz=0;pagecount=2;paddingvert=0;backgroundcolor=40494B;functionbuttoncolor=09679B;dynamicdashboard=true;allowpushtoserver=false", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Sales people summary\" definitions=\"\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"da0525f8-4fa6-48c0-94a7-c2f4b5720a11\" caption=\"\" inputtype=\"\" contenttype=\"list\" address=\"A1\">\n <itemdefinitions>componentname=list;gridtheme=dark;padding=2;height=;gridrowheight=50;gridtotalsummaries=;gridcollapsegroups=false;gridallowedit=false;metrictext=;menuentries=send,print;headeravailable=true;showcolumnheader=true;searchcolumns=;listcolumns=5::text,7::,6::,11::,14::,17::number,18::topbottomrule,9::;detailcolumns=3,4,5,6,7:phone,8,9:email,10:address,11,13:address,14:country,15,16,17,20:image,1,12,19,18;drilldowncolumns=14,15,16,17,6;sumcolumns=18,19;listheaderblock=A1:T1;listdatablock=A2:T2;showeditbuttons=true;showsearchpanel=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Revenues by employees\" definitions=\"backgroundcolor=40494B;functionbuttoncolor=CD575A;\">\n <excelcontent id=\"2\">\n <items>\n <item caption=\"Sales YTD by sales employee\" inputtype=\"output\" contenttype=\"chart\" address=\"E2:E18;R2:R18\">\n <itemdefinitions>height=500;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption=Employee;xaxiscaption=Revenue;chartorientation=vertical;showdatamarkers=false;seriescolor=#09679b;showlegend=false;showeditbuttons=true</itemdefinitions>\n </item>\n <item caption=\"Sales last year by sales employee\" inputtype=\"output\" contenttype=\"chart\" address=\"E2:E18;S2:S18\">\n <itemdefinitions>height=500;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption=Employee;xaxiscaption=Revenue;chartorientation=vertical;showdatamarkers=false;seriescolor=#f7af2a;showlegend=false;showeditbuttons=true</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/pwc/pwc-3.png;cardbackgroundopacity=8;cardbackgroundcolor=white;captionheight=50;captionopacity=8;cardcaptionbackgroundcolor=#9d2024;cardheight=160", "language": "text" } ] } [/block]
{"_id":"57fcffc59e8c480e00a62b24","version":"56123686436e0b0d000129a0","excerpt":"","link_url":"","body":"**Link to the app**\n[https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb](https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb)\n\n**Excel file for this app**\nhttps://oaadata.blob.core.windows.net/app-95f771f6-10ee-43f7-b20b-1858dbcf16a6/data.xlsx\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Background  Image & Button Radius\",\n  \"body\": \"The definition **\\\"backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;\\\"** makes it possible to define an image as background for the app. \\nIn addition to the app definition **\\\"spacing=8;\\\"** and the button definitions **\\\"buttonradius=8;\\\"** and **\\\"buttonopacity=9;\\\"** it was possible to create a very good looking app.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/ab928b6-IMG_0166.PNG\",\n        \"IMG_0166.PNG\",\n        640,\n        1136,\n        \"#dcd9d5\"\n      ],\n      \"caption\": \"BMI Calculation\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"categories=lifestyle;paddinghorz=8;backgroundcolor=lightgray;backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;backgroundopacity=10;spacing=8;headercaptioncolor=white;headercolor=384042;headeropacity=6;headerseparatorcolor=transparent;allowpushtoserver=true;allowuploadcalculations=true;allowstorecalculations=false;pagecount=1\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages>\\n    <page pageid=\\\"1\\\" caption=\\\"Allgemein\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=5%;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"height\\\" caption=\\\"Height\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B1\\\">\\n                    <itemdefinitions>minvalue=50;deltastep=1;buttonheight=18%;buttonradius=8;backgroundcolor=#ffffff;buttonopacity=9;metrictext=in cm;elementcolor=#3cdaf1;valuetextcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>\\n                </item>\\n                <item id=\\\"weight\\\" caption=\\\"Weight\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B2\\\">\\n                    <itemdefinitions>minvalue=1;buttonheight=18%;buttonradius=8;metrictext=in kg;backgroundcolor=#ffffff;buttonopacity=9;elementcolor=#3cdaf1;valuetextcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>\\n                </item>\\n                <item id=\\\"bmi\\\" caption=\\\"BMI\\\" inputtype=\\\"output\\\" contenttype=\\\"double\\\" address=\\\"B6\\\">\\n                    <itemdefinitions>buttonheight=16%;buttonradius=8;buttonopacity=9;backgroundcolor=#3cdaf1;showeditbuttons=true;</itemdefinitions>\\n                </item>\\n                <item id=\\\"rating\\\" caption=\\\"Rating\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"B7\\\">\\n                    <itemdefinitions>buttonheight=16%;buttonradius=9;buttonopacity=9;backgroundcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>\\n                </item>\\n                <item caption=\\\"\\\" inputtype=\\\"output\\\" contenttype=\\\"image\\\" address=\\\"\\\">\\n                    <itemdefinitions>height=40%;imageclickevent=true;imagefile=http://www.salesperformer.net/branding/wunderapp/bmi-1.png;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=http://www.wunderapps.net/brandings/apps/bmi.png;captionopacity=7;cardheight=150;carddescriptionhide=true;cardcaptionbackgroundcolor=#3ad9f2;cardbackgroundcolor=transparent\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","createdAt":"2016-10-11T15:05:41.446Z","githubsync":"","hidden":false,"isReference":false,"slug":"bmi-calculator","api":{"results":{"codes":[{"name":"","status":200,"language":"json","code":"{}"},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"updates":[],"sync_unique":"","title":"BMI Calculator","order":12,"parentDoc":null,"user":"56f00bdbd2877b34002479f1","__v":1,"next":{"description":"","pages":[]},"project":"56123686436e0b0d0001299d","type":"basic","category":"57fcfbde4002550e004c0475","link_external":false,"childrenPages":[]}

BMI Calculator


**Link to the app** [https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb](https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb) **Excel file for this app** https://oaadata.blob.core.windows.net/app-95f771f6-10ee-43f7-b20b-1858dbcf16a6/data.xlsx [block:callout] { "type": "info", "title": "Background Image & Button Radius", "body": "The definition **\"backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;\"** makes it possible to define an image as background for the app. \nIn addition to the app definition **\"spacing=8;\"** and the button definitions **\"buttonradius=8;\"** and **\"buttonopacity=9;\"** it was possible to create a very good looking app.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/ab928b6-IMG_0166.PNG", "IMG_0166.PNG", 640, 1136, "#dcd9d5" ], "caption": "BMI Calculation" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "categories=lifestyle;paddinghorz=8;backgroundcolor=lightgray;backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;backgroundopacity=10;spacing=8;headercaptioncolor=white;headercolor=384042;headeropacity=6;headerseparatorcolor=transparent;allowpushtoserver=true;allowuploadcalculations=true;allowstorecalculations=false;pagecount=1", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page pageid=\"1\" caption=\"Allgemein\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"height\" caption=\"Height\" inputtype=\"input\" contenttype=\"integer\" address=\"B1\">\n <itemdefinitions>minvalue=50;deltastep=1;buttonheight=18%;buttonradius=8;backgroundcolor=#ffffff;buttonopacity=9;metrictext=in cm;elementcolor=#3cdaf1;valuetextcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>\n </item>\n <item id=\"weight\" caption=\"Weight\" inputtype=\"input\" contenttype=\"integer\" address=\"B2\">\n <itemdefinitions>minvalue=1;buttonheight=18%;buttonradius=8;metrictext=in kg;backgroundcolor=#ffffff;buttonopacity=9;elementcolor=#3cdaf1;valuetextcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>\n </item>\n <item id=\"bmi\" caption=\"BMI\" inputtype=\"output\" contenttype=\"double\" address=\"B6\">\n <itemdefinitions>buttonheight=16%;buttonradius=8;buttonopacity=9;backgroundcolor=#3cdaf1;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"rating\" caption=\"Rating\" inputtype=\"output\" contenttype=\"result\" address=\"B7\">\n <itemdefinitions>buttonheight=16%;buttonradius=9;buttonopacity=9;backgroundcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>\n </item>\n <item caption=\"\" inputtype=\"output\" contenttype=\"image\" address=\"\">\n <itemdefinitions>height=40%;imageclickevent=true;imagefile=http://www.salesperformer.net/branding/wunderapp/bmi-1.png;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/apps/bmi.png;captionopacity=7;cardheight=150;carddescriptionhide=true;cardcaptionbackgroundcolor=#3ad9f2;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb](https://oaa.app.link/launch-app-92fe6db6-dd57-4308-af46-1e0bcca371cb) **Excel file for this app** https://oaadata.blob.core.windows.net/app-95f771f6-10ee-43f7-b20b-1858dbcf16a6/data.xlsx [block:callout] { "type": "info", "title": "Background Image & Button Radius", "body": "The definition **\"backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;\"** makes it possible to define an image as background for the app. \nIn addition to the app definition **\"spacing=8;\"** and the button definitions **\"buttonradius=8;\"** and **\"buttonopacity=9;\"** it was possible to create a very good looking app.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/ab928b6-IMG_0166.PNG", "IMG_0166.PNG", 640, 1136, "#dcd9d5" ], "caption": "BMI Calculation" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "categories=lifestyle;paddinghorz=8;backgroundcolor=lightgray;backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;backgroundopacity=10;spacing=8;headercaptioncolor=white;headercolor=384042;headeropacity=6;headerseparatorcolor=transparent;allowpushtoserver=true;allowuploadcalculations=true;allowstorecalculations=false;pagecount=1", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page pageid=\"1\" caption=\"Allgemein\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=5%;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"height\" caption=\"Height\" inputtype=\"input\" contenttype=\"integer\" address=\"B1\">\n <itemdefinitions>minvalue=50;deltastep=1;buttonheight=18%;buttonradius=8;backgroundcolor=#ffffff;buttonopacity=9;metrictext=in cm;elementcolor=#3cdaf1;valuetextcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>\n </item>\n <item id=\"weight\" caption=\"Weight\" inputtype=\"input\" contenttype=\"integer\" address=\"B2\">\n <itemdefinitions>minvalue=1;buttonheight=18%;buttonradius=8;metrictext=in kg;backgroundcolor=#ffffff;buttonopacity=9;elementcolor=#3cdaf1;valuetextcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>\n </item>\n <item id=\"bmi\" caption=\"BMI\" inputtype=\"output\" contenttype=\"double\" address=\"B6\">\n <itemdefinitions>buttonheight=16%;buttonradius=8;buttonopacity=9;backgroundcolor=#3cdaf1;showeditbuttons=true;</itemdefinitions>\n </item>\n <item id=\"rating\" caption=\"Rating\" inputtype=\"output\" contenttype=\"result\" address=\"B7\">\n <itemdefinitions>buttonheight=16%;buttonradius=9;buttonopacity=9;backgroundcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>\n </item>\n <item caption=\"\" inputtype=\"output\" contenttype=\"image\" address=\"\">\n <itemdefinitions>height=40%;imageclickevent=true;imagefile=http://www.salesperformer.net/branding/wunderapp/bmi-1.png;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/apps/bmi.png;captionopacity=7;cardheight=150;carddescriptionhide=true;cardcaptionbackgroundcolor=#3ad9f2;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
{"_id":"561239123cf4bc0d00554e34","hidden":false,"link_url":"","slug":"peters-app","updates":[],"user":"55b249ab348df72d001d69b7","githubsync":"","isReference":false,"next":{"description":"","pages":[]},"parentDoc":null,"type":"basic","version":"56123686436e0b0d000129a0","api":{"params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":"","auth":"required"},"createdAt":"2015-10-05T08:47:14.783Z","title":"Peter's App","body":"**Link to the app**\n[https://oaa.app.link/launch-app-965165e8-dc6f-44aa-892e-6bab6a559a6f](https://oaa.app.link/launch-app-965165e8-dc6f-44aa-892e-6bab6a559a6f)\n\n**App-Definition** \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=white;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/965165e8-dc6f-44aa-892e-6bab6a559a6f/public/topAreaImage.jpeg?v=l384sbV2;topareaheight=25%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#09679b;headeropacity=5;pagecount=2\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**XML-Raw** \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"Calculation\\\" definitions=\\\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <caption>Allgemein</caption>\\n            <description>Allgemein</description>\\n            <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\\n            <items>\\n                <item id=\\\"UNn3qXCA\\\" caption=\\\"Product name\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"C6\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b</itemdefinitions>\\n                </item>\\n                <item id=\\\"8wy0xneJ\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"3dDKdwi6\\\" caption=\\\"Production volume\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"C4\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;deltastep=10;metrictext=in pcs.</itemdefinitions>\\n                </item>\\n                <item id=\\\"mATybpvb\\\" caption=\\\"mATybpvb\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"R15cZh8b\\\" caption=\\\"Original costs\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"D20\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=mATybpvb;metrictext=per pc.</itemdefinitions>\\n                </item>\\n                <item id=\\\"xQAamBTM\\\" caption=\\\"Original costs\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"E20\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=mATybpvb;metrictext=p.a.</itemdefinitions>\\n                </item>\\n                <item id=\\\"GZlgjAhk\\\" caption=\\\"Discount\\\" inputtype=\\\"input\\\" contenttype=\\\"percent\\\" address=\\\"C23\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=0.001</itemdefinitions>\\n                </item>\\n                <item id=\\\"JoxolC6R\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Target profit per pc.\\\" id=\\\"8H5Joj7T\\\" inputtype=\\\"input\\\" contenttype=\\\"percent\\\" address=\\\"C21\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;usecellformat=1;deltastep=1</itemdefinitions>\\n                </item>\\n                <item id=\\\"II7EpWaT\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"DcGmVRAq\\\" caption=\\\"Cash discount\\\" inputtype=\\\"input\\\" contenttype=\\\"percent\\\" address=\\\"C25\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=15%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=1</itemdefinitions>\\n                </item>\\n                <item id=\\\"pwajIFzx\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\\n                </item>\\n                <item id=\\\"BmXvueaj\\\" caption=\\\"VAT\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"C27\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=0.001</itemdefinitions>\\n                </item>\\n                <item id=\\\"faONQDCT\\\" caption=\\\"faONQDCT\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"klnGlVQs\\\" caption=\\\"Cash selling price, gross\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"D28\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;metrictext=per pc.;groupname=faONQDCT</itemdefinitions>\\n                </item>\\n                <item id=\\\"wT71fva9\\\" caption=\\\"Cash selling price, gross\\\" inputtype=\\\"output\\\" contenttype=\\\"result\\\" address=\\\"E28\\\">\\n                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=faONQDCT;metrictext=p.a.</itemdefinitions>\\n                </item>\\n                <item id=\\\"k6DYbHY0\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=10%;backgroundcolor=#00000000</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"2\\\" caption=\\\"Products\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item id=\\\"pjxdkNwg\\\" contenttype=\\\"cardlist\\\" address=\\\"B31:G37\\\">\\n                    <itemdefinitions>componentname=list;padding=4;height=28%;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;showsearchpanel=false;listcolumns=1::,2::,6::image,5::;detailcolumns=1,6:image,2,3,4,5;categorycolumn=5;categorycolorpalette=#eeab58,#43c696,#eb6f65,#28bbd9,#d4dca9,#f9ed69,#aa96da,#fe5f3d</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card-Definition**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/965165e8-dc6f-44aa-892e-6bab6a559a6f/public/cardBackgroundImage.jpeg?v=bScHeiEY;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","category":"57fcfbde4002550e004c0475","excerpt":"","link_external":false,"order":13,"project":"56123686436e0b0d0001299d","sync_unique":"","__v":16,"childrenPages":[]}

Peter's App


**Link to the app** [https://oaa.app.link/launch-app-965165e8-dc6f-44aa-892e-6bab6a559a6f](https://oaa.app.link/launch-app-965165e8-dc6f-44aa-892e-6bab6a559a6f) **App-Definition** [block:code] { "codes": [ { "code": "backgroundcolor=white;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/965165e8-dc6f-44aa-892e-6bab6a559a6f/public/topAreaImage.jpeg?v=l384sbV2;topareaheight=25%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#09679b;headeropacity=5;pagecount=2", "language": "text" } ] } [/block] **XML-Raw** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Calculation\" definitions=\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <caption>Allgemein</caption>\n <description>Allgemein</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"UNn3qXCA\" caption=\"Product name\" inputtype=\"input\" contenttype=\"toggle\" address=\"C6\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b</itemdefinitions>\n </item>\n <item id=\"8wy0xneJ\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"3dDKdwi6\" caption=\"Production volume\" inputtype=\"input\" contenttype=\"integer\" address=\"C4\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;deltastep=10;metrictext=in pcs.</itemdefinitions>\n </item>\n <item id=\"mATybpvb\" caption=\"mATybpvb\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"R15cZh8b\" caption=\"Original costs\" inputtype=\"output\" contenttype=\"result\" address=\"D20\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=mATybpvb;metrictext=per pc.</itemdefinitions>\n </item>\n <item id=\"xQAamBTM\" caption=\"Original costs\" inputtype=\"output\" contenttype=\"result\" address=\"E20\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=mATybpvb;metrictext=p.a.</itemdefinitions>\n </item>\n <item id=\"GZlgjAhk\" caption=\"Discount\" inputtype=\"input\" contenttype=\"percent\" address=\"C23\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=0.001</itemdefinitions>\n </item>\n <item id=\"JoxolC6R\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item caption=\"Target profit per pc.\" id=\"8H5Joj7T\" inputtype=\"input\" contenttype=\"percent\" address=\"C21\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;usecellformat=1;deltastep=1</itemdefinitions>\n </item>\n <item id=\"II7EpWaT\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"DcGmVRAq\" caption=\"Cash discount\" inputtype=\"input\" contenttype=\"percent\" address=\"C25\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=15%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=1</itemdefinitions>\n </item>\n <item id=\"pwajIFzx\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"BmXvueaj\" caption=\"VAT\" inputtype=\"input\" contenttype=\"toggle\" address=\"C27\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=0.001</itemdefinitions>\n </item>\n <item id=\"faONQDCT\" caption=\"faONQDCT\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"klnGlVQs\" caption=\"Cash selling price, gross\" inputtype=\"output\" contenttype=\"result\" address=\"D28\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;metrictext=per pc.;groupname=faONQDCT</itemdefinitions>\n </item>\n <item id=\"wT71fva9\" caption=\"Cash selling price, gross\" inputtype=\"output\" contenttype=\"result\" address=\"E28\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=faONQDCT;metrictext=p.a.</itemdefinitions>\n </item>\n <item id=\"k6DYbHY0\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=10%;backgroundcolor=#00000000</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Products\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"pjxdkNwg\" contenttype=\"cardlist\" address=\"B31:G37\">\n <itemdefinitions>componentname=list;padding=4;height=28%;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;showsearchpanel=false;listcolumns=1::,2::,6::image,5::;detailcolumns=1,6:image,2,3,4,5;categorycolumn=5;categorycolorpalette=#eeab58,#43c696,#eb6f65,#28bbd9,#d4dca9,#f9ed69,#aa96da,#fe5f3d</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card-Definition** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/965165e8-dc6f-44aa-892e-6bab6a559a6f/public/cardBackgroundImage.jpeg?v=bScHeiEY;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-965165e8-dc6f-44aa-892e-6bab6a559a6f](https://oaa.app.link/launch-app-965165e8-dc6f-44aa-892e-6bab6a559a6f) **App-Definition** [block:code] { "codes": [ { "code": "backgroundcolor=white;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/965165e8-dc6f-44aa-892e-6bab6a559a6f/public/topAreaImage.jpeg?v=l384sbV2;topareaheight=25%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#09679b;headeropacity=5;pagecount=2", "language": "text" } ] } [/block] **XML-Raw** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Calculation\" definitions=\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <caption>Allgemein</caption>\n <description>Allgemein</description>\n <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\n <items>\n <item id=\"UNn3qXCA\" caption=\"Product name\" inputtype=\"input\" contenttype=\"toggle\" address=\"C6\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b</itemdefinitions>\n </item>\n <item id=\"8wy0xneJ\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"3dDKdwi6\" caption=\"Production volume\" inputtype=\"input\" contenttype=\"integer\" address=\"C4\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;deltastep=10;metrictext=in pcs.</itemdefinitions>\n </item>\n <item id=\"mATybpvb\" caption=\"mATybpvb\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"R15cZh8b\" caption=\"Original costs\" inputtype=\"output\" contenttype=\"result\" address=\"D20\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=mATybpvb;metrictext=per pc.</itemdefinitions>\n </item>\n <item id=\"xQAamBTM\" caption=\"Original costs\" inputtype=\"output\" contenttype=\"result\" address=\"E20\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=mATybpvb;metrictext=p.a.</itemdefinitions>\n </item>\n <item id=\"GZlgjAhk\" caption=\"Discount\" inputtype=\"input\" contenttype=\"percent\" address=\"C23\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=0.001</itemdefinitions>\n </item>\n <item id=\"JoxolC6R\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item caption=\"Target profit per pc.\" id=\"8H5Joj7T\" inputtype=\"input\" contenttype=\"percent\" address=\"C21\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;usecellformat=1;deltastep=1</itemdefinitions>\n </item>\n <item id=\"II7EpWaT\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"DcGmVRAq\" caption=\"Cash discount\" inputtype=\"input\" contenttype=\"percent\" address=\"C25\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=15%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=1</itemdefinitions>\n </item>\n <item id=\"pwajIFzx\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>\n </item>\n <item id=\"BmXvueaj\" caption=\"VAT\" inputtype=\"input\" contenttype=\"toggle\" address=\"C27\">\n <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=0.001</itemdefinitions>\n </item>\n <item id=\"faONQDCT\" caption=\"faONQDCT\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"klnGlVQs\" caption=\"Cash selling price, gross\" inputtype=\"output\" contenttype=\"result\" address=\"D28\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;metrictext=per pc.;groupname=faONQDCT</itemdefinitions>\n </item>\n <item id=\"wT71fva9\" caption=\"Cash selling price, gross\" inputtype=\"output\" contenttype=\"result\" address=\"E28\">\n <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=faONQDCT;metrictext=p.a.</itemdefinitions>\n </item>\n <item id=\"k6DYbHY0\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=10%;backgroundcolor=#00000000</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Products\">\n <excelcontent id=\"2\">\n <items>\n <item id=\"pjxdkNwg\" contenttype=\"cardlist\" address=\"B31:G37\">\n <itemdefinitions>componentname=list;padding=4;height=28%;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;showsearchpanel=false;listcolumns=1::,2::,6::image,5::;detailcolumns=1,6:image,2,3,4,5;categorycolumn=5;categorycolorpalette=#eeab58,#43c696,#eb6f65,#28bbd9,#d4dca9,#f9ed69,#aa96da,#fe5f3d</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card-Definition** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/965165e8-dc6f-44aa-892e-6bab6a559a6f/public/cardBackgroundImage.jpeg?v=bScHeiEY;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8", "language": "text" } ] } [/block]
{"_id":"584eb246bc5c7f1b00f039cd","excerpt":"","order":14,"sync_unique":"","hidden":false,"isReference":false,"link_external":false,"parentDoc":null,"project":"56123686436e0b0d0001299d","user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","body":"**Link to the app**\n[https://oaa.app.link/launch-app-9c51d04e-7716-42f2-820e-ade89691442e](https://oaa.app.link/launch-app-9c51d04e-7716-42f2-820e-ade89691442e)\n\n**Excel file for this app**\nhttps://www.dropbox.com/s/59gkq3sepk87tjl/First%20Gear%20Cockpit%20Dashboard.xlsx?dl=0\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"y-axis caption\",\n  \"body\": \"The definition **\\\"yaxiscaption= [in %];\\\"** makes it possible to define an individual caption for the axis. You have the same option for the x-axis.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/1213633-2016-12-12_15_16_04-Open_as_App.png\",\n        \"2016-12-12 15_16_04-Open as App.png\",\n        500,\n        695,\n        \"#3a4a51\"\n      ],\n      \"caption\": \"\\\"Production Dashboard\\\" Toggle\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=40494B;paddinghorz=0;topareaheight=30%;paddingvert=0;functionbuttoncolor=#5ab7ff;headeropacity=6;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/9c51d04e-7716-42f2-820e-ade89691442e/public/topAreaImage.jpeg?v=anyqiAdH;pagecount=1;printsheet=Cockpit;menuentries=print;allowpushtoserver=false\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"Allgemein\\\" definitions=\\\"sheetname=Cockpit;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <items>\\n                <item caption=\\\"Month\\\" id=\\\"7YY8XmZC\\\" inputtype=\\\"input\\\" contenttype=\\\"toggle\\\" address=\\\"A92\\\">\\n                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#3b90d1;valuetextcolor=#3b90d1;showeditbuttons=true;buttonheight=18%</itemdefinitions>\\n                </item>\\n                <item id=\\\"4OC4jMSh\\\" caption=\\\"Productivity\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"A94:B97\\\">\\n                    <itemdefinitions>height=240;charttype=column;numberformat=N1;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption= [in %];xaxiscaption=Comparative values;colorpalette=#3b90d1;valuetextcolor=whit;legendtextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item id=\\\"0I63SvGk\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"mWckZY2V\\\" caption=\\\"Set-up time\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"A102:B104\\\">\\n                    <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;xaxiscaption= [in %];colorpalette=#24689b</itemdefinitions>\\n                </item>\\n                <item id=\\\"mt1KD8gG\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#e1ffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"5xpThSu3\\\" caption=\\\"Rejects\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"A105:B106\\\">\\n                    <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;xaxiscaption=in tonnes;titletextcolor=#ffffff;colorpalette=#1b4c72</itemdefinitions>\\n                </item>\\n                <item id=\\\"jiz4XnKM\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"QMYn91mw\\\" caption=\\\"Personal (in FTE)\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"A109:B110\\\">\\n                    <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#89bce3,#3b90d1;showlegend=true;legendtextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item id=\\\"6a0WH935\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"pwJ8vLbm\\\" caption=\\\"pwJ8vLbm\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item id=\\\"VjQ3jPfF\\\" caption=\\\"Rest holiday (in days)\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"A100:B101\\\">\\n                    <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#b9d7ef,#2975b0;showlegend=true;legendtextcolor=#ffffff;groupname=pwJ8vLbm</itemdefinitions>\\n                </item>\\n                <item id=\\\"mTpiC9d8\\\" caption=\\\"Flexibility (in hours)\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"A98:B99\\\">\\n                    <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#b9d7ef,#2975b0;showlegend=true;legendtextcolor=#ffffff;groupname=pwJ8vLbm</itemdefinitions>\\n                </item>\\n                <item id=\\\"c4IZemQi\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"7USrzN5W\\\" caption=\\\"Current stock (tonnes)\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"A111:B112\\\">\\n                    <itemdefinitions>height=240;charttype=bubble;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#2e83c4;legendtextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item id=\\\"p0cnMtu2\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\\n                </item>\\n                <item id=\\\"oFE6Xtbb\\\" caption=\\\"Machine performance\\\" inputtype=\\\"output\\\" contenttype=\\\"chart\\\" address=\\\"A113:B115\\\">\\n                    <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;xaxiscaption=in hours;titletextcolor=#ffffff;colorpalette=#24689b</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/9c51d04e-7716-42f2-820e-ade89691442e/public/cardBackgroundImage.jpeg?v=MJHo0JrE;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","githubsync":"","link_url":"","next":{"pages":[],"description":""},"slug":"production-dashboard","type":"basic","updates":[],"__v":0,"api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"code":"{}","name":"","status":400,"language":"json"}]},"auth":"required","params":[],"url":"","settings":""},"category":"57fcfbde4002550e004c0475","createdAt":"2016-12-12T14:20:54.445Z","title":"Production Dashboard","childrenPages":[]}

Production Dashboard


**Link to the app** [https://oaa.app.link/launch-app-9c51d04e-7716-42f2-820e-ade89691442e](https://oaa.app.link/launch-app-9c51d04e-7716-42f2-820e-ade89691442e) **Excel file for this app** https://www.dropbox.com/s/59gkq3sepk87tjl/First%20Gear%20Cockpit%20Dashboard.xlsx?dl=0 [block:callout] { "type": "info", "title": "y-axis caption", "body": "The definition **\"yaxiscaption= [in %];\"** makes it possible to define an individual caption for the axis. You have the same option for the x-axis.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/1213633-2016-12-12_15_16_04-Open_as_App.png", "2016-12-12 15_16_04-Open as App.png", 500, 695, "#3a4a51" ], "caption": "\"Production Dashboard\" Toggle" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=40494B;paddinghorz=0;topareaheight=30%;paddingvert=0;functionbuttoncolor=#5ab7ff;headeropacity=6;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/9c51d04e-7716-42f2-820e-ade89691442e/public/topAreaImage.jpeg?v=anyqiAdH;pagecount=1;printsheet=Cockpit;menuentries=print;allowpushtoserver=false", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Allgemein\" definitions=\"sheetname=Cockpit;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <items>\n <item caption=\"Month\" id=\"7YY8XmZC\" inputtype=\"input\" contenttype=\"toggle\" address=\"A92\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#3b90d1;valuetextcolor=#3b90d1;showeditbuttons=true;buttonheight=18%</itemdefinitions>\n </item>\n <item id=\"4OC4jMSh\" caption=\"Productivity\" inputtype=\"output\" contenttype=\"chart\" address=\"A94:B97\">\n <itemdefinitions>height=240;charttype=column;numberformat=N1;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption= [in %];xaxiscaption=Comparative values;colorpalette=#3b90d1;valuetextcolor=whit;legendtextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"0I63SvGk\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"mWckZY2V\" caption=\"Set-up time\" inputtype=\"output\" contenttype=\"chart\" address=\"A102:B104\">\n <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;xaxiscaption= [in %];colorpalette=#24689b</itemdefinitions>\n </item>\n <item id=\"mt1KD8gG\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#e1ffff;</itemdefinitions>\n </item>\n <item id=\"5xpThSu3\" caption=\"Rejects\" inputtype=\"output\" contenttype=\"chart\" address=\"A105:B106\">\n <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;xaxiscaption=in tonnes;titletextcolor=#ffffff;colorpalette=#1b4c72</itemdefinitions>\n </item>\n <item id=\"jiz4XnKM\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"QMYn91mw\" caption=\"Personal (in FTE)\" inputtype=\"output\" contenttype=\"chart\" address=\"A109:B110\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#89bce3,#3b90d1;showlegend=true;legendtextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"6a0WH935\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"pwJ8vLbm\" caption=\"pwJ8vLbm\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"VjQ3jPfF\" caption=\"Rest holiday (in days)\" inputtype=\"output\" contenttype=\"chart\" address=\"A100:B101\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#b9d7ef,#2975b0;showlegend=true;legendtextcolor=#ffffff;groupname=pwJ8vLbm</itemdefinitions>\n </item>\n <item id=\"mTpiC9d8\" caption=\"Flexibility (in hours)\" inputtype=\"output\" contenttype=\"chart\" address=\"A98:B99\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#b9d7ef,#2975b0;showlegend=true;legendtextcolor=#ffffff;groupname=pwJ8vLbm</itemdefinitions>\n </item>\n <item id=\"c4IZemQi\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"7USrzN5W\" caption=\"Current stock (tonnes)\" inputtype=\"output\" contenttype=\"chart\" address=\"A111:B112\">\n <itemdefinitions>height=240;charttype=bubble;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#2e83c4;legendtextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"p0cnMtu2\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"oFE6Xtbb\" caption=\"Machine performance\" inputtype=\"output\" contenttype=\"chart\" address=\"A113:B115\">\n <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;xaxiscaption=in hours;titletextcolor=#ffffff;colorpalette=#24689b</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/9c51d04e-7716-42f2-820e-ade89691442e/public/cardBackgroundImage.jpeg?v=MJHo0JrE;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-9c51d04e-7716-42f2-820e-ade89691442e](https://oaa.app.link/launch-app-9c51d04e-7716-42f2-820e-ade89691442e) **Excel file for this app** https://www.dropbox.com/s/59gkq3sepk87tjl/First%20Gear%20Cockpit%20Dashboard.xlsx?dl=0 [block:callout] { "type": "info", "title": "y-axis caption", "body": "The definition **\"yaxiscaption= [in %];\"** makes it possible to define an individual caption for the axis. You have the same option for the x-axis.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/1213633-2016-12-12_15_16_04-Open_as_App.png", "2016-12-12 15_16_04-Open as App.png", 500, 695, "#3a4a51" ], "caption": "\"Production Dashboard\" Toggle" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=40494B;paddinghorz=0;topareaheight=30%;paddingvert=0;functionbuttoncolor=#5ab7ff;headeropacity=6;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/9c51d04e-7716-42f2-820e-ade89691442e/public/topAreaImage.jpeg?v=anyqiAdH;pagecount=1;printsheet=Cockpit;menuentries=print;allowpushtoserver=false", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Allgemein\" definitions=\"sheetname=Cockpit;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <items>\n <item caption=\"Month\" id=\"7YY8XmZC\" inputtype=\"input\" contenttype=\"toggle\" address=\"A92\">\n <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#3b90d1;valuetextcolor=#3b90d1;showeditbuttons=true;buttonheight=18%</itemdefinitions>\n </item>\n <item id=\"4OC4jMSh\" caption=\"Productivity\" inputtype=\"output\" contenttype=\"chart\" address=\"A94:B97\">\n <itemdefinitions>height=240;charttype=column;numberformat=N1;backgroundcolor=#00000000;titletextcolor=#ffffff;yaxiscaption= [in %];xaxiscaption=Comparative values;colorpalette=#3b90d1;valuetextcolor=whit;legendtextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"0I63SvGk\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"mWckZY2V\" caption=\"Set-up time\" inputtype=\"output\" contenttype=\"chart\" address=\"A102:B104\">\n <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;titletextcolor=#ffffff;xaxiscaption= [in %];colorpalette=#24689b</itemdefinitions>\n </item>\n <item id=\"mt1KD8gG\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#e1ffff;</itemdefinitions>\n </item>\n <item id=\"5xpThSu3\" caption=\"Rejects\" inputtype=\"output\" contenttype=\"chart\" address=\"A105:B106\">\n <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;xaxiscaption=in tonnes;titletextcolor=#ffffff;colorpalette=#1b4c72</itemdefinitions>\n </item>\n <item id=\"jiz4XnKM\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"QMYn91mw\" caption=\"Personal (in FTE)\" inputtype=\"output\" contenttype=\"chart\" address=\"A109:B110\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#89bce3,#3b90d1;showlegend=true;legendtextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"6a0WH935\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"pwJ8vLbm\" caption=\"pwJ8vLbm\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\n </item>\n <item id=\"VjQ3jPfF\" caption=\"Rest holiday (in days)\" inputtype=\"output\" contenttype=\"chart\" address=\"A100:B101\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#b9d7ef,#2975b0;showlegend=true;legendtextcolor=#ffffff;groupname=pwJ8vLbm</itemdefinitions>\n </item>\n <item id=\"mTpiC9d8\" caption=\"Flexibility (in hours)\" inputtype=\"output\" contenttype=\"chart\" address=\"A98:B99\">\n <itemdefinitions>height=240;charttype=donut;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#b9d7ef,#2975b0;showlegend=true;legendtextcolor=#ffffff;groupname=pwJ8vLbm</itemdefinitions>\n </item>\n <item id=\"c4IZemQi\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"7USrzN5W\" caption=\"Current stock (tonnes)\" inputtype=\"output\" contenttype=\"chart\" address=\"A111:B112\">\n <itemdefinitions>height=240;charttype=bubble;backgroundcolor=#00000000;titletextcolor=#ffffff;colorpalette=#2e83c4;legendtextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"p0cnMtu2\" caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=1;backgroundcolor=#ffffff;</itemdefinitions>\n </item>\n <item id=\"oFE6Xtbb\" caption=\"Machine performance\" inputtype=\"output\" contenttype=\"chart\" address=\"A113:B115\">\n <itemdefinitions>height=240;charttype=bar;backgroundcolor=#00000000;xaxiscaption=in hours;titletextcolor=#ffffff;colorpalette=#24689b</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/9c51d04e-7716-42f2-820e-ade89691442e/public/cardBackgroundImage.jpeg?v=MJHo0JrE;cardheight=140;carddescriptionhide=true;cardcaptionbackgroundcolor=#09679b;cardbackgroundcolor=transparent;captionheight=50;captionopacity=8", "language": "text" } ] } [/block]
{"_id":"5625334072ac510d00e4923f","next":{"description":"","pages":[]},"type":"basic","version":"56123686436e0b0d000129a0","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"language":"json","code":"{}","name":"","status":400}]},"settings":"","url":""},"body":"**Link to the app**\n[https://oaa.app.link/launch-app-b3f5bf6d-aab8-4d3b-9df2-90873b195ed0](https://oaa.app.link/launch-app-b3f5bf6d-aab8-4d3b-9df2-90873b195ed0) \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/QgIwdKCIRIyaXHNQC72F_Simulator%20Screen%20Shot%2019.10.2015,%2020.15.51.png\",\n        \"Simulator Screen Shot 19.10.2015, 20.15.51.png\",\n        \"750\",\n        \"1334\",\n        \"#cb0a11\",\n        \"\"\n      ],\n      \"caption\": \"Detail dialog with map information\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/92CaCgDvTzuCNOahmh8t_Simulator%20Screen%20Shot%2019.10.2015,%2020.15.57.png\",\n        \"Simulator Screen Shot 19.10.2015, 20.15.57.png\",\n        \"750\",\n        \"1334\",\n        \"#52a4f7\",\n        \"\"\n      ],\n      \"caption\": \"Distance list based on long/lat values\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/GO9iSBe6cVMACg2ESAnf_2015-10-19_20-18-15.png\",\n        \"2015-10-19_20-18-15.png\",\n        \"529\",\n        \"330\",\n        \"#967556\",\n        \"\"\n      ],\n      \"caption\": \"Used excel file\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App-Definition** \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"functionbuttoncolor=CB000B;topareaimage=;topareaheight=0;pagecount=2;allowpushtoserver=true;\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**XML-Raw** \n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages>\\n    <page caption=\\\"Points of interest\\\" pageid=\\\"1\\\" definitions=\\\"\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item caption=\\\"\\\" contenttype=\\\"list\\\" inputtype=\\\"\\\" id=\\\"list1\\\" address=\\\"A1\\\">\\n                    <itemdefinitions>padding=0;componentname=list;height=;metrictext=;menuentries=send,print;headeravailable=true;showcolumnheader=true;gridrowheight=50;gridcollapsegroups=false;gridallowedit=false;topareaheight=0;functionbuttoncolor=F2901D;pagebuttoncolor=384042;listcolumns=1,5,8:140,distance;detailcolumns=1,2,3,4,5,map;locationcolumns=10,9;showeditbuttons=true;listheaderblock=A1:J1;listdatablock=A2:J2;showsearchpanel=true;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page caption=\\\"Kartenansicht\\\" pageid=\\\"2\\\" definitions=\\\"\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item caption=\\\"\\\" contenttype=\\\"map\\\" inputtype=\\\"\\\">\\n                    <itemdefinitions>padding=4;componentname=map;height=;metrictext=;menuentries=send,print;namecolumn=1;detailcolumns=1,2,3,4,5,map;locationcolumns=10,9;searchcolumns=1;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card-Definition**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=http://www.wunderapps.net/brandings/hubs/poi-card.png;cardbackgroundopacity=8;cardbackgroundcolor=white;captionheight=50;captionopacity=8;cardcaptionbackgroundcolor=#cb000b;cardheight=160;carddescriptionhide=false\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","githubsync":"","link_external":false,"parentDoc":null,"user":"55b249ab348df72d001d69b7","category":"57fcfbde4002550e004c0475","excerpt":"This kind of application normally is created automatically using our app wizard. It recognizes Longitude and Latitude values and adds the functionality to the target app.","hidden":false,"link_url":"","project":"56123686436e0b0d0001299d","sync_unique":"","title":"Pickpoints - Points of interest","__v":5,"isReference":false,"order":15,"slug":"pickpoints-points-of-interest","updates":[],"createdAt":"2015-10-19T18:15:28.912Z","childrenPages":[]}

Pickpoints - Points of interest

This kind of application normally is created automatically using our app wizard. It recognizes Longitude and Latitude values and adds the functionality to the target app.

**Link to the app** [https://oaa.app.link/launch-app-b3f5bf6d-aab8-4d3b-9df2-90873b195ed0](https://oaa.app.link/launch-app-b3f5bf6d-aab8-4d3b-9df2-90873b195ed0) [block:image] { "images": [ { "image": [ "https://files.readme.io/QgIwdKCIRIyaXHNQC72F_Simulator%20Screen%20Shot%2019.10.2015,%2020.15.51.png", "Simulator Screen Shot 19.10.2015, 20.15.51.png", "750", "1334", "#cb0a11", "" ], "caption": "Detail dialog with map information" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/92CaCgDvTzuCNOahmh8t_Simulator%20Screen%20Shot%2019.10.2015,%2020.15.57.png", "Simulator Screen Shot 19.10.2015, 20.15.57.png", "750", "1334", "#52a4f7", "" ], "caption": "Distance list based on long/lat values" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/GO9iSBe6cVMACg2ESAnf_2015-10-19_20-18-15.png", "2015-10-19_20-18-15.png", "529", "330", "#967556", "" ], "caption": "Used excel file" } ], "sidebar": true } [/block] **App-Definition** [block:code] { "codes": [ { "code": "functionbuttoncolor=CB000B;topareaimage=;topareaheight=0;pagecount=2;allowpushtoserver=true;", "language": "text" } ] } [/block] **XML-Raw** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Points of interest\" pageid=\"1\" definitions=\"\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"\" contenttype=\"list\" inputtype=\"\" id=\"list1\" address=\"A1\">\n <itemdefinitions>padding=0;componentname=list;height=;metrictext=;menuentries=send,print;headeravailable=true;showcolumnheader=true;gridrowheight=50;gridcollapsegroups=false;gridallowedit=false;topareaheight=0;functionbuttoncolor=F2901D;pagebuttoncolor=384042;listcolumns=1,5,8:140,distance;detailcolumns=1,2,3,4,5,map;locationcolumns=10,9;showeditbuttons=true;listheaderblock=A1:J1;listdatablock=A2:J2;showsearchpanel=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page caption=\"Kartenansicht\" pageid=\"2\" definitions=\"\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"\" contenttype=\"map\" inputtype=\"\">\n <itemdefinitions>padding=4;componentname=map;height=;metrictext=;menuentries=send,print;namecolumn=1;detailcolumns=1,2,3,4,5,map;locationcolumns=10,9;searchcolumns=1;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card-Definition** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/hubs/poi-card.png;cardbackgroundopacity=8;cardbackgroundcolor=white;captionheight=50;captionopacity=8;cardcaptionbackgroundcolor=#cb000b;cardheight=160;carddescriptionhide=false", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-b3f5bf6d-aab8-4d3b-9df2-90873b195ed0](https://oaa.app.link/launch-app-b3f5bf6d-aab8-4d3b-9df2-90873b195ed0) [block:image] { "images": [ { "image": [ "https://files.readme.io/QgIwdKCIRIyaXHNQC72F_Simulator%20Screen%20Shot%2019.10.2015,%2020.15.51.png", "Simulator Screen Shot 19.10.2015, 20.15.51.png", "750", "1334", "#cb0a11", "" ], "caption": "Detail dialog with map information" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/92CaCgDvTzuCNOahmh8t_Simulator%20Screen%20Shot%2019.10.2015,%2020.15.57.png", "Simulator Screen Shot 19.10.2015, 20.15.57.png", "750", "1334", "#52a4f7", "" ], "caption": "Distance list based on long/lat values" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/GO9iSBe6cVMACg2ESAnf_2015-10-19_20-18-15.png", "2015-10-19_20-18-15.png", "529", "330", "#967556", "" ], "caption": "Used excel file" } ], "sidebar": true } [/block] **App-Definition** [block:code] { "codes": [ { "code": "functionbuttoncolor=CB000B;topareaimage=;topareaheight=0;pagecount=2;allowpushtoserver=true;", "language": "text" } ] } [/block] **XML-Raw** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page caption=\"Points of interest\" pageid=\"1\" definitions=\"\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"\" contenttype=\"list\" inputtype=\"\" id=\"list1\" address=\"A1\">\n <itemdefinitions>padding=0;componentname=list;height=;metrictext=;menuentries=send,print;headeravailable=true;showcolumnheader=true;gridrowheight=50;gridcollapsegroups=false;gridallowedit=false;topareaheight=0;functionbuttoncolor=F2901D;pagebuttoncolor=384042;listcolumns=1,5,8:140,distance;detailcolumns=1,2,3,4,5,map;locationcolumns=10,9;showeditbuttons=true;listheaderblock=A1:J1;listdatablock=A2:J2;showsearchpanel=true;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page caption=\"Kartenansicht\" pageid=\"2\" definitions=\"\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"\" contenttype=\"map\" inputtype=\"\">\n <itemdefinitions>padding=4;componentname=map;height=;metrictext=;menuentries=send,print;namecolumn=1;detailcolumns=1,2,3,4,5,map;locationcolumns=10,9;searchcolumns=1;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card-Definition** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/hubs/poi-card.png;cardbackgroundopacity=8;cardbackgroundcolor=white;captionheight=50;captionopacity=8;cardcaptionbackgroundcolor=#cb000b;cardheight=160;carddescriptionhide=false", "language": "text" } ] } [/block]
{"_id":"57fd0bce4002550e004c0482","excerpt":"","order":16,"project":"56123686436e0b0d0001299d","sync_unique":"","user":"56f00bdbd2877b34002479f1","__v":1,"createdAt":"2016-10-11T15:57:02.351Z","link_url":"","type":"basic","updates":[],"body":"**Link to the app**\n[https://oaa.app.link/launch-app-c78d42f1-1c9d-4896-921e-9daab78b2f29](https://oaa.app.link/launch-app-c78d42f1-1c9d-4896-921e-9daab78b2f29)\n\n**Excel file for this app**\nhttps://oaadata.blob.core.windows.net/app-12264a4f-95c2-4ded-a82b-5ee0a4ba26a7/data.xlsx\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/6bf572e-IMG_0169.PNG\",\n        \"IMG_0169.PNG\",\n        640,\n        1136,\n        \"#51def3\"\n      ],\n      \"caption\": \"\\\"All about circles\\\" Calculations\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"categories=new,math;pagecount=1;backgroundcolor=white;paddinghorz=15;paddingvert=15;functionbuttoncolor=#ffe447;headeropacity=8;backgroundimage=https://oaafiles.blob.core.windows.net/images/themes/greenFuel_background.jpeg;topareaheight=26%;spacing=8;topareaimage=http://www.wunderapps.net/brandings/categories/mathe.png\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages>\\n    <page pageid=\\\"1\\\" caption=\\\"Allgemein\\\" definitions=\\\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\\\">\\n        <excelcontent id=\\\"xxx\\\">\\n            <items>\\n                <item caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=0%;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Radius\\\" inputtype=\\\"input\\\" contenttype=\\\"integer\\\" address=\\\"B3\\\">\\n                    <itemdefinitions>metrictext=in cm;buttonheight=20%;showeditbuttons=true;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Diameter\\\" inputtype=\\\"output\\\" contenttype=\\\"integer\\\" address=\\\"B5\\\">\\n                    <itemdefinitions>buttonheight=16%;metrictext=cm;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Circumference\\\" inputtype=\\\"output\\\" contenttype=\\\"integer\\\" address=\\\"B6\\\">\\n                    <itemdefinitions>buttonheight=16%;metrictext=cm;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Area\\\" inputtype=\\\"output\\\" contenttype=\\\"integer\\\" address=\\\"B7\\\">\\n                    <itemdefinitions>buttonheight=16%;metrictext=cm;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item id=\\\"3fCu8aww\\\" caption=\\\"Sphere\\\" contenttype=\\\"header\\\">\\n                    <itemdefinitions>height=10%;buttonradius=8;backgroundcolor=#9ec1db;textcolor=#ffffff;textfontsize=21</itemdefinitions>\\n                </item>\\n                <item id=\\\"IhyyCo7E\\\" caption=\\\"IhyyCo7E\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;buttonradius=0;backgroundcolor=#ff0000;elementcolor=#000000;valuetextcolor=#000000;captiontextcolor=#ffffff;separatorcolor=transparent;columnspacing=8;bordercolor=transparent</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Surface\\\" inputtype=\\\"output\\\" contenttype=\\\"integer\\\" address=\\\"B9\\\">\\n                    <itemdefinitions>buttonheight=16%;groupname=IhyyCo7E;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Volume\\\" inputtype=\\\"output\\\" contenttype=\\\"integer\\\" address=\\\"B10\\\">\\n                    <itemdefinitions>buttonheight=16%;groupname=IhyyCo7E;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=http://www.wunderapps.net/brandings/categories/mathe.png;carddescriptionhide=true;cardcaptionbackgroundcolor=#ed2a2a2a;cardbackgroundcolor=transparent\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","category":"57fcfbde4002550e004c0475","next":{"description":"","pages":[]},"slug":"all-about-circles","title":"All about circles","link_external":false,"hidden":false,"isReference":false,"parentDoc":null,"version":"56123686436e0b0d000129a0","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"githubsync":"","childrenPages":[]}

All about circles


**Link to the app** [https://oaa.app.link/launch-app-c78d42f1-1c9d-4896-921e-9daab78b2f29](https://oaa.app.link/launch-app-c78d42f1-1c9d-4896-921e-9daab78b2f29) **Excel file for this app** https://oaadata.blob.core.windows.net/app-12264a4f-95c2-4ded-a82b-5ee0a4ba26a7/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/6bf572e-IMG_0169.PNG", "IMG_0169.PNG", 640, 1136, "#51def3" ], "caption": "\"All about circles\" Calculations" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "categories=new,math;pagecount=1;backgroundcolor=white;paddinghorz=15;paddingvert=15;functionbuttoncolor=#ffe447;headeropacity=8;backgroundimage=https://oaafiles.blob.core.windows.net/images/themes/greenFuel_background.jpeg;topareaheight=26%;spacing=8;topareaimage=http://www.wunderapps.net/brandings/categories/mathe.png", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page pageid=\"1\" caption=\"Allgemein\" definitions=\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=0%;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Radius\" inputtype=\"input\" contenttype=\"integer\" address=\"B3\">\n <itemdefinitions>metrictext=in cm;buttonheight=20%;showeditbuttons=true;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Diameter\" inputtype=\"output\" contenttype=\"integer\" address=\"B5\">\n <itemdefinitions>buttonheight=16%;metrictext=cm;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Circumference\" inputtype=\"output\" contenttype=\"integer\" address=\"B6\">\n <itemdefinitions>buttonheight=16%;metrictext=cm;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Area\" inputtype=\"output\" contenttype=\"integer\" address=\"B7\">\n <itemdefinitions>buttonheight=16%;metrictext=cm;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"3fCu8aww\" caption=\"Sphere\" contenttype=\"header\">\n <itemdefinitions>height=10%;buttonradius=8;backgroundcolor=#9ec1db;textcolor=#ffffff;textfontsize=21</itemdefinitions>\n </item>\n <item id=\"IhyyCo7E\" caption=\"IhyyCo7E\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;buttonradius=0;backgroundcolor=#ff0000;elementcolor=#000000;valuetextcolor=#000000;captiontextcolor=#ffffff;separatorcolor=transparent;columnspacing=8;bordercolor=transparent</itemdefinitions>\n </item>\n <item caption=\"Surface\" inputtype=\"output\" contenttype=\"integer\" address=\"B9\">\n <itemdefinitions>buttonheight=16%;groupname=IhyyCo7E;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Volume\" inputtype=\"output\" contenttype=\"integer\" address=\"B10\">\n <itemdefinitions>buttonheight=16%;groupname=IhyyCo7E;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/categories/mathe.png;carddescriptionhide=true;cardcaptionbackgroundcolor=#ed2a2a2a;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-c78d42f1-1c9d-4896-921e-9daab78b2f29](https://oaa.app.link/launch-app-c78d42f1-1c9d-4896-921e-9daab78b2f29) **Excel file for this app** https://oaadata.blob.core.windows.net/app-12264a4f-95c2-4ded-a82b-5ee0a4ba26a7/data.xlsx [block:image] { "images": [ { "image": [ "https://files.readme.io/6bf572e-IMG_0169.PNG", "IMG_0169.PNG", 640, 1136, "#51def3" ], "caption": "\"All about circles\" Calculations" } ], "sidebar": true } [/block] **App Definitions** [block:code] { "codes": [ { "code": "categories=new,math;pagecount=1;backgroundcolor=white;paddinghorz=15;paddingvert=15;functionbuttoncolor=#ffe447;headeropacity=8;backgroundimage=https://oaafiles.blob.core.windows.net/images/themes/greenFuel_background.jpeg;topareaheight=26%;spacing=8;topareaimage=http://www.wunderapps.net/brandings/categories/mathe.png", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages>\n <page pageid=\"1\" caption=\"Allgemein\" definitions=\"summarywidth=110;summaryopacity=6;summarybackgroundcolor=#AC190D\">\n <excelcontent id=\"xxx\">\n <items>\n <item caption=\"spacer\" inputtype=\"\" contenttype=\"spacer\">\n <itemdefinitions>height=0%;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Radius\" inputtype=\"input\" contenttype=\"integer\" address=\"B3\">\n <itemdefinitions>metrictext=in cm;buttonheight=20%;showeditbuttons=true;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Diameter\" inputtype=\"output\" contenttype=\"integer\" address=\"B5\">\n <itemdefinitions>buttonheight=16%;metrictext=cm;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Circumference\" inputtype=\"output\" contenttype=\"integer\" address=\"B6\">\n <itemdefinitions>buttonheight=16%;metrictext=cm;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Area\" inputtype=\"output\" contenttype=\"integer\" address=\"B7\">\n <itemdefinitions>buttonheight=16%;metrictext=cm;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item id=\"3fCu8aww\" caption=\"Sphere\" contenttype=\"header\">\n <itemdefinitions>height=10%;buttonradius=8;backgroundcolor=#9ec1db;textcolor=#ffffff;textfontsize=21</itemdefinitions>\n </item>\n <item id=\"IhyyCo7E\" caption=\"IhyyCo7E\" inputtype=\"output\" contenttype=\"grouplayout\">\n <itemdefinitions>buttonheight=90;buttonradius=0;backgroundcolor=#ff0000;elementcolor=#000000;valuetextcolor=#000000;captiontextcolor=#ffffff;separatorcolor=transparent;columnspacing=8;bordercolor=transparent</itemdefinitions>\n </item>\n <item caption=\"Surface\" inputtype=\"output\" contenttype=\"integer\" address=\"B9\">\n <itemdefinitions>buttonheight=16%;groupname=IhyyCo7E;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n <item caption=\"Volume\" inputtype=\"output\" contenttype=\"integer\" address=\"B10\">\n <itemdefinitions>buttonheight=16%;groupname=IhyyCo7E;buttonradius=8;backgroundcolor=#abb659;elementcolor=white;valuetextcolor=#ffffff;captiontextcolor=#ffffff</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=http://www.wunderapps.net/brandings/categories/mathe.png;carddescriptionhide=true;cardcaptionbackgroundcolor=#ed2a2a2a;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
{"_id":"57fd0e419e8c480e00a62b32","excerpt":"","slug":"salespeople-kpi","version":"56123686436e0b0d000129a0","category":"57fcfbde4002550e004c0475","link_url":"","order":18,"parentDoc":null,"sync_unique":"","type":"basic","__v":1,"body":"**Link to the app**\n[https://oaa.app.link/launch-app-d6042035-a59a-495d-aa56-aae799f299de](https://oaa.app.link/launch-app-d6042035-a59a-495d-aa56-aae799f299de) \n\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=white;paddinghorz=0;paddingvert=0;functionbuttoncolor=09679B;pagecount=2\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page pageid=\\\"1\\\" caption=\\\"Sales People KPI\\\" definitions=\\\"sheetname=Sales Team;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <items>\\n                <item id=\\\"LT8i7pJs\\\" caption=\\\"\\\" inputtype=\\\"\\\" contenttype=\\\"list\\\" address=\\\"&apos;Sales Team&apos;!B5\\\">\\n                    <itemdefinitions>componentname=list;gridtheme=dark;padding=0;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;drilldowncolumns=17,6,8,15,16,14;sumcolumns=18,19;listcolumns=22::image,4::text,3::text,6::text,9::email,7::phone,11::text,14::text,2::text,8::toggle,10::address,12,15::text,16::text,17::number,18::currency,19::currency,distance;detailcolumns=5,22:image,6:text,9:email,7:phone,13:address,14:text,8:toggle,15:text,16:text,17:number,18:currency,19:currency,map;locationcolumns=21,20;showsearchpanel=true;startwithdashboard=true</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page pageid=\\\"2\\\" caption=\\\"Map View\\\" definitions=\\\"sheetname=Sales Team;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <items>\\n                <item id=\\\"MVh4yHTX\\\" caption=\\\"\\\" inputtype=\\\"\\\" contenttype=\\\"map\\\" address=\\\"&apos;Sales Team&apos;!B5\\\">\\n                    <itemdefinitions>padding=0;componentname=map;height=;metrictext=;searchcolumns=;detailcolumns=5,22:image,6:text,9:email,7:phone,13:address,14:text,8:toggle,15:text,16:text,17:number,18:currency,19:currency,map;locationcolumns=21,20;namecolumn=5;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n</pages>\",\n      \"language\": \"xml\"\n    }\n  ]\n}\n[/block]\n**Card Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"cardbackgroundimage=https://oaafiles.blob.core.windows.net/images/themes/cards/blue-top.jpg;carddescriptionhide=true;cardcaptionbackgroundcolor=#cc3b90d1;cardbackgroundcolor=transparent\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]","githubsync":"","next":{"description":"","pages":[]},"project":"56123686436e0b0d0001299d","user":"56f00bdbd2877b34002479f1","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"createdAt":"2016-10-11T16:07:29.566Z","hidden":false,"isReference":false,"link_external":false,"title":"Salespeople KPI","updates":[],"childrenPages":[]}

Salespeople KPI


**Link to the app** [https://oaa.app.link/launch-app-d6042035-a59a-495d-aa56-aae799f299de](https://oaa.app.link/launch-app-d6042035-a59a-495d-aa56-aae799f299de) **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=white;paddinghorz=0;paddingvert=0;functionbuttoncolor=09679B;pagecount=2", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Sales People KPI\" definitions=\"sheetname=Sales Team;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"LT8i7pJs\" caption=\"\" inputtype=\"\" contenttype=\"list\" address=\"&apos;Sales Team&apos;!B5\">\n <itemdefinitions>componentname=list;gridtheme=dark;padding=0;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;drilldowncolumns=17,6,8,15,16,14;sumcolumns=18,19;listcolumns=22::image,4::text,3::text,6::text,9::email,7::phone,11::text,14::text,2::text,8::toggle,10::address,12,15::text,16::text,17::number,18::currency,19::currency,distance;detailcolumns=5,22:image,6:text,9:email,7:phone,13:address,14:text,8:toggle,15:text,16:text,17:number,18:currency,19:currency,map;locationcolumns=21,20;showsearchpanel=true;startwithdashboard=true</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Map View\" definitions=\"sheetname=Sales Team;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"MVh4yHTX\" caption=\"\" inputtype=\"\" contenttype=\"map\" address=\"&apos;Sales Team&apos;!B5\">\n <itemdefinitions>padding=0;componentname=map;height=;metrictext=;searchcolumns=;detailcolumns=5,22:image,6:text,9:email,7:phone,13:address,14:text,8:toggle,15:text,16:text,17:number,18:currency,19:currency,map;locationcolumns=21,20;namecolumn=5;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://oaafiles.blob.core.windows.net/images/themes/cards/blue-top.jpg;carddescriptionhide=true;cardcaptionbackgroundcolor=#cc3b90d1;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
**Link to the app** [https://oaa.app.link/launch-app-d6042035-a59a-495d-aa56-aae799f299de](https://oaa.app.link/launch-app-d6042035-a59a-495d-aa56-aae799f299de) **App Definitions** [block:code] { "codes": [ { "code": "backgroundcolor=white;paddinghorz=0;paddingvert=0;functionbuttoncolor=09679B;pagecount=2", "language": "text" } ] } [/block] **Raw XML Configuration** [block:code] { "codes": [ { "code": "<?xml version=\"1.0\" encoding=\"utf-8\"?>\n<pages\n xmlns=\"urn:WunderApp\">\n <page pageid=\"1\" caption=\"Sales People KPI\" definitions=\"sheetname=Sales Team;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"LT8i7pJs\" caption=\"\" inputtype=\"\" contenttype=\"list\" address=\"&apos;Sales Team&apos;!B5\">\n <itemdefinitions>componentname=list;gridtheme=dark;padding=0;gridrowheight=40;gridcollapsegroups=false;gridallowedit=false;headeravailable=true;showcolumnheader=true;drilldowncolumns=17,6,8,15,16,14;sumcolumns=18,19;listcolumns=22::image,4::text,3::text,6::text,9::email,7::phone,11::text,14::text,2::text,8::toggle,10::address,12,15::text,16::text,17::number,18::currency,19::currency,distance;detailcolumns=5,22:image,6:text,9:email,7:phone,13:address,14:text,8:toggle,15:text,16:text,17:number,18:currency,19:currency,map;locationcolumns=21,20;showsearchpanel=true;startwithdashboard=true</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n <page pageid=\"2\" caption=\"Map View\" definitions=\"sheetname=Sales Team;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\">\n <excelcontent id=\"1\">\n <items>\n <item id=\"MVh4yHTX\" caption=\"\" inputtype=\"\" contenttype=\"map\" address=\"&apos;Sales Team&apos;!B5\">\n <itemdefinitions>padding=0;componentname=map;height=;metrictext=;searchcolumns=;detailcolumns=5,22:image,6:text,9:email,7:phone,13:address,14:text,8:toggle,15:text,16:text,17:number,18:currency,19:currency,map;locationcolumns=21,20;namecolumn=5;</itemdefinitions>\n </item>\n </items>\n </excelcontent>\n </page>\n</pages>", "language": "xml" } ] } [/block] **Card Definitions** [block:code] { "codes": [ { "code": "cardbackgroundimage=https://oaafiles.blob.core.windows.net/images/themes/cards/blue-top.jpg;carddescriptionhide=true;cardcaptionbackgroundcolor=#cc3b90d1;cardbackgroundcolor=transparent", "language": "text" } ] } [/block]
{"_id":"57fd15c20072502200fa94d9","parentDoc":null,"slug":"business-report","user":"56f00bdbd2877b34002479f1","api":{"results":{"codes":[{"name":"","status":200,"language":"json","code":"{}"},{"language":"json","code":"{}","name":"","status":400}]},"settings":"","auth":"required","params":[],"url":""},"body":"**Link to the app**\n[https://oaa.app.link/launch-app-ee847e13-4970-433b-a865-f387c0c7e484](https://oaa.app.link/launch-app-ee847e13-4970-433b-a865-f387c0c7e484) \n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"<item caption=\\\"Turnover outlook\\\" contenttype=\\\"chart\\\" id=\\\"WgbEGocj\\\" inputtype=\\\"output\\\" address=\\\"B23:F23;B24:F24;B25:F25\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=months;chartorientation=horizontal;showdatamarkers=false;showeditbuttons=B23:G23;seriescaptions=Budget,Forecast;showlegend=true;legendtextcolor=#ffffff;colorpalette=#edad52,#21BADA;buttonheight=33%;separatorcolor=white;groupname=vixdCcak;</itemdefinitions>\\n                </item>\",\n  \"title\": \"Grouped column chart with multiple series\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/c2af2fd-columnstacked-2.PNG\",\n        \"columnstacked-2.PNG\",\n        640,\n        1136,\n        \"#414b4c\"\n      ],\n      \"caption\": \"Grouped column chart with multiple series\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**Excel file for this app**\nhttps://www.dropbox.com/s/lq8gitrdxmw9xoh/Report%20Demo.xlsx?dl=1&raw=1\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/922fbe0-IMG_0182.PNG\",\n        \"IMG_0182.PNG\",\n        640,\n        1136,\n        \"#454e50\"\n      ],\n      \"caption\": \"\\\"Business Report\\\" Overview Dashboard\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/4ba4052-IMG_0183.PNG\",\n        \"IMG_0183.PNG\",\n        640,\n        1136,\n        \"#454e50\"\n      ],\n      \"caption\": \"\\\"Business Report\\\" Regions Dashboard\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/3d6cd63-IMG_0184.PNG\",\n        \"IMG_0184.PNG\",\n        640,\n        1136,\n        \"#484c54\"\n      ],\n      \"caption\": \"\\\"Business Report\\\" Details List\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/a95a2a0-IMG_0185.PNG\",\n        \"IMG_0185.PNG\",\n        640,\n        1136,\n        \"#313846\"\n      ],\n      \"caption\": \"\\\"Business Report\\\" Dynamic Dashboard Generated from List Data\",\n      \"sizing\": \"smart\",\n      \"border\": false\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n**App Definitions**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"backgroundcolor=40494B;topareaheight=20%;paddinghorz=0;paddingvert=0;functionbuttoncolor=#f39a1d;headeropacity=8;pagecount=3;printsheet=Report Summary;menuentries=print;headerfade=true;topareaimage=https://api.openasapp.net/v1/api/EntityImageStorage/AppStorage/ee847e13-4970-433b-a865-f387c0c7e484/public/topAreaImage-8e4f782da14f4de68b13b45aaa298500.jpeg\",\n      \"language\": \"text\"\n    }\n  ]\n}\n[/block]\n**Raw XML Configuration**\n[block:code]\n{\n  \"codes\": [\n    {\n      \"code\": \"<?xml version=\\\"1.0\\\" encoding=\\\"utf-8\\\"?>\\n<pages\\n    xmlns=\\\"urn:WunderApp\\\">\\n    <page caption=\\\"Overview\\\" pageid=\\\"1\\\" definitions=\\\"sheetname=Report Summary;summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;\\\">\\n        <excelcontent id=\\\"1\\\">\\n            <caption>Allgemein</caption>\\n            <description>Allgemein</description>\\n            <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>\\n            <items>\\n                <item caption=\\\"qiSy6ImI\\\" contenttype=\\\"grouplayout\\\" id=\\\"qiSy6ImI\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Turnover Sales - current month\\\" contenttype=\\\"chart\\\" id=\\\"LaFP5E2h\\\" inputtype=\\\"output\\\" address=\\\"B4:D4;B21:D21\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=#00000000;numberformat=N0;month;chartorientation=horizontal;colorpalette=#d32531;showeditbuttons=B4:D4;groupname=qiSy6ImI;titletextcolor=#ffffff;yaxiscaption= [kEURO];xaxiscaption=current;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Delta\\\" contenttype=\\\"result\\\" id=\\\"jBiT7phZ\\\" inputtype=\\\"output\\\" address=\\\"E21\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#40494b;usecellformat=true;buttonheight=55;valuefontsize=15;groupname=qiSy6ImI;elementwidth=80;captionhorzalign=center;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"PDR0HFAM\\\" contenttype=\\\"grouplayout\\\" id=\\\"PDR0HFAM\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Turnover Sales - accumulated\\\" contenttype=\\\"chart\\\" id=\\\"JPSBtUMO\\\" inputtype=\\\"output\\\" address=\\\"G4:I4;G21:I21\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=accumulated;chartorientation=horizontal;numberformat=N0;colorpalette=#d32531;showeditbuttons=G4:I4;showlegend=false;legendtextcolor=#ffffff;groupname=PDR0HFAM;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Delta\\\" contenttype=\\\"result\\\" id=\\\"I7QDgI7S\\\" inputtype=\\\"output\\\" address=\\\"J21\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#40494b;usecellformat=true;buttonheight=55;valuefontsize=15;groupname=PDR0HFAM;elementwidth=80;captionhorzalign=center;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"KNKi4Lr0\\\" contenttype=\\\"grouplayout\\\" id=\\\"KNKi4Lr0\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Turnover sales area A - current month\\\" contenttype=\\\"chart\\\" id=\\\"MUqY3N5c\\\" inputtype=\\\"output\\\" address=\\\"B4:D4;B12:D12\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=current month;chartorientation=horizontal;colorpalette=#21bada;showeditbuttons=B4:E4;groupname=KNKi4Lr0;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Delta\\\" contenttype=\\\"integer\\\" id=\\\"HcnSTXbJ\\\" inputtype=\\\"output\\\" address=\\\"E12\\\">\\n                    <itemdefinitions>backgroundcolor=#40494b;elementcolor=#09679b;valuetextcolor=#ffffff;showeditbuttons=true;numberformat=P0;buttonheight=55;valuefontsize=15;groupname=KNKi4Lr0;elementwidth=80;captionhorzalign=center;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"HXxzhti7\\\" contenttype=\\\"grouplayout\\\" id=\\\"HXxzhti7\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Turnover sales area A - accumulated\\\" contenttype=\\\"chart\\\" id=\\\"N5EmaeYp\\\" inputtype=\\\"output\\\" address=\\\"G4:I4;G12:I12\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=accumulated;chartorientation=horizontal;colorpalette=#2172da;showeditbuttons=G4:I4;groupname=HXxzhti7;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Delta\\\" contenttype=\\\"result\\\" id=\\\"3vtlZAJL\\\" inputtype=\\\"output\\\" address=\\\"J12\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#40494b;usecellformat=true;buttonheight=55;valuefontsize=15;valuetextcolor=#ffffff;groupname=HXxzhti7;elementwidth=80;captionhorzalign=center;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"oqWEKO8E\\\" contenttype=\\\"grouplayout\\\" id=\\\"oqWEKO8E\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Turnover sales R&amp;D - current month\\\" contenttype=\\\"chart\\\" id=\\\"WBDyRZEK\\\" inputtype=\\\"output\\\" address=\\\"B4:E4;B19:D19\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=currrent month;chartorientation=horizontal;colorpalette=#ec7063;showeditbuttons=G4:I4;groupname=oqWEKO8E;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Delta\\\" contenttype=\\\"result\\\" id=\\\"HMJ0dGRj\\\" inputtype=\\\"output\\\" address=\\\"E19\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#40494b;usecellformat=true;buttonheight=55;valuefontsize=15;valuetextcolor=#ffffff;groupname=oqWEKO8E;elementwidth=80;captionhorzalign=center;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"J4bsk9Jv\\\" contenttype=\\\"grouplayout\\\" id=\\\"J4bsk9Jv\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Turnover sales R&amp;D - accumulated\\\" contenttype=\\\"chart\\\" id=\\\"OWxERfnY\\\" inputtype=\\\"output\\\" address=\\\"G4:I4;G19:I19\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=accumulated;chartorientation=horizontal;colorpalette=#db5c8d;showeditbuttons=G4:I4;groupname=J4bsk9Jv;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Delta\\\" contenttype=\\\"result\\\" id=\\\"Nbfi1F8U\\\" inputtype=\\\"output\\\" address=\\\"J19\\\">\\n                    <itemdefinitions>nocaption=true;backgroundcolor=#40494b;usecellformat=true;valuetextcolor=#ffffff;buttonheight=55;valuefontsize=15;groupname=J4bsk9Jv;elementwidth=80;captionhorzalign=center;</itemdefinitions>\\n                </item>\\n                <item id=\\\"vixdCcak\\\" caption=\\\"vixdCcak\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Turnover outlook\\\" contenttype=\\\"chart\\\" id=\\\"WgbEGocj\\\" inputtype=\\\"output\\\" address=\\\"B23:F23;B24:F24;B25:F25\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=months;chartorientation=horizontal;showdatamarkers=false;showeditbuttons=B23:G23;seriescaptions=Budget,Forecast;showlegend=true;legendtextcolor=#ffffff;colorpalette=#edad52,#21BADA;buttonheight=33%;separatorcolor=white;groupname=vixdCcak;</itemdefinitions>\\n                </item>\\n                <item id=\\\"AE27585v\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=25%;backgroundcolor=#00000000;groupname=vixdCcak;elementwidth=1;</itemdefinitions>\\n                </item>\\n                <item id=\\\"NhKubkf9\\\" caption=\\\"NhKubkf9\\\" inputtype=\\\"output\\\" contenttype=\\\"grouplayout\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;paddingright=45;paddingleft=45;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Deal Funnel\\\" contenttype=\\\"chart\\\" id=\\\"N7tzSADQ\\\" inputtype=\\\"output\\\" address=\\\"A31:B35\\\">\\n                    <itemdefinitions>height=240;charttype=funnel;backgroundcolor=transparent;titletextcolor=white;colorpalette=f88f8f,83abe3,84e383,e886c0,83cde3;showeditbuttons=A31:A3;showlegend=true;legendtextcolor=#ffffff;buttonheight=33;separatorcolor=CFCFCF;groupname=NhKubkf9;</itemdefinitions>\\n                </item>\\n                <item id=\\\"lAF66jgQ\\\" caption=\\\"spacer\\\" inputtype=\\\"\\\" contenttype=\\\"spacer\\\">\\n                    <itemdefinitions>height=25%;backgroundcolor=#00000000;groupname=NhKubkf9;separatorcolor=CFCFCF;elementwidth=1;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"Customer Satisfaction\\\" contenttype=\\\"chart\\\" id=\\\"UIagsZpZ\\\" inputtype=\\\"output\\\" address=\\\"A39:B43\\\">\\n                    <itemdefinitions>height=240;charttype=polar;backgroundcolor=transparent;titletextcolor=white;colorpalette=#18a4f2;</itemdefinitions>\\n                </item>\\n            </items>\\n        </excelcontent>\\n    </page>\\n    <page caption=\\\"Regions\\\" pageid=\\\"2\\\" definitions=\\\"sheetname=Regionen Charts;\\\">\\n        <excelcontent id=\\\"2\\\">\\n            <items>\\n                <item caption=\\\"0WnFcmjk\\\" contenttype=\\\"grouplayout\\\" id=\\\"0WnFcmjk\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU1\\\" contenttype=\\\"chart\\\" id=\\\"wu0UJkR31\\\" inputtype=\\\"output\\\" address=\\\"B5:D5\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=current;chartorientation=horizontal;colorpalette=#6cce3e;groupname=0WnFcmjk;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU1\\\" contenttype=\\\"chart\\\" id=\\\"tZ8reUCN1\\\" inputtype=\\\"output\\\" address=\\\"H5:J5\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=accumulated;chartorientation=horizontal;colorpalette=#3cc795;groupname=0WnFcmjk;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"m3Ogs1Se\\\" contenttype=\\\"grouplayout\\\" id=\\\"m3Ogs1Se\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU2\\\" contenttype=\\\"chart\\\" id=\\\"wu0UJkR32\\\" inputtype=\\\"output\\\" address=\\\"B8:D8\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=current;chartorientation=horizontal;colorpalette=#6cce3e;groupname=m3Ogs1Se;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU2\\\" contenttype=\\\"chart\\\" id=\\\"tZ8reUCN2\\\" inputtype=\\\"output\\\" address=\\\"H8:J8\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=accumulated;chartorientation=horizontal;colorpalette=#3cc795;groupname=m3Ogs1Se;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"3HO5o3xe\\\" contenttype=\\\"grouplayout\\\" id=\\\"3HO5o3xe\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU3\\\" contenttype=\\\"chart\\\" id=\\\"wu0UJkR33\\\" inputtype=\\\"output\\\" address=\\\"B11:D11\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=current;chartorientation=horizontal;colorpalette=#6cce3e;groupname=3HO5o3xe;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU3\\\" contenttype=\\\"chart\\\" id=\\\"tZ8reUCN3\\\" inputtype=\\\"output\\\" address=\\\"H11:J11\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=accumulated;chartorientation=horizontal;colorpalette=#3cc795;groupname=3HO5o3xe;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"YTQmX56h\\\" contenttype=\\\"grouplayout\\\" id=\\\"YTQmX56h\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU4\\\" contenttype=\\\"chart\\\" id=\\\"wu0UJkR4\\\" inputtype=\\\"output\\\" address=\\\"B14:D14\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=current;chartorientation=horizontal;colorpalette=#6cce3e;groupname=YTQmX56h;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU4\\\" contenttype=\\\"chart\\\" id=\\\"tZ8reUCN4\\\" inputtype=\\\"output\\\" address=\\\"H14:J14\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=accumulated;chartorientation=horizontal;colorpalette=#3cc795;groupname=YTQmX56h;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"0Ab2hmqW\\\" contenttype=\\\"grouplayout\\\" id=\\\"0Ab2hmqW\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU5\\\" contenttype=\\\"chart\\\" id=\\\"wu0UJkR35\\\" inputtype=\\\"output\\\" address=\\\"B17:D17\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=current;chartorientation=horizontal;colorpalette=#6cce3e;groupname=0Ab2hmqW;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU5\\\" contenttype=\\\"chart\\\" id=\\\"tZ8reUCN5\\\" inputtype=\\\"output\\\" address=\\\"H17:J17\\\">\\n                    <itemdefinitions>height=240;charttype=column;backgroundcolor=transparent;titletextcolor=white;yaxiscaption= [kEURO];xaxiscaption=accumulated;chartorientation=horizontal;colorpalette=#3cc795;groupname=0Ab2hmqW;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"J0bQezZN\\\" contenttype=\\\"grouplayout\\\" id=\\\"J0bQezZN\\\" inputtype=\\\"output\\\">\\n                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>\\n                </item>\\n                <item caption=\\\"EU6\\\" con