{"__v":9,"_id":"56adbfa918b32f0d00ba660f","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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","createdAt":"2016-01-31T08:02:49.020Z","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.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":0,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"intro","sync_unique":"","title":"Introduction to Open as App","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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)
{"__v":5,"_id":"56adc006be2c040d00d5a068","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"The Instant App Creator is your front end to create apps based on spreadsheets or csv files. It can be accessed via www.openasapp.net and is available free of costs for all users creating apps for the public Open as App hub or for a group with limited users.\n\nTo use Open as App in your company for more than 5 user please see our pricing model on [https://www.openasapp.net/](https://www.openasapp.net/).\n\nIf you would like to create your first app now please go directly to www.openasapp.net and read through our tutorial to get more tipps on editing and enhancing your apps.","category":"56ad1bd72a7860170013f707","createdAt":"2016-01-31T08:04:22.785Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":1,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"the-app-creator","sync_unique":"","title":"1. The Instant App Creator","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","childrenPages":[]}

1. The Instant App Creator


The Instant App Creator is your front end to create apps based on spreadsheets or csv files. It can be accessed via www.openasapp.net and is available free of costs for all users creating apps for the public Open as App hub or for a group with limited users. To use Open as App in your company for more than 5 user please see our pricing model on [https://www.openasapp.net/](https://www.openasapp.net/). If you would like to create your first app now please go directly to www.openasapp.net and read through our tutorial to get more tipps on editing and enhancing your apps.
The Instant App Creator is your front end to create apps based on spreadsheets or csv files. It can be accessed via www.openasapp.net and is available free of costs for all users creating apps for the public Open as App hub or for a group with limited users. To use Open as App in your company for more than 5 user please see our pricing model on [https://www.openasapp.net/](https://www.openasapp.net/). If you would like to create your first app now please go directly to www.openasapp.net and read through our tutorial to get more tipps on editing and enhancing your apps.
{"__v":3,"_id":"56adbfe818b32f0d00ba6611","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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 on your desktop, tablet and (as far as it makes sense) on your Smartphone. It will show you all your apps as tiles and provide you with all the menu functions you need to create, share and manage your apps. \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"App dashboard - your start screen\"\n}\n[/block]\nYou can sort your apps and group them xxxx\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Menu functions\"\n}\n[/block]\nOn the left hand side you will find a menu showing you all the functions. \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Sharing apps\"\n}\n[/block]","category":"56ad1bd72a7860170013f707","createdAt":"2016-01-31T08:03:52.390Z","excerpt":"","githubsync":"","hidden":false,"link_external":false,"link_url":"","order":2,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"the-management-portal","sync_unique":"","title":"2. The app management portal","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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 on your desktop, tablet and (as far as it makes sense) on your Smartphone. It will show you all your apps as tiles and provide you with all the menu functions you need to create, share and manage your apps. [block:api-header] { "type": "basic", "title": "App dashboard - your start screen" } [/block] You can sort your apps and group them xxxx [block:api-header] { "type": "basic", "title": "Menu functions" } [/block] On the left hand side you will find a menu showing you all the functions. [block:api-header] { "type": "basic", "title": "Sharing apps" } [/block]
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 on your desktop, tablet and (as far as it makes sense) on your Smartphone. It will show you all your apps as tiles and provide you with all the menu functions you need to create, share and manage your apps. [block:api-header] { "type": "basic", "title": "App dashboard - your start screen" } [/block] You can sort your apps and group them xxxx [block:api-header] { "type": "basic", "title": "Menu functions" } [/block] On the left hand side you will find a menu showing you all the functions. [block:api-header] { "type": "basic", "title": "Sharing apps" } [/block]
{"__v":21,"_id":"56ad1bf01c09150d00a1839b","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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 an app on the \"public Open as App Hub\" 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 WindowsXX (Desktop/Tablet), Windows Phone, IOS XXX (iPad/iPhone), Android (Google). 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 link to accept. Then you will see the respective app tile on your app dashboard.\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 XXX and 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}\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    }\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, All, Team Hubs, Recents and Info. \n\nACTIVE VIEW will show you all Apps or your Favorite Apps.\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:** Will show you all apps sorted by XXXXX\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.\nIMG_1684.PNG\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/Users/angelikamethner/Dropbox/CeBIT 2016/screens/IMG_1683.PNG\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.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Start using the app player on more than one device\"\n}\n[/block]\nIf you add another device to an already working app portfolio please register on XXXX. Then you can be sure that your entire app portfolio will be on all devices you are using. The same applies if you want to transfer your portfolio to another device.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Delete or move the app player\"\n}\n[/block]\nIf you do not longer wish to use the app player on your device you can delete it like any other app on your device.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Keeping your app portfolio\",\n  \"body\": \"If you delete the only app player you are using all apps and app invitations will be lost. So make sure to register as an admin before deleting your app player.\"\n}\n[/block]","category":"56ad1bd72a7860170013f707","createdAt":"2016-01-30T20:24:16.721Z","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.","githubsync":"","hidden":false,"link_external":false,"link_url":"","order":3,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"the-main-view","sync_unique":"","title":"3. The application player","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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 an app on the "public Open as App Hub" 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 WindowsXX (Desktop/Tablet), Windows Phone, IOS XXX (iPad/iPhone), Android (Google). 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 link to accept. Then you will see the respective app tile on your app dashboard. [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 XXX and 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." } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/G5KWz9U0QbWXvJTNtdNg_IMG_1691.PNG", "IMG_1691.PNG", "1242", "2208", "#dd2e32", "" ], "sizing": "smart" } ] } [/block] **The main menu ** On the left hand side a hideable menu bar shows all your apps in the categories Active View, All, Team Hubs, Recents and Info. ACTIVE VIEW will show you all Apps or your Favorite Apps. **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:** Will show you all apps sorted by XXXXX 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. IMG_1684.PNG 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. /Users/angelikamethner/Dropbox/CeBIT 2016/screens/IMG_1683.PNG **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. [block:api-header] { "type": "basic", "title": "Start using the app player on more than one device" } [/block] If you add another device to an already working app portfolio please register on XXXX. Then you can be sure that your entire app portfolio will be on all devices you are using. The same applies if you want to transfer your portfolio to another device. [block:api-header] { "type": "basic", "title": "Delete or move the app player" } [/block] If you do not longer wish to use the app player on your device you can delete it like any other app on your device. [block:callout] { "type": "info", "title": "Keeping your app portfolio", "body": "If you delete the only app player you are using all apps and app invitations will be lost. So make sure to register as an admin before deleting your app player." } [/block]
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 an app on the "public Open as App Hub" 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 WindowsXX (Desktop/Tablet), Windows Phone, IOS XXX (iPad/iPhone), Android (Google). 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 link to accept. Then you will see the respective app tile on your app dashboard. [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 XXX and 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." } ] } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/G5KWz9U0QbWXvJTNtdNg_IMG_1691.PNG", "IMG_1691.PNG", "1242", "2208", "#dd2e32", "" ], "sizing": "smart" } ] } [/block] **The main menu ** On the left hand side a hideable menu bar shows all your apps in the categories Active View, All, Team Hubs, Recents and Info. ACTIVE VIEW will show you all Apps or your Favorite Apps. **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:** Will show you all apps sorted by XXXXX 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. IMG_1684.PNG 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. /Users/angelikamethner/Dropbox/CeBIT 2016/screens/IMG_1683.PNG **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. [block:api-header] { "type": "basic", "title": "Start using the app player on more than one device" } [/block] If you add another device to an already working app portfolio please register on XXXX. Then you can be sure that your entire app portfolio will be on all devices you are using. The same applies if you want to transfer your portfolio to another device. [block:api-header] { "type": "basic", "title": "Delete or move the app player" } [/block] If you do not longer wish to use the app player on your device you can delete it like any other app on your device. [block:callout] { "type": "info", "title": "Keeping your app portfolio", "body": "If you delete the only app player you are using all apps and app invitations will be lost. So make sure to register as an admin before deleting your app player." } [/block]
{"__v":4,"_id":"56b09cfe7835250d000ffe0d","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\": \"What format should my data source have?\"\n}\n[/block]\nYou can use an Excel Spreadsheet or a Google file as input. Also you use cvs files or 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.xxxxxx This way your portfolio will not be lost when moving the app to another device or can be accessed on other devices, too.","category":"56ad1bd72a7860170013f707","createdAt":"2016-02-02T12:11:42.746Z","excerpt":"","githubsync":"","hidden":false,"link_external":false,"link_url":"","order":4,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"frequently-asked-questions-1","sync_unique":"","title":"Frequently asked questions","type":"basic","updates":[],"user":"568aede397d8960d0012ab79","version":"56123686436e0b0d000129a0","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 use cvs files or 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.xxxxxx 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 use cvs files or 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.xxxxxx This way your portfolio will not be lost when moving the app to another device or can be accessed on other devices, too.
{"__v":42,"_id":"56240b71ba17400d00da5671","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\": \"Run the app wizard\"\n}\n[/block]\nTo create your first app - simply click on the \"create your app now\" button on our website. This will open our application wizard.\n[block:embed]\n{\n  \"html\": false,\n  \"url\": \"http://www.openasapp.net\",\n  \"title\": \"openasapp\",\n  \"favicon\": \"http://www.openasapp.net/favicon.ico\",\n  \"image\": \"http://www.openasapp.net/images/landing-page/excel-list-full.97b2a093.png\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/f4uuQRthQxOWhVF0tc1f_create-app-button.png\",\n        \"create-app-button.png\",\n        \"1902\",\n        \"780\",\n        \"#f2055d\",\n        \"\"\n      ],\n      \"caption\": \"Start from the main website \\\"www.openasapp.net\\\"\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Upload your Spreadsheet\"\n}\n[/block]\nFirst step of the wizard is \"Data\". \nHere you can upload your existing Excel sheet and the wizard will immediately try to create an app out of it.\n\nYou can upload an Excel or CSV file from your computer.\nYou can upload an Excel or CSV file from your Dropbox. \nYou can choose an online file (e.g. Google Sheets or SharePoint URLs).\nYou can build an app based on a formula.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/V1oLTTlwStmIGxXj2V7u_upload-spreadsheet.png\",\n        \"upload-spreadsheet.png\",\n        \"1920\",\n        \"956\",\n        \"#f2065d\",\n        \"\"\n      ],\n      \"caption\": \"You can upload an Excel or CSV file from your computer or your Dropbox or choose an online file (e.g. Google Sheets or SharePoint URLs)\"\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"LibreOffice / OpenOffice Calc spreadsheets\",\n  \"body\": \"LibreOffice and OpenOffice Calc save spreadsheets in its native '.ods' (OpenDocument) format.\\n\\nTo create an app using a spreadsheet created with LibreOffice or OpenOffice Calc make sure your file is saved as '**.xlxs**'.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Choose a template\"\n}\n[/block]\nAfter your file is uploaded the wizard will suggest some app templates based on the type of data in your spreadsheet. In this example we uploaded a simple calculator.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/2X3FbEa3S6ORzhpH8ZIr_template-calculation-circle.png\",\n        \"template-calculation-circle.png\",\n        \"1903\",\n        \"955\",\n        \"#ed0959\",\n        \"\"\n      ],\n      \"caption\": \"The app wizard is separated in two areas: the spreadsheet area and the app preview.\"\n    }\n  ]\n}\n[/block]","category":"56123687436e0b0d000129a1","createdAt":"2015-10-18T21:13:21.771Z","excerpt":"In this chapter we want to give you a short introduction in how to create your first application.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":0,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"how-to-create-your-first-app","sync_unique":"","title":"1. How to create your first app","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","childrenPages":[]}

1. How to create your first app

In this chapter we want to give you a short introduction in how to create your first application.

[block:api-header] { "type": "basic", "title": "Run the app wizard" } [/block] To create your first app - simply click on the "create your app now" button on our website. This will open our application wizard. [block:embed] { "html": false, "url": "http://www.openasapp.net", "title": "openasapp", "favicon": "http://www.openasapp.net/favicon.ico", "image": "http://www.openasapp.net/images/landing-page/excel-list-full.97b2a093.png" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/f4uuQRthQxOWhVF0tc1f_create-app-button.png", "create-app-button.png", "1902", "780", "#f2055d", "" ], "caption": "Start from the main website \"www.openasapp.net\"" } ] } [/block] [block:api-header] { "type": "basic", "title": "Upload your Spreadsheet" } [/block] First step of the wizard is "Data". Here you can upload your existing Excel sheet and the wizard will immediately try to create an app out of it. You can upload an Excel or CSV file from your computer. You can upload an Excel or CSV file from your Dropbox. You can choose an online file (e.g. Google Sheets or SharePoint URLs). You can build an app based on a formula. [block:image] { "images": [ { "image": [ "https://files.readme.io/V1oLTTlwStmIGxXj2V7u_upload-spreadsheet.png", "upload-spreadsheet.png", "1920", "956", "#f2065d", "" ], "caption": "You can upload an Excel or CSV file from your computer or your Dropbox or choose an online file (e.g. Google Sheets or SharePoint URLs)" } ] } [/block] [block:callout] { "type": "info", "title": "LibreOffice / OpenOffice Calc spreadsheets", "body": "LibreOffice and OpenOffice Calc save spreadsheets in its native '.ods' (OpenDocument) format.\n\nTo create an app using a spreadsheet created with LibreOffice or OpenOffice Calc make sure your file is saved as '**.xlxs**'." } [/block] [block:api-header] { "type": "basic", "title": "Choose a template" } [/block] After your file is uploaded the wizard will suggest some app templates based on the type of data in your spreadsheet. In this example we uploaded a simple calculator. [block:image] { "images": [ { "image": [ "https://files.readme.io/2X3FbEa3S6ORzhpH8ZIr_template-calculation-circle.png", "template-calculation-circle.png", "1903", "955", "#ed0959", "" ], "caption": "The app wizard is separated in two areas: the spreadsheet area and the app preview." } ] } [/block]
[block:api-header] { "type": "basic", "title": "Run the app wizard" } [/block] To create your first app - simply click on the "create your app now" button on our website. This will open our application wizard. [block:embed] { "html": false, "url": "http://www.openasapp.net", "title": "openasapp", "favicon": "http://www.openasapp.net/favicon.ico", "image": "http://www.openasapp.net/images/landing-page/excel-list-full.97b2a093.png" } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/f4uuQRthQxOWhVF0tc1f_create-app-button.png", "create-app-button.png", "1902", "780", "#f2055d", "" ], "caption": "Start from the main website \"www.openasapp.net\"" } ] } [/block] [block:api-header] { "type": "basic", "title": "Upload your Spreadsheet" } [/block] First step of the wizard is "Data". Here you can upload your existing Excel sheet and the wizard will immediately try to create an app out of it. You can upload an Excel or CSV file from your computer. You can upload an Excel or CSV file from your Dropbox. You can choose an online file (e.g. Google Sheets or SharePoint URLs). You can build an app based on a formula. [block:image] { "images": [ { "image": [ "https://files.readme.io/V1oLTTlwStmIGxXj2V7u_upload-spreadsheet.png", "upload-spreadsheet.png", "1920", "956", "#f2065d", "" ], "caption": "You can upload an Excel or CSV file from your computer or your Dropbox or choose an online file (e.g. Google Sheets or SharePoint URLs)" } ] } [/block] [block:callout] { "type": "info", "title": "LibreOffice / OpenOffice Calc spreadsheets", "body": "LibreOffice and OpenOffice Calc save spreadsheets in its native '.ods' (OpenDocument) format.\n\nTo create an app using a spreadsheet created with LibreOffice or OpenOffice Calc make sure your file is saved as '**.xlxs**'." } [/block] [block:api-header] { "type": "basic", "title": "Choose a template" } [/block] After your file is uploaded the wizard will suggest some app templates based on the type of data in your spreadsheet. In this example we uploaded a simple calculator. [block:image] { "images": [ { "image": [ "https://files.readme.io/2X3FbEa3S6ORzhpH8ZIr_template-calculation-circle.png", "template-calculation-circle.png", "1903", "955", "#ed0959", "" ], "caption": "The app wizard is separated in two areas: the spreadsheet area and the app preview." } ] } [/block]
{"__v":10,"_id":"56f020e2332da41700f24b80","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"We have prepared a very easy example. This calculator calculates different circle values for a given radius. It has one entry cell (for the radius) and 4 result cells.\n[block:embed]\n{\n  \"html\": false,\n  \"url\": \"http://www.wunderapps.net/tutorials/kreise.xlsx\",\n  \"title\": null,\n  \"favicon\": \"http://www.wunderapps.net/favicon.ico\",\n  \"iframe\": false\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Select app cells\"\n}\n[/block]\nAfter you have confirmed the template you have to select all cells you want to appear in the app.\n\nIn our example there is only one input cell: B3 (radius).\n\nThe output values are located in the cells B5, B6, B7 and B8. Simply click on these cells in the order you want them to appear in your app. After a few seconds the creator will display the corresponding preview.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/5nMS4wErTFqeML4hvH9V_design-select-cells.png\",\n        \"design-select-cells.png\",\n        \"1903\",\n        \"953\",\n        \"#36577a\",\n        \"\"\n      ],\n      \"caption\": \"Preview of your uploaded Excel sheet\"\n    }\n  ]\n}\n[/block]\nAs you can see the wizard automatically adds captions from the left column. \nYou can rearrange and move the cells in later steps.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"A note about the preview\",\n  \"body\": \"At this time the preview is not functional. That means it will not react and behave like the real app on your smartphone or Windows desktop. It's just a preview. We will add more functionality in the future.\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"More complex apps\",\n  \"body\": \"There is no need to change the Excel sheet for us to work. We simply use the given cells as input and output. That means you can build apps based on very complex sheets. \\n\\nPlease ensure correct formatting of the cells in your spreadsheet. (Right click - 'Format Cells...') E.g. cells containing a number or percentage should be formatted as such.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Additional design\"\n}\n[/block]\nYou can e.g. add, arrange or group your cells, add a chart, define a printsheet or push data here.  \n\nThis step is not mandatory. For simplicity and because this example contains only 5 cells we will skip this step.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/VJZJxaoETWFG62YDrcfH_additional-design.png\",\n        \"additional-design.png\",\n        \"1902\",\n        \"955\",\n        \"#36577a\",\n        \"\"\n      ],\n      \"caption\": \"In this step you can make complex spreadsheets more user-friendly (by grouping cells, adding a chart,...)\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Styling your app\"\n}\n[/block]\nIn step 4 you can select a color scheme for your app and chose a custom header image.\n\nYou can choose an image from the Open as App gallery or upload your own image. Please note that the max size is 1024 KB.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/aVThROanTfqe3FITnH0X_style-1.png\",\n        \"style-1.png\",\n        \"1904\",\n        \"955\",\n        \"#365678\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Name and Create\"\n}\n[/block]\nIn the last step of the creation process you can give your app a name and add some additional information. Your app can be found under this name in the app player. This name will also appear in the header of your app.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/QJiIR1dpRmaH6itJmevu_create%20step%20readme.png\",\n        \"create step readme.png\",\n        \"1902\",\n        \"955\",\n        \"#395a7f\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"warning\",\n  \"title\": \"Don't forget..\",\n  \"body\": \"In order to complete the process, you have to click on the button 'create and start using my app'.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Congratulations page\"\n}\n[/block]\nThis is the confirmation page. \nFrom here you can start your app (viathe Open as App Windows 10 app).\nGo to the administration page of this app\nor Create the next app.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/RnbQBwp0Rpa6l5M01SUD_confirmation-page.png\",\n        \"confirmation-page.png\",\n        \"1920\",\n        \"953\",\n        \"#f4055e\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Email notification\",\n  \"body\": \"You will also receive an email that contains a link to your app. You can open the link on your mobile device and the calculator app will open in the app player.\"\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"Example of a very simple calculator based on an Excel sheet\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/hRhHo8CASMqYVaU10wAo_Simulator%20Screen%20Shot%2019.10.2015,%2015.48.36.png\",\n        \"Simulator Screen Shot 19.10.2015, 15.48.36.png\",\n        \"750\",\n        \"1334\",\n        \"#4f7f86\",\n        \"\"\n      ],\n      \"caption\": \"\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"The wizard automaticaly adds captions from the left column.\",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Lvb4Q5KToG2hqjVlOadS_2015-10-19_16-21-39.png\",\n        \"2015-10-19_16-21-39.png\",\n        \"588\",\n        \"396\",\n        \"#234547\",\n        \"\"\n      ],\n      \"caption\": \"This is how our spreadsheet looks like.\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]","category":"56123687436e0b0d000129a1","createdAt":"2016-03-21T16:27:14.572Z","excerpt":"In this chapter we will build a calculation app.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":1,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"how-to-create-an-app-based-on-a-calculator","sync_unique":"","title":"2. How to create an app based on a calculator","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","childrenPages":[]}

2. How to create an app based on a calculator

In this chapter we will build a calculation app.

We have prepared a very easy example. This calculator calculates different circle values for a given radius. It has one entry cell (for the radius) and 4 result cells. [block:embed] { "html": false, "url": "http://www.wunderapps.net/tutorials/kreise.xlsx", "title": null, "favicon": "http://www.wunderapps.net/favicon.ico", "iframe": false } [/block] [block:api-header] { "type": "basic", "title": "Select app cells" } [/block] After you have confirmed the template you have to select all cells you want to appear in the app. In our example there is only one input cell: B3 (radius). The output values are located in the cells B5, B6, B7 and B8. Simply click on these cells in the order you want them to appear in your app. After a few seconds the creator will display the corresponding preview. [block:image] { "images": [ { "image": [ "https://files.readme.io/5nMS4wErTFqeML4hvH9V_design-select-cells.png", "design-select-cells.png", "1903", "953", "#36577a", "" ], "caption": "Preview of your uploaded Excel sheet" } ] } [/block] As you can see the wizard automatically adds captions from the left column. You can rearrange and move the cells in later steps. [block:callout] { "type": "info", "title": "A note about the preview", "body": "At this time the preview is not functional. That means it will not react and behave like the real app on your smartphone or Windows desktop. It's just a preview. We will add more functionality in the future." } [/block] [block:callout] { "type": "info", "title": "More complex apps", "body": "There is no need to change the Excel sheet for us to work. We simply use the given cells as input and output. That means you can build apps based on very complex sheets. \n\nPlease ensure correct formatting of the cells in your spreadsheet. (Right click - 'Format Cells...') E.g. cells containing a number or percentage should be formatted as such." } [/block] [block:api-header] { "type": "basic", "title": "Additional design" } [/block] You can e.g. add, arrange or group your cells, add a chart, define a printsheet or push data here. This step is not mandatory. For simplicity and because this example contains only 5 cells we will skip this step. [block:image] { "images": [ { "image": [ "https://files.readme.io/VJZJxaoETWFG62YDrcfH_additional-design.png", "additional-design.png", "1902", "955", "#36577a", "" ], "caption": "In this step you can make complex spreadsheets more user-friendly (by grouping cells, adding a chart,...)" } ] } [/block] [block:api-header] { "type": "basic", "title": "Styling your app" } [/block] In step 4 you can select a color scheme for your app and chose a custom header image. You can choose an image from the Open as App gallery or upload your own image. Please note that the max size is 1024 KB. [block:image] { "images": [ { "image": [ "https://files.readme.io/aVThROanTfqe3FITnH0X_style-1.png", "style-1.png", "1904", "955", "#365678", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Name and Create" } [/block] In the last step of the creation process you can give your app a name and add some additional information. Your app can be found under this name in the app player. This name will also appear in the header of your app. [block:image] { "images": [ { "image": [ "https://files.readme.io/QJiIR1dpRmaH6itJmevu_create%20step%20readme.png", "create step readme.png", "1902", "955", "#395a7f", "" ] } ] } [/block] [block:callout] { "type": "warning", "title": "Don't forget..", "body": "In order to complete the process, you have to click on the button 'create and start using my app'." } [/block] [block:api-header] { "type": "basic", "title": "Congratulations page" } [/block] This is the confirmation page. From here you can start your app (viathe Open as App Windows 10 app). Go to the administration page of this app or Create the next app. [block:image] { "images": [ { "image": [ "https://files.readme.io/RnbQBwp0Rpa6l5M01SUD_confirmation-page.png", "confirmation-page.png", "1920", "953", "#f4055e", "" ] } ] } [/block] [block:callout] { "type": "info", "title": "Email notification", "body": "You will also receive an email that contains a link to your app. You can open the link on your mobile device and the calculator app will open in the app player." } [/block] [block:textarea] { "text": "Example of a very simple calculator based on an Excel sheet", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/hRhHo8CASMqYVaU10wAo_Simulator%20Screen%20Shot%2019.10.2015,%2015.48.36.png", "Simulator Screen Shot 19.10.2015, 15.48.36.png", "750", "1334", "#4f7f86", "" ], "caption": "" } ], "sidebar": true } [/block] [block:textarea] { "text": "The wizard automaticaly adds captions from the left column.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/Lvb4Q5KToG2hqjVlOadS_2015-10-19_16-21-39.png", "2015-10-19_16-21-39.png", "588", "396", "#234547", "" ], "caption": "This is how our spreadsheet looks like." } ], "sidebar": true } [/block]
We have prepared a very easy example. This calculator calculates different circle values for a given radius. It has one entry cell (for the radius) and 4 result cells. [block:embed] { "html": false, "url": "http://www.wunderapps.net/tutorials/kreise.xlsx", "title": null, "favicon": "http://www.wunderapps.net/favicon.ico", "iframe": false } [/block] [block:api-header] { "type": "basic", "title": "Select app cells" } [/block] After you have confirmed the template you have to select all cells you want to appear in the app. In our example there is only one input cell: B3 (radius). The output values are located in the cells B5, B6, B7 and B8. Simply click on these cells in the order you want them to appear in your app. After a few seconds the creator will display the corresponding preview. [block:image] { "images": [ { "image": [ "https://files.readme.io/5nMS4wErTFqeML4hvH9V_design-select-cells.png", "design-select-cells.png", "1903", "953", "#36577a", "" ], "caption": "Preview of your uploaded Excel sheet" } ] } [/block] As you can see the wizard automatically adds captions from the left column. You can rearrange and move the cells in later steps. [block:callout] { "type": "info", "title": "A note about the preview", "body": "At this time the preview is not functional. That means it will not react and behave like the real app on your smartphone or Windows desktop. It's just a preview. We will add more functionality in the future." } [/block] [block:callout] { "type": "info", "title": "More complex apps", "body": "There is no need to change the Excel sheet for us to work. We simply use the given cells as input and output. That means you can build apps based on very complex sheets. \n\nPlease ensure correct formatting of the cells in your spreadsheet. (Right click - 'Format Cells...') E.g. cells containing a number or percentage should be formatted as such." } [/block] [block:api-header] { "type": "basic", "title": "Additional design" } [/block] You can e.g. add, arrange or group your cells, add a chart, define a printsheet or push data here. This step is not mandatory. For simplicity and because this example contains only 5 cells we will skip this step. [block:image] { "images": [ { "image": [ "https://files.readme.io/VJZJxaoETWFG62YDrcfH_additional-design.png", "additional-design.png", "1902", "955", "#36577a", "" ], "caption": "In this step you can make complex spreadsheets more user-friendly (by grouping cells, adding a chart,...)" } ] } [/block] [block:api-header] { "type": "basic", "title": "Styling your app" } [/block] In step 4 you can select a color scheme for your app and chose a custom header image. You can choose an image from the Open as App gallery or upload your own image. Please note that the max size is 1024 KB. [block:image] { "images": [ { "image": [ "https://files.readme.io/aVThROanTfqe3FITnH0X_style-1.png", "style-1.png", "1904", "955", "#365678", "" ] } ] } [/block] [block:api-header] { "type": "basic", "title": "Name and Create" } [/block] In the last step of the creation process you can give your app a name and add some additional information. Your app can be found under this name in the app player. This name will also appear in the header of your app. [block:image] { "images": [ { "image": [ "https://files.readme.io/QJiIR1dpRmaH6itJmevu_create%20step%20readme.png", "create step readme.png", "1902", "955", "#395a7f", "" ] } ] } [/block] [block:callout] { "type": "warning", "title": "Don't forget..", "body": "In order to complete the process, you have to click on the button 'create and start using my app'." } [/block] [block:api-header] { "type": "basic", "title": "Congratulations page" } [/block] This is the confirmation page. From here you can start your app (viathe Open as App Windows 10 app). Go to the administration page of this app or Create the next app. [block:image] { "images": [ { "image": [ "https://files.readme.io/RnbQBwp0Rpa6l5M01SUD_confirmation-page.png", "confirmation-page.png", "1920", "953", "#f4055e", "" ] } ] } [/block] [block:callout] { "type": "info", "title": "Email notification", "body": "You will also receive an email that contains a link to your app. You can open the link on your mobile device and the calculator app will open in the app player." } [/block] [block:textarea] { "text": "Example of a very simple calculator based on an Excel sheet", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/hRhHo8CASMqYVaU10wAo_Simulator%20Screen%20Shot%2019.10.2015,%2015.48.36.png", "Simulator Screen Shot 19.10.2015, 15.48.36.png", "750", "1334", "#4f7f86", "" ], "caption": "" } ], "sidebar": true } [/block] [block:textarea] { "text": "The wizard automaticaly adds captions from the left column.", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/Lvb4Q5KToG2hqjVlOadS_2015-10-19_16-21-39.png", "2015-10-19_16-21-39.png", "588", "396", "#234547", "" ], "caption": "This is how our spreadsheet looks like." } ], "sidebar": true } [/block]
{"__v":21,"_id":"5625287923053b2300f59685","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\": \"Run the app wizard\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Upload your Spreadsheet\"\n}\n[/block]\nWe have prepared a very easy example. An address list with contact information.\n[block:embed]\n{\n  \"html\": false,\n  \"url\": \"http://www.wunderapps.net/tutorials/salespeople.xlsx\",\n  \"title\": null,\n  \"favicon\": \"http://www.wunderapps.net/favicon.ico\"\n}\n[/block]\nPlease ensure the first row of your spreadsheet contains the name of the column. This will be the caption in your app.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/g08xWNm5R0Wq05bhCbTb_2015-10-19_19-33-23.png\",\n        \"2015-10-19_19-33-23.png\",\n        \"581\",\n        \"308\",\n        \"#865240\",\n        \"\"\n      ],\n      \"caption\": \"Captions are taken from the first row.\"\n    }\n  ]\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Choose a template\"\n}\n[/block]\nAfter your file is uploaded the wizard will suggest some app templates based on the type of data in your spreadsheet.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/n5cKRv1nRU64eLXX3kKL_contact-list.png\",\n        \"contact-list.png\",\n        \"1902\",\n        \"955\",\n        \"#eb0a5c\",\n        \"\"\n      ],\n      \"caption\": \"The app wizard is separated in two areas: the spreadsheet area and the app preview.\"\n    }\n  ]\n}\n[/block]\nThe app wizard tries to analyse your list columns and values. ID columns or not so important information is automatically hidden and a powerful list app will be defined.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/yGhEK0MhSGSMfERRIJDy_IMG_1055.PNG\",\n        \"IMG_1055.PNG\",\n        \"1242\",\n        \"2208\",\n        \"#4ba5dc\",\n        \"\"\n      ],\n      \"caption\": \"Address list sample\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/SCAmQSiRlGWR6LYvpxSg_IMG_1058.PNG\",\n        \"IMG_1058.PNG\",\n        \"1242\",\n        \"2208\",\n        \"#4aa5dd\",\n        \"\"\n      ],\n      \"caption\": \"Filtering\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/W07c9lCDR8Oc3c9bEFSk_IMG_1056.PNG\",\n        \"IMG_1056.PNG\",\n        \"1242\",\n        \"2208\",\n        \"#47b057\",\n        \"\"\n      ],\n      \"caption\": \"Detail dialog\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"A note about the preview\",\n  \"body\": \"At this time the preview is not functional. That means it will not react and behave like the real app on your smartphone or Windows desktop. It's just a preview. We will add more functionality in the future.\"\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Lists are created automatically\",\n  \"body\": \"Normally apps can be created on the fly without user interaction.\"\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"0-0\": \"Filtering\",\n    \"2-0\": \"Grouping\",\n    \"3-0\": \"Detail dialog\",\n    \"1-0\": \"Sorting\",\n    \"3-1\": \"with functional editors: call phone numbers, show in map, create emails, ...\",\n    \"1-1\": \"simply click on a column header\",\n    \"0-1\": \"search for entries\",\n    \"2-1\": \"group by every column information\"\n  },\n  \"cols\": 2,\n  \"rows\": 4\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"danger\",\n  \"title\": \"Admin functionality not complete right now\",\n  \"body\": \"Right now the admin functionality is not complete and so you need to define special functionality like sort column, group column or column positions inside the raw configuration.\"\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/Di5Kvp66SmqV5dR6rhaG_2015-10-19_19-43-32.png\",\n        \"2015-10-19_19-43-32.png\",\n        \"1228\",\n        \"782\",\n        \"#e3535a\",\n        \"\"\n      ],\n      \"caption\": \"Raw definition\"\n    }\n  ]\n}\n[/block]","category":"56123687436e0b0d000129a1","createdAt":"2015-10-19T17:29:29.264Z","excerpt":"In this chapter we want to show you how to create a simple contact list.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":2,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"how-to-create-an-app-based-on-a-list","sync_unique":"","title":"3. How to create an app based on a contact list","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","childrenPages":[]}

3. How to create an app based on a contact list

In this chapter we want to show you how to create a simple contact list.

[block:api-header] { "type": "basic", "title": "Run the app wizard" } [/block] [block:api-header] { "type": "basic", "title": "Upload your Spreadsheet" } [/block] We have prepared a very easy example. An address list with contact information. [block:embed] { "html": false, "url": "http://www.wunderapps.net/tutorials/salespeople.xlsx", "title": null, "favicon": "http://www.wunderapps.net/favicon.ico" } [/block] Please ensure the first row of your spreadsheet contains the name of the column. This will be the caption in your app. [block:image] { "images": [ { "image": [ "https://files.readme.io/g08xWNm5R0Wq05bhCbTb_2015-10-19_19-33-23.png", "2015-10-19_19-33-23.png", "581", "308", "#865240", "" ], "caption": "Captions are taken from the first row." } ] } [/block] [block:api-header] { "type": "basic", "title": "Choose a template" } [/block] After your file is uploaded the wizard will suggest some app templates based on the type of data in your spreadsheet. [block:image] { "images": [ { "image": [ "https://files.readme.io/n5cKRv1nRU64eLXX3kKL_contact-list.png", "contact-list.png", "1902", "955", "#eb0a5c", "" ], "caption": "The app wizard is separated in two areas: the spreadsheet area and the app preview." } ] } [/block] The app wizard tries to analyse your list columns and values. ID columns or not so important information is automatically hidden and a powerful list app will be defined. [block:image] { "images": [ { "image": [ "https://files.readme.io/yGhEK0MhSGSMfERRIJDy_IMG_1055.PNG", "IMG_1055.PNG", "1242", "2208", "#4ba5dc", "" ], "caption": "Address list sample" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/SCAmQSiRlGWR6LYvpxSg_IMG_1058.PNG", "IMG_1058.PNG", "1242", "2208", "#4aa5dd", "" ], "caption": "Filtering" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/W07c9lCDR8Oc3c9bEFSk_IMG_1056.PNG", "IMG_1056.PNG", "1242", "2208", "#47b057", "" ], "caption": "Detail dialog" } ], "sidebar": true } [/block] [block:callout] { "type": "info", "title": "A note about the preview", "body": "At this time the preview is not functional. That means it will not react and behave like the real app on your smartphone or Windows desktop. It's just a preview. We will add more functionality in the future." } [/block] [block:callout] { "type": "info", "title": "Lists are created automatically", "body": "Normally apps can be created on the fly without user interaction." } [/block] [block:parameters] { "data": { "0-0": "Filtering", "2-0": "Grouping", "3-0": "Detail dialog", "1-0": "Sorting", "3-1": "with functional editors: call phone numbers, show in map, create emails, ...", "1-1": "simply click on a column header", "0-1": "search for entries", "2-1": "group by every column information" }, "cols": 2, "rows": 4 } [/block] [block:callout] { "type": "danger", "title": "Admin functionality not complete right now", "body": "Right now the admin functionality is not complete and so you need to define special functionality like sort column, group column or column positions inside the raw configuration." } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/Di5Kvp66SmqV5dR6rhaG_2015-10-19_19-43-32.png", "2015-10-19_19-43-32.png", "1228", "782", "#e3535a", "" ], "caption": "Raw definition" } ] } [/block]
[block:api-header] { "type": "basic", "title": "Run the app wizard" } [/block] [block:api-header] { "type": "basic", "title": "Upload your Spreadsheet" } [/block] We have prepared a very easy example. An address list with contact information. [block:embed] { "html": false, "url": "http://www.wunderapps.net/tutorials/salespeople.xlsx", "title": null, "favicon": "http://www.wunderapps.net/favicon.ico" } [/block] Please ensure the first row of your spreadsheet contains the name of the column. This will be the caption in your app. [block:image] { "images": [ { "image": [ "https://files.readme.io/g08xWNm5R0Wq05bhCbTb_2015-10-19_19-33-23.png", "2015-10-19_19-33-23.png", "581", "308", "#865240", "" ], "caption": "Captions are taken from the first row." } ] } [/block] [block:api-header] { "type": "basic", "title": "Choose a template" } [/block] After your file is uploaded the wizard will suggest some app templates based on the type of data in your spreadsheet. [block:image] { "images": [ { "image": [ "https://files.readme.io/n5cKRv1nRU64eLXX3kKL_contact-list.png", "contact-list.png", "1902", "955", "#eb0a5c", "" ], "caption": "The app wizard is separated in two areas: the spreadsheet area and the app preview." } ] } [/block] The app wizard tries to analyse your list columns and values. ID columns or not so important information is automatically hidden and a powerful list app will be defined. [block:image] { "images": [ { "image": [ "https://files.readme.io/yGhEK0MhSGSMfERRIJDy_IMG_1055.PNG", "IMG_1055.PNG", "1242", "2208", "#4ba5dc", "" ], "caption": "Address list sample" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/SCAmQSiRlGWR6LYvpxSg_IMG_1058.PNG", "IMG_1058.PNG", "1242", "2208", "#4aa5dd", "" ], "caption": "Filtering" } ], "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/W07c9lCDR8Oc3c9bEFSk_IMG_1056.PNG", "IMG_1056.PNG", "1242", "2208", "#47b057", "" ], "caption": "Detail dialog" } ], "sidebar": true } [/block] [block:callout] { "type": "info", "title": "A note about the preview", "body": "At this time the preview is not functional. That means it will not react and behave like the real app on your smartphone or Windows desktop. It's just a preview. We will add more functionality in the future." } [/block] [block:callout] { "type": "info", "title": "Lists are created automatically", "body": "Normally apps can be created on the fly without user interaction." } [/block] [block:parameters] { "data": { "0-0": "Filtering", "2-0": "Grouping", "3-0": "Detail dialog", "1-0": "Sorting", "3-1": "with functional editors: call phone numbers, show in map, create emails, ...", "1-1": "simply click on a column header", "0-1": "search for entries", "2-1": "group by every column information" }, "cols": 2, "rows": 4 } [/block] [block:callout] { "type": "danger", "title": "Admin functionality not complete right now", "body": "Right now the admin functionality is not complete and so you need to define special functionality like sort column, group column or column positions inside the raw configuration." } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/Di5Kvp66SmqV5dR6rhaG_2015-10-19_19-43-32.png", "2015-10-19_19-43-32.png", "1228", "782", "#e3535a", "" ], "caption": "Raw definition" } ] } [/block]
{"__v":18,"_id":"562517824dcb400d00ff437e","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"In this chapter we want to give you a short introduction in how to create an application based on a formula. You don't need an existing spreadsheet for this.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"body\": \"This example is very simple but once you know how it works you will be able to build very complex calculators. The wizard will understand nearly all \\\"Excel formulas\\\"\",\n  \"title\": \"Works with nearly all Excel style formulas\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Run the app wizard\"\n}\n[/block]\nTo create such an app - simply click on the \"create your app now\" button from our main website.\n[block:embed]\n{\n  \"html\": false,\n  \"url\": \"http://www.openasapp.net\",\n  \"title\": \"openasapp\",\n  \"favicon\": \"http://www.openasapp.net/favicon.ico\",\n  \"image\": \"http://www.openasapp.net/images/landing-page/excel-list-full.97b2a093.png\"\n}\n[/block]\n\n[block:textarea]\n{\n  \"text\": \"**Formula used here: Fläche = Breite * Höhe** \",\n  \"sidebar\": true\n}\n[/block]\n\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/biJsYWHRiCRc0djPsKUg_IMG_1054.PNG\",\n        \"IMG_1054.PNG\",\n        \"1242\",\n        \"2208\",\n        \"#3cac3c\",\n        \"\"\n      ],\n      \"caption\": \"Simple app based on a formula (build in 10 seconds)\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\nClick on the formula tab on the left side - this will start the formula wizard.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/9G775KuPQlCBdWcrrnpV_formula-based.png\",\n        \"formula-based.png\",\n        \"1902\",\n        \"955\",\n        \"#f4045d\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nIt is very important that you enter a formula in the form \"Result = Variable + Variable ...\". After you press enter (or after a few seconds) the wizard tries to understand your formula and creates a dynamic Excel sheet for you. The captions used in your app are the variable names inside your formula.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"The app preview\"\n}\n[/block]\nYou can change the app title on top of the app preview.\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"A note about the preview\",\n  \"body\": \"At this time the preview is not functional. That means it will not react and behave like the real app on your smartphone or Windows desktop. It's just a preview. We will add more functionality in the future.\"\n}\n[/block]","category":"56123687436e0b0d000129a1","createdAt":"2015-10-19T16:17:06.893Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":3,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"how-to-create-an-app-based-on-a-formula","sync_unique":"","title":"4. How to create an app based on a formula","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","childrenPages":[]}

4. How to create an app based on a formula


In this chapter we want to give you a short introduction in how to create an application based on a formula. You don't need an existing spreadsheet for this. [block:callout] { "type": "info", "body": "This example is very simple but once you know how it works you will be able to build very complex calculators. The wizard will understand nearly all \"Excel formulas\"", "title": "Works with nearly all Excel style formulas" } [/block] [block:api-header] { "type": "basic", "title": "Run the app wizard" } [/block] To create such an app - simply click on the "create your app now" button from our main website. [block:embed] { "html": false, "url": "http://www.openasapp.net", "title": "openasapp", "favicon": "http://www.openasapp.net/favicon.ico", "image": "http://www.openasapp.net/images/landing-page/excel-list-full.97b2a093.png" } [/block] [block:textarea] { "text": "**Formula used here: Fläche = Breite * Höhe** ", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/biJsYWHRiCRc0djPsKUg_IMG_1054.PNG", "IMG_1054.PNG", "1242", "2208", "#3cac3c", "" ], "caption": "Simple app based on a formula (build in 10 seconds)" } ], "sidebar": true } [/block] Click on the formula tab on the left side - this will start the formula wizard. [block:image] { "images": [ { "image": [ "https://files.readme.io/9G775KuPQlCBdWcrrnpV_formula-based.png", "formula-based.png", "1902", "955", "#f4045d", "" ] } ] } [/block] It is very important that you enter a formula in the form "Result = Variable + Variable ...". After you press enter (or after a few seconds) the wizard tries to understand your formula and creates a dynamic Excel sheet for you. The captions used in your app are the variable names inside your formula. [block:api-header] { "type": "basic", "title": "The app preview" } [/block] You can change the app title on top of the app preview. [block:callout] { "type": "info", "title": "A note about the preview", "body": "At this time the preview is not functional. That means it will not react and behave like the real app on your smartphone or Windows desktop. It's just a preview. We will add more functionality in the future." } [/block]
In this chapter we want to give you a short introduction in how to create an application based on a formula. You don't need an existing spreadsheet for this. [block:callout] { "type": "info", "body": "This example is very simple but once you know how it works you will be able to build very complex calculators. The wizard will understand nearly all \"Excel formulas\"", "title": "Works with nearly all Excel style formulas" } [/block] [block:api-header] { "type": "basic", "title": "Run the app wizard" } [/block] To create such an app - simply click on the "create your app now" button from our main website. [block:embed] { "html": false, "url": "http://www.openasapp.net", "title": "openasapp", "favicon": "http://www.openasapp.net/favicon.ico", "image": "http://www.openasapp.net/images/landing-page/excel-list-full.97b2a093.png" } [/block] [block:textarea] { "text": "**Formula used here: Fläche = Breite * Höhe** ", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/biJsYWHRiCRc0djPsKUg_IMG_1054.PNG", "IMG_1054.PNG", "1242", "2208", "#3cac3c", "" ], "caption": "Simple app based on a formula (build in 10 seconds)" } ], "sidebar": true } [/block] Click on the formula tab on the left side - this will start the formula wizard. [block:image] { "images": [ { "image": [ "https://files.readme.io/9G775KuPQlCBdWcrrnpV_formula-based.png", "formula-based.png", "1902", "955", "#f4045d", "" ] } ] } [/block] It is very important that you enter a formula in the form "Result = Variable + Variable ...". After you press enter (or after a few seconds) the wizard tries to understand your formula and creates a dynamic Excel sheet for you. The captions used in your app are the variable names inside your formula. [block:api-header] { "type": "basic", "title": "The app preview" } [/block] You can change the app title on top of the app preview. [block:callout] { "type": "info", "title": "A note about the preview", "body": "At this time the preview is not functional. That means it will not react and behave like the real app on your smartphone or Windows desktop. It's just a preview. We will add more functionality in the future." } [/block]
{"__v":8,"_id":"5625195826c3960d003c0365","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"When you click on the \"send app\" button inside the app creator for the first time the system will ask you to register in our portal. Registration is simple and completely free of costs. \n\nAfter this the app will be created instantly and the system will send an email to your stored email address. Inside this email there is a direct link to your new application. \n\nYou can find and run your new app now. \n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Using the link inside the email\"\n}\n[/block]\nYou will receive an email with an app link after a few seconds. Click on this link and the host app will try to download and run the new application (iOS only right now).\n[block:callout]\n{\n  \"type\": \"danger\",\n  \"body\": \"At this time time the app is not available in the various app stores. You need to get a beta client from us directly. Deep linking is only available on iOS at this time.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"Using the search functionality\"\n}\n[/block]\nClick on the search button inside the \"Open as app\" application and search for your app. After a few seconds the search results will be displayed. Click on your app. \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/g6U5woaSWiV90p63WtgF_Simulator%20Screen%20Shot%2019.10.2015,%2017.14.27.png\",\n        \"Simulator Screen Shot 19.10.2015, 17.14.27.png\",\n        \"750\",\n        \"1334\",\n        \"#51a6db\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]","category":"56123687436e0b0d000129a1","createdAt":"2015-10-19T16:24:56.344Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":4,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"finding-and-running-your-apps","sync_unique":"","title":"5. Running your apps","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","childrenPages":[]}

5. Running your apps


When you click on the "send app" button inside the app creator for the first time the system will ask you to register in our portal. Registration is simple and completely free of costs. After this the app will be created instantly and the system will send an email to your stored email address. Inside this email there is a direct link to your new application. You can find and run your new app now. [block:api-header] { "type": "basic", "title": "Using the link inside the email" } [/block] You will receive an email with an app link after a few seconds. Click on this link and the host app will try to download and run the new application (iOS only right now). [block:callout] { "type": "danger", "body": "At this time time the app is not available in the various app stores. You need to get a beta client from us directly. Deep linking is only available on iOS at this time." } [/block] [block:api-header] { "type": "basic", "title": "Using the search functionality" } [/block] Click on the search button inside the "Open as app" application and search for your app. After a few seconds the search results will be displayed. Click on your app. [block:image] { "images": [ { "image": [ "https://files.readme.io/g6U5woaSWiV90p63WtgF_Simulator%20Screen%20Shot%2019.10.2015,%2017.14.27.png", "Simulator Screen Shot 19.10.2015, 17.14.27.png", "750", "1334", "#51a6db", "" ] } ] } [/block]
When you click on the "send app" button inside the app creator for the first time the system will ask you to register in our portal. Registration is simple and completely free of costs. After this the app will be created instantly and the system will send an email to your stored email address. Inside this email there is a direct link to your new application. You can find and run your new app now. [block:api-header] { "type": "basic", "title": "Using the link inside the email" } [/block] You will receive an email with an app link after a few seconds. Click on this link and the host app will try to download and run the new application (iOS only right now). [block:callout] { "type": "danger", "body": "At this time time the app is not available in the various app stores. You need to get a beta client from us directly. Deep linking is only available on iOS at this time." } [/block] [block:api-header] { "type": "basic", "title": "Using the search functionality" } [/block] Click on the search button inside the "Open as app" application and search for your app. After a few seconds the search results will be displayed. Click on your app. [block:image] { "images": [ { "image": [ "https://files.readme.io/g6U5woaSWiV90p63WtgF_Simulator%20Screen%20Shot%2019.10.2015,%2017.14.27.png", "Simulator Screen Shot 19.10.2015, 17.14.27.png", "750", "1334", "#51a6db", "" ] } ] } [/block]
{"__v":13,"_id":"562511dc6ff1010d009b168d","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"The app wizard normally uses predefined settings (colors, layout, ...). Later you will be able to create templates using your own CI and automatically bind them to your created applications.\n\nBut you can nearly change every property inside your app. Simply click on the \"edit app\" button inside the app preview to enter the \"advanced settings\".\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/8WwIIC8YR8GVcKFsdQHw_edit%20app.png\",\n        \"edit app.png\",\n        \"109\",\n        \"109\",\n        \"#3da33e\",\n        \"\"\n      ],\n      \"caption\": \"Click the \\\"edit app\\\" button for advanced settings\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\nThis will start the advanced editor where you can change all the properties of the selected item.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/OCTm1mkDRFOT2o9nIv0M_2015-10-19_19-06-24.png\",\n        \"2015-10-19_19-06-24.png\",\n        \"1223\",\n        \"760\",\n        \"#3cac3c\",\n        \"\"\n      ],\n      \"caption\": \"The advanced editor shows all created app items\"\n    }\n  ]\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/NhBua6l9S6a6MZWa4dT6_2015-10-19_19-09-37.png\",\n        \"2015-10-19_19-09-37.png\",\n        \"506\",\n        \"587\",\n        \"#1de9b2\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\n\n[block:callout]\n{\n  \"type\": \"info\",\n  \"title\": \"Only basic admin features right now\",\n  \"body\": \"Right now the admin portal has only limited functionality. We are working hard to create more and more \\\"easy to use\\\" app settings. To define special functionality you sometimes need to edit the Raw configuration directly.\"\n}\n[/block]\n\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"XML Raw configuration\"\n}\n[/block]\nThe configuration is normally stored in a XML format. Advanced users can edit this information directly.\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/8Z4qBmZFSJ6XZHn0SlJe_2015-10-19_19-14-13.png\",\n        \"2015-10-19_19-14-13.png\",\n        \"1227\",\n        \"881\",\n        \"#b36063\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]","category":"56123687436e0b0d000129a1","createdAt":"2015-10-19T15:53:00.301Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":5,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"advanced-settings","sync_unique":"","title":"6. Advanced settings for your app","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","childrenPages":[]}

6. Advanced settings for your app


The app wizard normally uses predefined settings (colors, layout, ...). Later you will be able to create templates using your own CI and automatically bind them to your created applications. But you can nearly change every property inside your app. Simply click on the "edit app" button inside the app preview to enter the "advanced settings". [block:image] { "images": [ { "image": [ "https://files.readme.io/8WwIIC8YR8GVcKFsdQHw_edit%20app.png", "edit app.png", "109", "109", "#3da33e", "" ], "caption": "Click the \"edit app\" button for advanced settings" } ], "sidebar": true } [/block] This will start the advanced editor where you can change all the properties of the selected item. [block:image] { "images": [ { "image": [ "https://files.readme.io/OCTm1mkDRFOT2o9nIv0M_2015-10-19_19-06-24.png", "2015-10-19_19-06-24.png", "1223", "760", "#3cac3c", "" ], "caption": "The advanced editor shows all created app items" } ] } [/block] [block:textarea] { "text": "", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/NhBua6l9S6a6MZWa4dT6_2015-10-19_19-09-37.png", "2015-10-19_19-09-37.png", "506", "587", "#1de9b2", "" ] } ] } [/block] [block:callout] { "type": "info", "title": "Only basic admin features right now", "body": "Right now the admin portal has only limited functionality. We are working hard to create more and more \"easy to use\" app settings. To define special functionality you sometimes need to edit the Raw configuration directly." } [/block] [block:api-header] { "type": "basic", "title": "XML Raw configuration" } [/block] The configuration is normally stored in a XML format. Advanced users can edit this information directly. [block:image] { "images": [ { "image": [ "https://files.readme.io/8Z4qBmZFSJ6XZHn0SlJe_2015-10-19_19-14-13.png", "2015-10-19_19-14-13.png", "1227", "881", "#b36063", "" ] } ] } [/block]
The app wizard normally uses predefined settings (colors, layout, ...). Later you will be able to create templates using your own CI and automatically bind them to your created applications. But you can nearly change every property inside your app. Simply click on the "edit app" button inside the app preview to enter the "advanced settings". [block:image] { "images": [ { "image": [ "https://files.readme.io/8WwIIC8YR8GVcKFsdQHw_edit%20app.png", "edit app.png", "109", "109", "#3da33e", "" ], "caption": "Click the \"edit app\" button for advanced settings" } ], "sidebar": true } [/block] This will start the advanced editor where you can change all the properties of the selected item. [block:image] { "images": [ { "image": [ "https://files.readme.io/OCTm1mkDRFOT2o9nIv0M_2015-10-19_19-06-24.png", "2015-10-19_19-06-24.png", "1223", "760", "#3cac3c", "" ], "caption": "The advanced editor shows all created app items" } ] } [/block] [block:textarea] { "text": "", "sidebar": true } [/block] [block:image] { "images": [ { "image": [ "https://files.readme.io/NhBua6l9S6a6MZWa4dT6_2015-10-19_19-09-37.png", "2015-10-19_19-09-37.png", "506", "587", "#1de9b2", "" ] } ] } [/block] [block:callout] { "type": "info", "title": "Only basic admin features right now", "body": "Right now the admin portal has only limited functionality. We are working hard to create more and more \"easy to use\" app settings. To define special functionality you sometimes need to edit the Raw configuration directly." } [/block] [block:api-header] { "type": "basic", "title": "XML Raw configuration" } [/block] The configuration is normally stored in a XML format. Advanced users can edit this information directly. [block:image] { "images": [ { "image": [ "https://files.readme.io/8Z4qBmZFSJ6XZHn0SlJe_2015-10-19_19-14-13.png", "2015-10-19_19-14-13.png", "1227", "881", "#b36063", "" ] } ] } [/block]
{"__v":1,"_id":"56b09ec336d2580d002477af","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec massa tristique arcu ferme.\n[block:api-header]\n{\n  \"type\": \"basic\",\n  \"title\": \"1. First Step\"\n}\n[/block]\nLorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec massa tristique arcu fermentum dapibus. Integer orci turpis, mollis vel augue eget, placerat rhoncus orci. Mauris metus libero, rutrum eu ornare ut, molestie vel nunc. Morbi sed iaculis metus.","category":"56123687436e0b0d000129a1","createdAt":"2016-02-02T12:19:15.214Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":6,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"6-how-to-share-an-app","sync_unique":"","title":"7. How to share an app","type":"basic","updates":[],"user":"568aede397d8960d0012ab79","version":"56123686436e0b0d000129a0","childrenPages":[]}

7. How to share an app


Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec massa tristique arcu ferme. [block:api-header] { "type": "basic", "title": "1. First Step" } [/block] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec massa tristique arcu fermentum dapibus. Integer orci turpis, mollis vel augue eget, placerat rhoncus orci. Mauris metus libero, rutrum eu ornare ut, molestie vel nunc. Morbi sed iaculis metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec massa tristique arcu ferme. [block:api-header] { "type": "basic", "title": "1. First Step" } [/block] Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent nec massa tristique arcu fermentum dapibus. Integer orci turpis, mollis vel augue eget, placerat rhoncus orci. Mauris metus libero, rutrum eu ornare ut, molestie vel nunc. Morbi sed iaculis metus.
{"__v":9,"_id":"56fd9de25a08190e00085011","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"Managing users and user rights in Open as App is really easy. There are only three things to keep in mind: \n“Teams”, “Groups”, and “Users”.\n\n**What is a user?**\nEveryone with an Open as App account and our app installed is a user. You can also invite people to become users of your apps – all you need is their email address.\n**What is a group?**\nTo make the process of assigning access rights of certain apps to certain users more convenient, you can define groups of users. That way, you can allow an entire department of your company to use one of your apps, for instance – with just one click.\n**What is a team? **\nEverybody who uses your private apps, and every group of people that you grant access, are your team.\n\nFollow these 8 simple steps to master user management in Open as App:\n\n\n**Create a team** \n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/rwYB6YxwSZmGaPOgMp1b_dashboard%201.PNG\",\n        \"dashboard 1.PNG\",\n        \"1234\",\n        \"623\",\n        \"#dc04fc\",\n        \"\"\n      ],\n      \"sizing\": \"80\"\n    }\n  ]\n}\n[/block]\nGo to your dashboard to create a new team. The tile “My Users” displays the number of teams you have created so far, which should be zero. Click on that tile to proceed.\n\n\n**Name your new team**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/KFPYukQiRcCpfpBrBDwf_Team%20anlegen%20ausschnitt.png\",\n        \"Team anlegen ausschnitt.png\",\n        \"546\",\n        \"336\",\n        \"#e72929\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nTypically, this should be the designation of your company or department. Note that currently only one team per user is allowed. If you want to, you can always come back later and make changes.\n\n\n\n**Add users and groups to the team**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/v0HFViNBQ0qge7f1kGUA_add%20users%20and%20groups%20ausschnitt.png\",\n        \"add users and groups ausschnitt.png\",\n        \"1001\",\n        \"454\",\n        \"#eb1c24\",\n        \"\"\n      ],\n      \"sizing\": \"80\"\n    }\n  ]\n}\n[/block]\nAfter setting up your team you can add users and/or groups to it. To add a user, simply input his or her email address and hit enter. The invitation to your team will be pending until the user accepts it. To add a group, input the name of the group and hit enter.\nClick on the trash can icon on the right to delete users or groups.\n\n\n\n**Add users to a group**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/vAkHPxBKQN6WRlbGwimA_add%20users%20to%20a%20group%20ausschnitt.png\",\n        \"add users to a group ausschnitt.png\",\n        \"1319\",\n        \"425\",\n        \"#df1d23\",\n        \"\"\n      ],\n      \"sizing\": \"80\"\n    }\n  ]\n}\n[/block]\nOpen a group to view its details. By clicking on the available users on the right side you add them to this group. Click on them again to remove them.\n\n\n\n**Accept the invitation**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/kMOiL3nYSAOnSHnSkZk8_accept.PNG\",\n        \"accept.PNG\",\n        \"598\",\n        \"529\",\n        \"#d1a072\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nUsers that were added to your team will receive an email with a link which will take them to our website. There, they can accept the invitation and – if they are not already registered – create an Open as App account.\n \t\n**View or leave your teams**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/dGGL5WCSRWXwbaEewPAQ_iphone%20teams.png\",\n        \"iphone teams.png\",\n        \"681\",\n        \"903\",\n        \"#ea1c24\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nIn the settings of the mobile app the user is provided with an overview of all his or her memberships of different teams.\nThis also is where the user can leave a team by clicking on the leave button. His membership will then automatically be removed from the dashboard of the owner of that group.\n \t\n**Add users and groups to a hub or an app**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/DfhIyDiATtWk8bWmDtzK_hub3.PNG\",\n        \"hub3.PNG\",\n        \"1229\",\n        \"901\",\n        \"#eb1d23\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nAs the owner of the team, you can now enter the administration pages of your hubs or apps and assign access rights. To do that, open the hub/app from your dashboard and go to the menu item “Publish”. Make sure that the “Private” switch is enabled. This will ensure that the hub/app can only be used by users or groups defined by you. On the right you are given an overview of all individual users and all groups that can be given access to your hub or app. Select those that you would like to add.\n \t\n**Invite users to hubs and apps**\n[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/OJF4trIQvmWjQRIDVgoF_send%20to%20a%20friend.png\",\n        \"send to a friend.png\",\n        \"595\",\n        \"314\",\n        \"#2c3443\",\n        \"\"\n      ]\n    }\n  ]\n}\n[/block]\nNote that granting a user or a group access rights to an app does not automatically roll out the app to the user’s mobile device. It still is necessary to invite him or her.\nThe easiest way to do so is using the menu option “Send to a friend” in the app itself.","category":"56123687436e0b0d000129a1","createdAt":"2016-03-31T22:00:02.093Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":7,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"user-management-in-open-as-app","sync_unique":"","title":"8. User Management in Open as App","type":"basic","updates":[],"user":"56d37cd9d3f4650b007495e8","version":"56123686436e0b0d000129a0","childrenPages":[]}

8. User Management in Open as App


Managing users and user rights in Open as App is really easy. There are only three things to keep in mind: “Teams”, “Groups”, and “Users”. **What is a user?** Everyone with an Open as App account and our app installed is a user. You can also invite people to become users of your apps – all you need is their email address. **What is a group?** To make the process of assigning access rights of certain apps to certain users more convenient, you can define groups of users. That way, you can allow an entire department of your company to use one of your apps, for instance – with just one click. **What is a team? ** Everybody who uses your private apps, and every group of people that you grant access, are your team. Follow these 8 simple steps to master user management in Open as App: **Create a team** [block:image] { "images": [ { "image": [ "https://files.readme.io/rwYB6YxwSZmGaPOgMp1b_dashboard%201.PNG", "dashboard 1.PNG", "1234", "623", "#dc04fc", "" ], "sizing": "80" } ] } [/block] Go to your dashboard to create a new team. The tile “My Users” displays the number of teams you have created so far, which should be zero. Click on that tile to proceed. **Name your new team** [block:image] { "images": [ { "image": [ "https://files.readme.io/KFPYukQiRcCpfpBrBDwf_Team%20anlegen%20ausschnitt.png", "Team anlegen ausschnitt.png", "546", "336", "#e72929", "" ] } ] } [/block] Typically, this should be the designation of your company or department. Note that currently only one team per user is allowed. If you want to, you can always come back later and make changes. **Add users and groups to the team** [block:image] { "images": [ { "image": [ "https://files.readme.io/v0HFViNBQ0qge7f1kGUA_add%20users%20and%20groups%20ausschnitt.png", "add users and groups ausschnitt.png", "1001", "454", "#eb1c24", "" ], "sizing": "80" } ] } [/block] After setting up your team you can add users and/or groups to it. To add a user, simply input his or her email address and hit enter. The invitation to your team will be pending until the user accepts it. To add a group, input the name of the group and hit enter. Click on the trash can icon on the right to delete users or groups. **Add users to a group** [block:image] { "images": [ { "image": [ "https://files.readme.io/vAkHPxBKQN6WRlbGwimA_add%20users%20to%20a%20group%20ausschnitt.png", "add users to a group ausschnitt.png", "1319", "425", "#df1d23", "" ], "sizing": "80" } ] } [/block] Open a group to view its details. By clicking on the available users on the right side you add them to this group. Click on them again to remove them. **Accept the invitation** [block:image] { "images": [ { "image": [ "https://files.readme.io/kMOiL3nYSAOnSHnSkZk8_accept.PNG", "accept.PNG", "598", "529", "#d1a072", "" ] } ] } [/block] Users that were added to your team will receive an email with a link which will take them to our website. There, they can accept the invitation and – if they are not already registered – create an Open as App account. **View or leave your teams** [block:image] { "images": [ { "image": [ "https://files.readme.io/dGGL5WCSRWXwbaEewPAQ_iphone%20teams.png", "iphone teams.png", "681", "903", "#ea1c24", "" ] } ] } [/block] In the settings of the mobile app the user is provided with an overview of all his or her memberships of different teams. This also is where the user can leave a team by clicking on the leave button. His membership will then automatically be removed from the dashboard of the owner of that group. **Add users and groups to a hub or an app** [block:image] { "images": [ { "image": [ "https://files.readme.io/DfhIyDiATtWk8bWmDtzK_hub3.PNG", "hub3.PNG", "1229", "901", "#eb1d23", "" ] } ] } [/block] As the owner of the team, you can now enter the administration pages of your hubs or apps and assign access rights. To do that, open the hub/app from your dashboard and go to the menu item “Publish”. Make sure that the “Private” switch is enabled. This will ensure that the hub/app can only be used by users or groups defined by you. On the right you are given an overview of all individual users and all groups that can be given access to your hub or app. Select those that you would like to add. **Invite users to hubs and apps** [block:image] { "images": [ { "image": [ "https://files.readme.io/OJF4trIQvmWjQRIDVgoF_send%20to%20a%20friend.png", "send to a friend.png", "595", "314", "#2c3443", "" ] } ] } [/block] Note that granting a user or a group access rights to an app does not automatically roll out the app to the user’s mobile device. It still is necessary to invite him or her. The easiest way to do so is using the menu option “Send to a friend” in the app itself.
Managing users and user rights in Open as App is really easy. There are only three things to keep in mind: “Teams”, “Groups”, and “Users”. **What is a user?** Everyone with an Open as App account and our app installed is a user. You can also invite people to become users of your apps – all you need is their email address. **What is a group?** To make the process of assigning access rights of certain apps to certain users more convenient, you can define groups of users. That way, you can allow an entire department of your company to use one of your apps, for instance – with just one click. **What is a team? ** Everybody who uses your private apps, and every group of people that you grant access, are your team. Follow these 8 simple steps to master user management in Open as App: **Create a team** [block:image] { "images": [ { "image": [ "https://files.readme.io/rwYB6YxwSZmGaPOgMp1b_dashboard%201.PNG", "dashboard 1.PNG", "1234", "623", "#dc04fc", "" ], "sizing": "80" } ] } [/block] Go to your dashboard to create a new team. The tile “My Users” displays the number of teams you have created so far, which should be zero. Click on that tile to proceed. **Name your new team** [block:image] { "images": [ { "image": [ "https://files.readme.io/KFPYukQiRcCpfpBrBDwf_Team%20anlegen%20ausschnitt.png", "Team anlegen ausschnitt.png", "546", "336", "#e72929", "" ] } ] } [/block] Typically, this should be the designation of your company or department. Note that currently only one team per user is allowed. If you want to, you can always come back later and make changes. **Add users and groups to the team** [block:image] { "images": [ { "image": [ "https://files.readme.io/v0HFViNBQ0qge7f1kGUA_add%20users%20and%20groups%20ausschnitt.png", "add users and groups ausschnitt.png", "1001", "454", "#eb1c24", "" ], "sizing": "80" } ] } [/block] After setting up your team you can add users and/or groups to it. To add a user, simply input his or her email address and hit enter. The invitation to your team will be pending until the user accepts it. To add a group, input the name of the group and hit enter. Click on the trash can icon on the right to delete users or groups. **Add users to a group** [block:image] { "images": [ { "image": [ "https://files.readme.io/vAkHPxBKQN6WRlbGwimA_add%20users%20to%20a%20group%20ausschnitt.png", "add users to a group ausschnitt.png", "1319", "425", "#df1d23", "" ], "sizing": "80" } ] } [/block] Open a group to view its details. By clicking on the available users on the right side you add them to this group. Click on them again to remove them. **Accept the invitation** [block:image] { "images": [ { "image": [ "https://files.readme.io/kMOiL3nYSAOnSHnSkZk8_accept.PNG", "accept.PNG", "598", "529", "#d1a072", "" ] } ] } [/block] Users that were added to your team will receive an email with a link which will take them to our website. There, they can accept the invitation and – if they are not already registered – create an Open as App account. **View or leave your teams** [block:image] { "images": [ { "image": [ "https://files.readme.io/dGGL5WCSRWXwbaEewPAQ_iphone%20teams.png", "iphone teams.png", "681", "903", "#ea1c24", "" ] } ] } [/block] In the settings of the mobile app the user is provided with an overview of all his or her memberships of different teams. This also is where the user can leave a team by clicking on the leave button. His membership will then automatically be removed from the dashboard of the owner of that group. **Add users and groups to a hub or an app** [block:image] { "images": [ { "image": [ "https://files.readme.io/DfhIyDiATtWk8bWmDtzK_hub3.PNG", "hub3.PNG", "1229", "901", "#eb1d23", "" ] } ] } [/block] As the owner of the team, you can now enter the administration pages of your hubs or apps and assign access rights. To do that, open the hub/app from your dashboard and go to the menu item “Publish”. Make sure that the “Private” switch is enabled. This will ensure that the hub/app can only be used by users or groups defined by you. On the right you are given an overview of all individual users and all groups that can be given access to your hub or app. Select those that you would like to add. **Invite users to hubs and apps** [block:image] { "images": [ { "image": [ "https://files.readme.io/OJF4trIQvmWjQRIDVgoF_send%20to%20a%20friend.png", "send to a friend.png", "595", "314", "#2c3443", "" ] } ] } [/block] Note that granting a user or a group access rights to an app does not automatically roll out the app to the user’s mobile device. It still is necessary to invite him or her. The easiest way to do so is using the menu option “Send to a friend” in the app itself.
{"__v":11,"_id":"568ff9374719c119002ce639","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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]","category":"568ff8664719c119002ce635","createdAt":"2016-01-08T18:00:23.022Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":0,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"supported-excel-functions","sync_unique":"","title":"Supported Excel Functions","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","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]
{"__v":16,"_id":"570e43777e5c9f0e00bf1180","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\": \"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]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-04-13T13:02:47.016Z","excerpt":"Raw definitions can be used to customize even the last bits of your apps beyond the capabilities of the wizard.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":0,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"raw-definitions","sync_unique":"","title":"Introduction to definitions","type":"basic","updates":[],"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]
{"__v":14,"_id":"57179e82681bb41900fc571f","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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    \"8-0\": \"printsheet=<value>;\",\n    \"8-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    \"9-0\": \"headeropacity=<value>;\",\n    \"9-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    \"10-0\": \"headercolor=<color>;\",\n    \"10-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    \"11-0\": \"headercaptioncolor=<color>;\",\n    \"11-1\": \"Sets the header caption text color.\",\n    \"11-2\": \"hex code\",\n    \"13-0\": \"allowpushtoserver=<value>;\",\n    \"13-1\": \"With this definition you can enable (if true) or disable (if false) the editing of lists by users.\",\n    \"14-0\": \"allowpushtosheet=false;\",\n    \"14-1\": \"(depends on allowpushtoserver) disables writing back to the original sheet, list edits are only applied locally, the action still gets logged\",\n    \"15-0\": \"allowstorecalculations=false;\",\n    \"15-1\": \"disables the \\\"save calculation\\\" feature.\",\n    \"16-0\": \"allowcomments=false;\",\n    \"16-1\": \"disables the commenting feature\",\n    \"h-3\": \"Examples\",\n    \"15-2\": \"true\",\n    \"16-2\": \"true\",\n    \"17-0\": \"allowuploadcalculations=true;\",\n    \"17-1\": \"enables uploading of calculations for surveys etc. (such calculations only are only pushed to the app's log and cannot be loaded again)\",\n    \"17-2\": \"false\",\n    \"18-0\": \"pagecount=<value>;\",\n    \"0-2\": \"hex code\",\n    \"7-2\": \"hex code\",\n    \"10-2\": \"hex code\",\n    \"4-2\": \"%\",\n    \"5-2\": \"px\",\n    \"6-2\": \"px\",\n    \"18-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    \"9-2\": \"Value between 1-10\",\n    \"9-3\": \"headeropacity=8;\",\n    \"8-2\": \"The worksheet name of your workbook that should be used for print functionality.\",\n    \"19-0\": \"menuentries=<value>;\",\n    \"19-2\": \"print;\",\n    \"8-3\": \"printsheet=Sheet1;\",\n    \"13-2\": \"true/false\",\n    \"13-3\": \"allowpushtoserver=true;\",\n    \"11-3\": \"headercaptioncolor=<color>;\",\n    \"10-3\": \"headercolor=<color>;\",\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    \"12-0\": \"headerfade=<value>;\",\n    \"12-2\": \"true/false\",\n    \"20-0\": \"categories=<value>;\",\n    \"18-1\": \"Defines the number of pages in the app. Each page can be opened using the tabs at the bottom of the screen.\",\n    \"18-3\": \"pagecount=2;\",\n    \"20-2\": \"lifestyle, finance,\",\n    \"21-0\": \"helpurl=<value>;\"\n  },\n  \"cols\": 4,\n  \"rows\": 22\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://get.openasapp.net/l/app/e3a0d5d0-0d9b-4ba9-aa96-182de5caa624](https://get.openasapp.net/l/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://get.openasapp.net/l/app/95f771f6-10ee-43f7-b20b-1858dbcf16a6](https://get.openasapp.net/l/app/95f771f6-10ee-43f7-b20b-1858dbcf16a6) \",\n  \"sidebar\": true\n}\n[/block]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-04-20T15:21:38.357Z","excerpt":"For adapting the raw definitions of your app, go to your app's XML Configuration page.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":1,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"app-definitions","sync_unique":"","title":"App definitions","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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).", "8-0": "printsheet=<value>;", "8-1": "Open as App supports the print areas of your spreadsheet. This definition defines which sheet of your workbook should be used for printing.", "9-0": "headeropacity=<value>;", "9-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.", "10-0": "headercolor=<color>;", "10-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.", "11-0": "headercaptioncolor=<color>;", "11-1": "Sets the header caption text color.", "11-2": "hex code", "13-0": "allowpushtoserver=<value>;", "13-1": "With this definition you can enable (if true) or disable (if false) the editing of lists by users.", "14-0": "allowpushtosheet=false;", "14-1": "(depends on allowpushtoserver) disables writing back to the original sheet, list edits are only applied locally, the action still gets logged", "15-0": "allowstorecalculations=false;", "15-1": "disables the \"save calculation\" feature.", "16-0": "allowcomments=false;", "16-1": "disables the commenting feature", "h-3": "Examples", "15-2": "true", "16-2": "true", "17-0": "allowuploadcalculations=true;", "17-1": "enables uploading of calculations for surveys etc. (such calculations only are only pushed to the app's log and cannot be loaded again)", "17-2": "false", "18-0": "pagecount=<value>;", "0-2": "hex code", "7-2": "hex code", "10-2": "hex code", "4-2": "%", "5-2": "px", "6-2": "px", "18-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.", "9-2": "Value between 1-10", "9-3": "headeropacity=8;", "8-2": "The worksheet name of your workbook that should be used for print functionality.", "19-0": "menuentries=<value>;", "19-2": "print;", "8-3": "printsheet=Sheet1;", "13-2": "true/false", "13-3": "allowpushtoserver=true;", "11-3": "headercaptioncolor=<color>;", "10-3": "headercolor=<color>;", "0-3": "backgroundcolor=FFFFFF;", "1-3": "backgroundimage=http://abc.png;", "2-3": "backgroundopacity=6;", "3-3": "topareaimage=http://abc.png;", "4-3": "topareaheight=18%;", "12-0": "headerfade=<value>;", "12-2": "true/false", "20-0": "categories=<value>;", "18-1": "Defines the number of pages in the app. Each page can be opened using the tabs at the bottom of the screen.", "18-3": "pagecount=2;", "20-2": "lifestyle, finance,", "21-0": "helpurl=<value>;" }, "cols": 4, "rows": 22 } [/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://get.openasapp.net/l/app/e3a0d5d0-0d9b-4ba9-aa96-182de5caa624](https://get.openasapp.net/l/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://get.openasapp.net/l/app/95f771f6-10ee-43f7-b20b-1858dbcf16a6](https://get.openasapp.net/l/app/95f771f6-10ee-43f7-b20b-1858dbcf16a6) ", "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).", "8-0": "printsheet=<value>;", "8-1": "Open as App supports the print areas of your spreadsheet. This definition defines which sheet of your workbook should be used for printing.", "9-0": "headeropacity=<value>;", "9-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.", "10-0": "headercolor=<color>;", "10-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.", "11-0": "headercaptioncolor=<color>;", "11-1": "Sets the header caption text color.", "11-2": "hex code", "13-0": "allowpushtoserver=<value>;", "13-1": "With this definition you can enable (if true) or disable (if false) the editing of lists by users.", "14-0": "allowpushtosheet=false;", "14-1": "(depends on allowpushtoserver) disables writing back to the original sheet, list edits are only applied locally, the action still gets logged", "15-0": "allowstorecalculations=false;", "15-1": "disables the \"save calculation\" feature.", "16-0": "allowcomments=false;", "16-1": "disables the commenting feature", "h-3": "Examples", "15-2": "true", "16-2": "true", "17-0": "allowuploadcalculations=true;", "17-1": "enables uploading of calculations for surveys etc. (such calculations only are only pushed to the app's log and cannot be loaded again)", "17-2": "false", "18-0": "pagecount=<value>;", "0-2": "hex code", "7-2": "hex code", "10-2": "hex code", "4-2": "%", "5-2": "px", "6-2": "px", "18-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.", "9-2": "Value between 1-10", "9-3": "headeropacity=8;", "8-2": "The worksheet name of your workbook that should be used for print functionality.", "19-0": "menuentries=<value>;", "19-2": "print;", "8-3": "printsheet=Sheet1;", "13-2": "true/false", "13-3": "allowpushtoserver=true;", "11-3": "headercaptioncolor=<color>;", "10-3": "headercolor=<color>;", "0-3": "backgroundcolor=FFFFFF;", "1-3": "backgroundimage=http://abc.png;", "2-3": "backgroundopacity=6;", "3-3": "topareaimage=http://abc.png;", "4-3": "topareaheight=18%;", "12-0": "headerfade=<value>;", "12-2": "true/false", "20-0": "categories=<value>;", "18-1": "Defines the number of pages in the app. Each page can be opened using the tabs at the bottom of the screen.", "18-3": "pagecount=2;", "20-2": "lifestyle, finance,", "21-0": "helpurl=<value>;" }, "cols": 4, "rows": 22 } [/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://get.openasapp.net/l/app/e3a0d5d0-0d9b-4ba9-aa96-182de5caa624](https://get.openasapp.net/l/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://get.openasapp.net/l/app/95f771f6-10ee-43f7-b20b-1858dbcf16a6](https://get.openasapp.net/l/app/95f771f6-10ee-43f7-b20b-1858dbcf16a6) ", "sidebar": true } [/block]
{"__v":0,"_id":"58822e72b0888d23007b0bc9","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"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\": \"Example\",\n    \"0-0\": \"summarywidth=110;\",\n    \"1-0\": \"summaryopacity=6;\",\n    \"2-0\": \"summarybackgroundcolor=AC190D;\",\n    \"4-0\": \"mainpadding=<value1>,<value2>;\",\n    \"6-0\": \"spacing=8;\",\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  },\n  \"cols\": 4,\n  \"rows\": 7\n}\n[/block]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2017-01-20T15:36:18.367Z","excerpt":"You can set global definitions for each page of your app.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"pages":[],"description":""},"order":2,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"page-definitions","sync_unique":"","title":"Page definitions","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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": "Example", "0-0": "summarywidth=110;", "1-0": "summaryopacity=6;", "2-0": "summarybackgroundcolor=AC190D;", "4-0": "mainpadding=<value1>,<value2>;", "6-0": "spacing=8;", "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." }, "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": "Example", "0-0": "summarywidth=110;", "1-0": "summaryopacity=6;", "2-0": "summarybackgroundcolor=AC190D;", "4-0": "mainpadding=<value1>,<value2>;", "6-0": "spacing=8;", "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." }, "cols": 4, "rows": 7 } [/block]
{"__v":0,"_id":"588240bfc985fc1b001c12aa","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"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]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2017-01-20T16:54:23.089Z","excerpt":"This is how your app shows up in search results or the favorites view.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"pages":[],"description":""},"order":3,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"card-definitions","sync_unique":"","title":"App card definitions","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":7,"_id":"5717820f3cf2960e0009a692","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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=x;\",\n    \"1-1\": \"sets a button radius for the corners (rounded button with corner radius = x)\",\n    \"2-0\": \"bordercolor=xxx;\",\n    \"2-1\": \"sets the border color with a given hex value = xxx\",\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=xxx\",\n    \"5-1\": \"sets the main caption text color (hex value)\",\n    \"6-0\": \"captionhorzalign=center/right;\",\n    \"6-1\": \"sets the caption horizontal align (default = left) to \\\"center\\\" or \\\"right\\\"\",\n    \"7-0\": \"captionvertalign=top/bottom;\",\n    \"7-1\": \"sets the caption vertical align (default = center) to \\\"top\\\" or \\\"bottom\\\"\",\n    \"8-0\": \"buttonheight=xxx;\\nbuttonheight=xxx%;\",\n    \"8-1\": \"sets the height of the result button (in \\\"pixel\\\" or as a percentage of the display)\",\n    \"8-2\": \"\",\n    \"9-0\": \"backgroundcolor=xxx;\",\n    \"9-1\": \"sets the background color of the button to hex value = xxx\",\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\\nN0 is a number without decimal place. N1 with one, N2 with two, ...\\n\\nPx stands for a percentage value. \\nCx stands for a currency value.\\nDx stands for a decimal value.\\nEx stands for a exponential (scientific) value.\\nXx stands for a hexadecimal value.\",\n    \"15-0\": \"buttonopacity=1-10;\",\n    \"15-1\": \"sets the opacity of the button background. The value 10\",\n    \"16-0\": \"valuefontsize=xxx;\",\n    \"16-1\": \"defines the text font size of the value text (default = 30)\",\n    \"18-0\": \"valuetextcolor=xxx;\",\n    \"18-1\": \"defines the text font color of the value (hex code)\",\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=xxx;\",\n    \"21-1\": \"using this tag the value of the button can be retrieved by using a web service.\",\n    \"22-0\": \"usecellformat=true/false;\",\n    \"22-1\": \"the button gets the number format from the underlying cell format. NOTE: not applicable to \\\"toggle\\\" fields.\",\n    \"23-0\": \"componentname=xxx;\",\n    \"23-1\": \"sets a name for this control. The functionality \\\"linkinfo\\\" is able to activate elements by component name.\",\n    \"3-2\": \"value\",\n    \"19-0\": \"valuemultiline=true;\",\n    \"19-1\": \"defines word wrap style for a text value\",\n    \"17-0\": \"valuefontstyle=bold/italic/none;\",\n    \"17-1\": \"defines the value text style (default = \\\"regular\\\")\",\n    \"11-0\": \"backgroundimage=xxx;\",\n    \"11-1\": \"sets a background image for the button\",\n    \"11-2\": \"\",\n    \"12-0\": \"backgroundopacity=x;\",\n    \"12-1\": \"sets the opacity of a background image\",\n    \"12-2\": \"\",\n    \"h-3\": \"Examples\",\n    \"8-3\": \"buttonheight=90;\\nbuttonheight=20%;\",\n    \"11-3\": \"backgroundimage=http://...;\",\n    \"12-3\": \"backgroundopacity=10;\",\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;\",\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  },\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://get.openasapp.net/l/app/21d9ca6c-130e-49b1-8dea-f2cfdb61a832](https://get.openasapp.net/l/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]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-04-20T13:20:15.100Z","excerpt":"Definition reference for result buttons","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":4,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"result-buttons","sync_unique":"","title":"Result buttons","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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=x;", "1-1": "sets a button radius for the corners (rounded button with corner radius = x)", "2-0": "bordercolor=xxx;", "2-1": "sets the border color with a given hex value = xxx", "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=xxx", "5-1": "sets the main caption text color (hex value)", "6-0": "captionhorzalign=center/right;", "6-1": "sets the caption horizontal align (default = left) to \"center\" or \"right\"", "7-0": "captionvertalign=top/bottom;", "7-1": "sets the caption vertical align (default = center) to \"top\" or \"bottom\"", "8-0": "buttonheight=xxx;\nbuttonheight=xxx%;", "8-1": "sets the height of the result button (in \"pixel\" or as a percentage of the display)", "8-2": "", "9-0": "backgroundcolor=xxx;", "9-1": "sets the background color of the button to hex value = xxx", "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\nN0 is a number without decimal place. N1 with one, N2 with two, ...\n\nPx stands for a percentage value. \nCx stands for a currency value.\nDx stands for a decimal value.\nEx stands for a exponential (scientific) value.\nXx stands for a hexadecimal value.", "15-0": "buttonopacity=1-10;", "15-1": "sets the opacity of the button background. The value 10", "16-0": "valuefontsize=xxx;", "16-1": "defines the text font size of the value text (default = 30)", "18-0": "valuetextcolor=xxx;", "18-1": "defines the text font color of the value (hex code)", "20-0": "linkinfo=xxx,yyy;", "20-1": "defines an action that will be executed when the button is pressed.", "21-0": "valuesource=xxx;", "21-1": "using this tag the value of the button can be retrieved by using a web service.", "22-0": "usecellformat=true/false;", "22-1": "the button gets the number format from the underlying cell format. NOTE: not applicable to \"toggle\" fields.", "23-0": "componentname=xxx;", "23-1": "sets a name for this control. The functionality \"linkinfo\" is able to activate elements by component name.", "3-2": "value", "19-0": "valuemultiline=true;", "19-1": "defines word wrap style for a text value", "17-0": "valuefontstyle=bold/italic/none;", "17-1": "defines the value text style (default = \"regular\")", "11-0": "backgroundimage=xxx;", "11-1": "sets a background image for the button", "11-2": "", "12-0": "backgroundopacity=x;", "12-1": "sets the opacity of a background image", "12-2": "", "h-3": "Examples", "8-3": "buttonheight=90;\nbuttonheight=20%;", "11-3": "backgroundimage=http://...;", "12-3": "backgroundopacity=10;", "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;", "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;" }, "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://get.openasapp.net/l/app/21d9ca6c-130e-49b1-8dea-f2cfdb61a832](https://get.openasapp.net/l/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=x;", "1-1": "sets a button radius for the corners (rounded button with corner radius = x)", "2-0": "bordercolor=xxx;", "2-1": "sets the border color with a given hex value = xxx", "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=xxx", "5-1": "sets the main caption text color (hex value)", "6-0": "captionhorzalign=center/right;", "6-1": "sets the caption horizontal align (default = left) to \"center\" or \"right\"", "7-0": "captionvertalign=top/bottom;", "7-1": "sets the caption vertical align (default = center) to \"top\" or \"bottom\"", "8-0": "buttonheight=xxx;\nbuttonheight=xxx%;", "8-1": "sets the height of the result button (in \"pixel\" or as a percentage of the display)", "8-2": "", "9-0": "backgroundcolor=xxx;", "9-1": "sets the background color of the button to hex value = xxx", "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\nN0 is a number without decimal place. N1 with one, N2 with two, ...\n\nPx stands for a percentage value. \nCx stands for a currency value.\nDx stands for a decimal value.\nEx stands for a exponential (scientific) value.\nXx stands for a hexadecimal value.", "15-0": "buttonopacity=1-10;", "15-1": "sets the opacity of the button background. The value 10", "16-0": "valuefontsize=xxx;", "16-1": "defines the text font size of the value text (default = 30)", "18-0": "valuetextcolor=xxx;", "18-1": "defines the text font color of the value (hex code)", "20-0": "linkinfo=xxx,yyy;", "20-1": "defines an action that will be executed when the button is pressed.", "21-0": "valuesource=xxx;", "21-1": "using this tag the value of the button can be retrieved by using a web service.", "22-0": "usecellformat=true/false;", "22-1": "the button gets the number format from the underlying cell format. NOTE: not applicable to \"toggle\" fields.", "23-0": "componentname=xxx;", "23-1": "sets a name for this control. The functionality \"linkinfo\" is able to activate elements by component name.", "3-2": "value", "19-0": "valuemultiline=true;", "19-1": "defines word wrap style for a text value", "17-0": "valuefontstyle=bold/italic/none;", "17-1": "defines the value text style (default = \"regular\")", "11-0": "backgroundimage=xxx;", "11-1": "sets a background image for the button", "11-2": "", "12-0": "backgroundopacity=x;", "12-1": "sets the opacity of a background image", "12-2": "", "h-3": "Examples", "8-3": "buttonheight=90;\nbuttonheight=20%;", "11-3": "backgroundimage=http://...;", "12-3": "backgroundopacity=10;", "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;", "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;" }, "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://get.openasapp.net/l/app/21d9ca6c-130e-49b1-8dea-f2cfdb61a832](https://get.openasapp.net/l/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]
{"__v":24,"_id":"5717791a2be45f0e00cab263","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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=x;\",\n    \"0-1\": \"defines a border with width = x around the element\",\n    \"6-0\": \"buttonradius=x;\",\n    \"6-1\": \"sets a button radius for the corners (rounded button with corner radius = x)\",\n    \"8-0\": \"bordercolor=xxx;\",\n    \"8-1\": \"sets the border color with a given hex value = xxx\",\n    \"10-0\": \"metrictext=xxx;\",\n    \"10-1\": \"sets an additional caption (normally at the right top). This can be used to set value descriptions (e.g. \\\"in billions\\\")\",\n    \"13-0\": \"captiontextcolor=xxx\",\n    \"13-1\": \"sets the main caption text color (hex value)\",\n    \"15-0\": \"metrictextcolor=xxx;\",\n    \"15-1\": \"sets the text color of the metric text (hex value)\",\n    \"17-0\": \"buttonheight=xxx;\\nbuttonheight=xxx%;\",\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=xxx;\",\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). \\n\\nN0 is a number without decimal place. N1 with one, N2 with two, ...\\nPx stands for a percentage value. Cx for a currency value\\n\\nonly for double editors!\",\n    \"22-0\": \"buttonopacity=1-10;\",\n    \"22-1\": \"sets the opacity of the button background. The value 10\",\n    \"23-0\": \"valuefontsize=xxx;\",\n    \"23-1\": \"defines the text font size of the value text (default = 30)\",\n    \"24-0\": \"valuetextcolor=xxx;\",\n    \"24-1\": \"defines the text font color of the value (hex code)\",\n    \"10-2\": \"\",\n    \"2-0\": \"minvalue=x;\",\n    \"2-1\": \"sets the minimum value of this editor (for number values)\",\n    \"3-0\": \"maxvalue=x;\",\n    \"3-1\": \"sets the maximum value of this editor (for number values)\",\n    \"5-0\": \"multilinecaption=true/false;\",\n    \"5-1\": \"allows the caption to word wrap the text\",\n    \"7-0\": \"editortype=tileedit/valueright;\",\n    \"7-1\": \"defines a simple flat tile button layout\",\n    \"19-0\": \"separatorcolor=<value>;\",\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=x;\",\n    \"16-1\": \"sets the text font size of the metric text (default = 14)\",\n    \"14-0\": \"captionfontsize=x;\",\n    \"14-1\": \"sets the text font size of the caption text (default = 14)\",\n    \"20-0\": \"shownullvalues=true/false;\",\n    \"4-0\": \"deltastep=x;\",\n    \"4-1\": \"this defines the default increase/decrease of the value when a step button is pressed\",\n    \"1-0\": \"paddingleft=x;paddingright=x;paddingtop=x;paddingbottom=x;\",\n    \"1-1\": \"defines the padding on the defined sides\",\n    \"9-0\": \"elementcolor=xxx;\",\n    \"9-1\": \"sets the color of the step up/down buttons (+/- or </>)\",\n    \"26-0\": \"valuelist=xxx,yyy,zzz;\",\n    \"26-1\": \"sets the available values of a toggle editor\",\n    \"25-0\": \"valuenegativetextcolor=xxx;\",\n    \"25-1\": \"defines the text font color of a negative value (hex code)\",\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  },\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]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-04-20T12:42:02.983Z","excerpt":"Definition reference for editor buttons","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":5,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"editor-buttons","sync_unique":"","title":"Editor buttons","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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=x;", "0-1": "defines a border with width = x around the element", "6-0": "buttonradius=x;", "6-1": "sets a button radius for the corners (rounded button with corner radius = x)", "8-0": "bordercolor=xxx;", "8-1": "sets the border color with a given hex value = xxx", "10-0": "metrictext=xxx;", "10-1": "sets an additional caption (normally at the right top). This can be used to set value descriptions (e.g. \"in billions\")", "13-0": "captiontextcolor=xxx", "13-1": "sets the main caption text color (hex value)", "15-0": "metrictextcolor=xxx;", "15-1": "sets the text color of the metric text (hex value)", "17-0": "buttonheight=xxx;\nbuttonheight=xxx%;", "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=xxx;", "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). \n\nN0 is a number without decimal place. N1 with one, N2 with two, ...\nPx stands for a percentage value. Cx for a currency value\n\nonly for double editors!", "22-0": "buttonopacity=1-10;", "22-1": "sets the opacity of the button background. The value 10", "23-0": "valuefontsize=xxx;", "23-1": "defines the text font size of the value text (default = 30)", "24-0": "valuetextcolor=xxx;", "24-1": "defines the text font color of the value (hex code)", "10-2": "", "2-0": "minvalue=x;", "2-1": "sets the minimum value of this editor (for number values)", "3-0": "maxvalue=x;", "3-1": "sets the maximum value of this editor (for number values)", "5-0": "multilinecaption=true/false;", "5-1": "allows the caption to word wrap the text", "7-0": "editortype=tileedit/valueright;", "7-1": "defines a simple flat tile button layout", "19-0": "separatorcolor=<value>;", "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=x;", "16-1": "sets the text font size of the metric text (default = 14)", "14-0": "captionfontsize=x;", "14-1": "sets the text font size of the caption text (default = 14)", "20-0": "shownullvalues=true/false;", "4-0": "deltastep=x;", "4-1": "this defines the default increase/decrease of the value when a step button is pressed", "1-0": "paddingleft=x;paddingright=x;paddingtop=x;paddingbottom=x;", "1-1": "defines the padding on the defined sides", "9-0": "elementcolor=xxx;", "9-1": "sets the color of the step up/down buttons (+/- or </>)", "26-0": "valuelist=xxx,yyy,zzz;", "26-1": "sets the available values of a toggle editor", "25-0": "valuenegativetextcolor=xxx;", "25-1": "defines the text font color of a negative value (hex code)", "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%;" }, "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=x;", "0-1": "defines a border with width = x around the element", "6-0": "buttonradius=x;", "6-1": "sets a button radius for the corners (rounded button with corner radius = x)", "8-0": "bordercolor=xxx;", "8-1": "sets the border color with a given hex value = xxx", "10-0": "metrictext=xxx;", "10-1": "sets an additional caption (normally at the right top). This can be used to set value descriptions (e.g. \"in billions\")", "13-0": "captiontextcolor=xxx", "13-1": "sets the main caption text color (hex value)", "15-0": "metrictextcolor=xxx;", "15-1": "sets the text color of the metric text (hex value)", "17-0": "buttonheight=xxx;\nbuttonheight=xxx%;", "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=xxx;", "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). \n\nN0 is a number without decimal place. N1 with one, N2 with two, ...\nPx stands for a percentage value. Cx for a currency value\n\nonly for double editors!", "22-0": "buttonopacity=1-10;", "22-1": "sets the opacity of the button background. The value 10", "23-0": "valuefontsize=xxx;", "23-1": "defines the text font size of the value text (default = 30)", "24-0": "valuetextcolor=xxx;", "24-1": "defines the text font color of the value (hex code)", "10-2": "", "2-0": "minvalue=x;", "2-1": "sets the minimum value of this editor (for number values)", "3-0": "maxvalue=x;", "3-1": "sets the maximum value of this editor (for number values)", "5-0": "multilinecaption=true/false;", "5-1": "allows the caption to word wrap the text", "7-0": "editortype=tileedit/valueright;", "7-1": "defines a simple flat tile button layout", "19-0": "separatorcolor=<value>;", "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=x;", "16-1": "sets the text font size of the metric text (default = 14)", "14-0": "captionfontsize=x;", "14-1": "sets the text font size of the caption text (default = 14)", "20-0": "shownullvalues=true/false;", "4-0": "deltastep=x;", "4-1": "this defines the default increase/decrease of the value when a step button is pressed", "1-0": "paddingleft=x;paddingright=x;paddingtop=x;paddingbottom=x;", "1-1": "defines the padding on the defined sides", "9-0": "elementcolor=xxx;", "9-1": "sets the color of the step up/down buttons (+/- or </>)", "26-0": "valuelist=xxx,yyy,zzz;", "26-1": "sets the available values of a toggle editor", "25-0": "valuenegativetextcolor=xxx;", "25-1": "defines the text font color of a negative value (hex code)", "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%;" }, "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]
{"__v":3,"_id":"5717a502ab848c19009d10b1","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"[block:parameters]\n{\n  \"data\": {\n    \"0-0\": \"backgroundcolor=xxx;\",\n    \"1-0\": \"height=x;\",\n    \"2-0\": \"textcolor=xxx;\",\n    \"0-1\": \"sets the background to color xxx (hex value)\",\n    \"h-1\": \"Description\",\n    \"h-0\": \"Definition tag\",\n    \"h-2\": \"Example\",\n    \"1-1\": \"sets the height of the spacer (in \\\"pixel\\\" or as a percentage of the display)\",\n    \"2-1\": \"defines the text font color of the spacer text (hex code)\"\n  },\n  \"cols\": 3,\n  \"rows\": 3\n}\n[/block]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-04-20T15:49:22.518Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":6,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"spacer-definitions","sync_unique":"","title":"Spacer definitions","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","childrenPages":[]}

Spacer definitions


[block:parameters] { "data": { "0-0": "backgroundcolor=xxx;", "1-0": "height=x;", "2-0": "textcolor=xxx;", "0-1": "sets the background to color xxx (hex value)", "h-1": "Description", "h-0": "Definition tag", "h-2": "Example", "1-1": "sets the height of the spacer (in \"pixel\" or as a percentage of the display)", "2-1": "defines the text font color of the spacer text (hex code)" }, "cols": 3, "rows": 3 } [/block]
[block:parameters] { "data": { "0-0": "backgroundcolor=xxx;", "1-0": "height=x;", "2-0": "textcolor=xxx;", "0-1": "sets the background to color xxx (hex value)", "h-1": "Description", "h-0": "Definition tag", "h-2": "Example", "1-1": "sets the height of the spacer (in \"pixel\" or as a percentage of the display)", "2-1": "defines the text font color of the spacer text (hex code)" }, "cols": 3, "rows": 3 } [/block]
{"__v":4,"_id":"5717a5b76e78c819001101e1","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]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-04-20T15:52:23.226Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":7,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"header-definitions","sync_unique":"","title":"Header definitions","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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]
{"__v":0,"_id":"57fb7f9abbb6cc0e00c92d37","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"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]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-10-10T11:46:34.552Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":8,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"grid-definitions","sync_unique":"","title":"Grid definitions","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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]
{"__v":1,"_id":"57fb7fa761ff2e170020248c","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"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]\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.\n[block:parameters]\n{\n  \"data\": {\n    \"0-1\": \"Sets the width of the left color tag. This color tag can be defined using the flag \\\"categorycolumn\\\".\",\n    \"1-1\": \"Sets the width of the right image. The image will be automatically added when there is a listcolumn with a valid url defined.\",\n    \"0-0\": \"categorywidth=<value>;\",\n    \"1-0\": \"imagewidth=<value>;\",\n    \"2-0\": \"categorycolumn=<index>;\",\n    \"2-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    \"3-0\": \"categorycolorpalette=<color1>,<color2>,<color3>,<color4>;\",\n    \"3-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    \"3-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    \"3-3\": \"categorycolorpalette=#EDAD52,#21BADA,#3CC795,#EC7063;\",\n    \"0-2\": \"px\\n**default**: 15\",\n    \"1-2\": \"px\\n**default**: 60\",\n    \"1-3\": \"imagewidth=60;\",\n    \"0-3\": \"categorywidth=15;\",\n    \"2-3\": \"categorycolumn=1;\",\n    \"2-2\": \"Column list index\",\n    \"4-0\": \"imagefillmode=<value>;\",\n    \"4-2\": \"aspectfit, aspectfill, fill\\n**default**: aspectfill\",\n    \"4-3\": \"imagefillmode=aspectfill;\",\n    \"4-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  },\n  \"cols\": 4,\n  \"rows\": 5\n}\n[/block]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-10-10T11:46:47.207Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":9,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"cardview-definitions","sync_unique":"","title":"Card list definitions","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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] 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. [block:parameters] { "data": { "0-1": "Sets the width of the left color tag. This color tag can be defined using the flag \"categorycolumn\".", "1-1": "Sets the width of the right image. The image will be automatically added when there is a listcolumn with a valid url defined.", "0-0": "categorywidth=<value>;", "1-0": "imagewidth=<value>;", "2-0": "categorycolumn=<index>;", "2-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.", "3-0": "categorycolorpalette=<color1>,<color2>,<color3>,<color4>;", "3-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.", "3-2": "hex code\n**default**: #EDAD52,#21BADA,#3CC795,#EC7063", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Example", "3-3": "categorycolorpalette=#EDAD52,#21BADA,#3CC795,#EC7063;", "0-2": "px\n**default**: 15", "1-2": "px\n**default**: 60", "1-3": "imagewidth=60;", "0-3": "categorywidth=15;", "2-3": "categorycolumn=1;", "2-2": "Column list index", "4-0": "imagefillmode=<value>;", "4-2": "aspectfit, aspectfill, fill\n**default**: aspectfill", "4-3": "imagefillmode=aspectfill;", "4-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." }, "cols": 4, "rows": 5 } [/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] 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. [block:parameters] { "data": { "0-1": "Sets the width of the left color tag. This color tag can be defined using the flag \"categorycolumn\".", "1-1": "Sets the width of the right image. The image will be automatically added when there is a listcolumn with a valid url defined.", "0-0": "categorywidth=<value>;", "1-0": "imagewidth=<value>;", "2-0": "categorycolumn=<index>;", "2-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.", "3-0": "categorycolorpalette=<color1>,<color2>,<color3>,<color4>;", "3-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.", "3-2": "hex code\n**default**: #EDAD52,#21BADA,#3CC795,#EC7063", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Example", "3-3": "categorycolorpalette=#EDAD52,#21BADA,#3CC795,#EC7063;", "0-2": "px\n**default**: 15", "1-2": "px\n**default**: 60", "1-3": "imagewidth=60;", "0-3": "categorywidth=15;", "2-3": "categorycolumn=1;", "2-2": "Column list index", "4-0": "imagefillmode=<value>;", "4-2": "aspectfit, aspectfill, fill\n**default**: aspectfill", "4-3": "imagefillmode=aspectfill;", "4-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." }, "cols": 4, "rows": 5 } [/block]
{"__v":1,"_id":"57fb7fb003a7f92000032fb4","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"body":"[block:image]\n{\n  \"images\": [\n    {\n      \"image\": [\n        \"https://files.readme.io/16ea259-4-chart-legende-beispiel.png\",\n        \"4-chart-legende-beispiel.png\",\n        420,\n        308,\n        \"#c94c48\"\n      ],\n      \"caption\": \"Donut Chart with a definition \\\"showlegend=true;\\\". This flag activates the chart legend below the chart.\"\n    }\n  ],\n  \"sidebar\": true\n}\n[/block]\n\n[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  },\n  \"cols\": 4,\n  \"rows\": 12\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....","category":"56240b9ed4e3f00d00534bbf","createdAt":"2016-10-10T11:46:56.068Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":10,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"chart-definitions","sync_unique":"","title":"Chart definitions","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","childrenPages":[]}

Chart definitions


[block:image] { "images": [ { "image": [ "https://files.readme.io/16ea259-4-chart-legende-beispiel.png", "4-chart-legende-beispiel.png", 420, 308, "#c94c48" ], "caption": "Donut Chart with a definition \"showlegend=true;\". This flag activates the chart legend below the chart." } ], "sidebar": true } [/block] [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;" }, "cols": 4, "rows": 12 } [/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:image] { "images": [ { "image": [ "https://files.readme.io/16ea259-4-chart-legende-beispiel.png", "4-chart-legende-beispiel.png", 420, 308, "#c94c48" ], "caption": "Donut Chart with a definition \"showlegend=true;\". This flag activates the chart legend below the chart." } ], "sidebar": true } [/block] [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;" }, "cols": 4, "rows": 12 } [/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....
{"__v":0,"_id":"5888aebbe7c13a2d00752030","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"body":"[block:callout]\n{\n  \"type\": \"danger\",\n  \"title\": \"Heavy developement\"\n}\n[/block]\n\n[block:parameters]\n{\n  \"data\": {\n    \"0-1\": \"\",\n    \"2-1\": \"Defines a spacing between the items contained in this group.\",\n    \"0-0\": \"paddingleft=<value>;\",\n    \"2-0\": \"columnspacing=<value>;\",\n    \"1-0\": \"paddingright=<value>;\",\n    \"h-0\": \"Definition\",\n    \"h-1\": \"Description\",\n    \"h-2\": \"Values\",\n    \"h-3\": \"Examples\",\n    \"3-0\": \"buttonheight=<value>;\",\n    \"3-2\": \"px or as % of the display\",\n    \"3-3\": \"height=30%;\\nheight=200;\"\n  },\n  \"cols\": 4,\n  \"rows\": 4\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\": \"Item width\"\n}\n[/block]","category":"56240b9ed4e3f00d00534bbf","createdAt":"2017-01-25T13:57:15.042Z","excerpt":"Groups include multiple single items. Groups are defined as items wth contenttype=\"grouplayout\" and have specific options.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"pages":[],"description":""},"order":11,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"group-definitions","sync_unique":"","title":"Group definitions","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","childrenPages":[]}

Group definitions

Groups include multiple single items. Groups are defined as items wth contenttype="grouplayout" and have specific options.

[block:callout] { "type": "danger", "title": "Heavy developement" } [/block] [block:parameters] { "data": { "0-1": "", "2-1": "Defines a spacing between the items contained in this group.", "0-0": "paddingleft=<value>;", "2-0": "columnspacing=<value>;", "1-0": "paddingright=<value>;", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "3-0": "buttonheight=<value>;", "3-2": "px or as % of the display", "3-3": "height=30%;\nheight=200;" }, "cols": 4, "rows": 4 } [/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": "Item width" } [/block]
[block:callout] { "type": "danger", "title": "Heavy developement" } [/block] [block:parameters] { "data": { "0-1": "", "2-1": "Defines a spacing between the items contained in this group.", "0-0": "paddingleft=<value>;", "2-0": "columnspacing=<value>;", "1-0": "paddingright=<value>;", "h-0": "Definition", "h-1": "Description", "h-2": "Values", "h-3": "Examples", "3-0": "buttonheight=<value>;", "3-2": "px or as % of the display", "3-3": "height=30%;\nheight=200;" }, "cols": 4, "rows": 4 } [/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": "Item width" } [/block]
{"__v":2,"_id":"56df3a6d053b8017005f7f37","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"Supported:\n* CSV-Dateien\n* MS Excel \n* Google Sheets (public)\n* Dropbox (public)\n* Sharepoint (public, via guest link)\n\nPlanned:\n* Sharepoint: via guest account","category":"56b0efedd97a7017007ce861","createdAt":"2016-03-08T20:47:41.432Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":0,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"data-sources","sync_unique":"","title":"Data Sources","type":"basic","updates":[],"user":"5620f30cb244890d001868e4","version":"56123686436e0b0d000129a0","childrenPages":[]}

Data Sources


Supported: * CSV-Dateien * MS Excel * Google Sheets (public) * Dropbox (public) * Sharepoint (public, via guest link) Planned: * Sharepoint: via guest account
Supported: * CSV-Dateien * MS Excel * Google Sheets (public) * Dropbox (public) * Sharepoint (public, via guest link) Planned: * Sharepoint: via guest account
{"__v":6,"_id":"56b0f02336d2580d00247823","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"body":"# Fully Supported\n* derive cell value lists from cell validation definitions\n* derive cell min/max values from cell validation definitions\n\n# Fully Supported but Improvable\n* distinguish lists from calculations\n* recognize latitude/longitude list columns\n* recognize phone number list columns\n* determine labels for calculator fields\n\n# Semi-Supported (not configurable / not yet supported by clients)\n* arbitrary cell validation\n\n# Upcoming\n* ...","category":"56b0efedd97a7017007ce861","createdAt":"2016-02-02T18:06:27.534Z","excerpt":"","githubsync":"","hidden":false,"link_external":false,"link_url":"","order":1,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"analysis-features","sync_unique":"","title":"Analysis Features","type":"basic","updates":[],"user":"5620f30cb244890d001868e4","version":"56123686436e0b0d000129a0","childrenPages":[]}

Analysis Features


# Fully Supported * derive cell value lists from cell validation definitions * derive cell min/max values from cell validation definitions # Fully Supported but Improvable * distinguish lists from calculations * recognize latitude/longitude list columns * recognize phone number list columns * determine labels for calculator fields # Semi-Supported (not configurable / not yet supported by clients) * arbitrary cell validation # Upcoming * ...
# Fully Supported * derive cell value lists from cell validation definitions * derive cell min/max values from cell validation definitions # Fully Supported but Improvable * distinguish lists from calculations * recognize latitude/longitude list columns * recognize phone number list columns * determine labels for calculator fields # Semi-Supported (not configurable / not yet supported by clients) * arbitrary cell validation # Upcoming * ...
{"__v":8,"_id":"56254eb826c3960d003c03de","api":{"auth":"required","examples":{"codes":[]},"method":"post","params":[{"_id":"56793c05239fac0d00c7df50","ref":"","required":true,"desc":"App name.","default":"","type":"string","name":"name","in":"body"},{"_id":"56793c05239fac0d00c7df4f","ref":"","required":true,"desc":"URL to the app's publicly accessible spreadsheet.","default":"","type":"string","name":"dataUrl","in":"body"},{"_id":"56793c05239fac0d00c7df4e","ref":"","required":false,"desc":"OPTIONAL: E-Mail address of the person the app should be assigned to. The e-mail address must correspond to an existing OpenAsApp user. If omitted, theapp will directly be assigned to the authenticated service.","default":"","type":"string","name":"ownerEmail","in":"body"},{"_id":"567b454d17368a0d009a6e6c","ref":"","required":false,"desc":"OPTIONAL: If *false*, **ownerEmail** will not be notified.","default":"true","type":"boolean","name":"sendNotifications","in":"path"},{"_id":"5693b54e3e9d080d00f06408","ref":"","required":false,"desc":"OPTIONAL: If an **appId** is provided, the service will update an existing app instead of generating a new one. This app must belong to **ownerEmail**.","default":"","type":"string","name":"appId","in":"body"},{"_id":"569074ef1ea7970d00cc65c5","default":"","desc":"OPTIONAL: App template, possible values: *list.generic*, *list.map*, *list.map_hybrid*, *calculation*. If omitted, the optimal template is determined by the server.","in":"body","name":"templateId","ref":"","required":false,"type":"string"},{"_id":"569074ef1ea7970d00cc65c4","ref":"","required":false,"desc":"OPTIONAL: Overwrites the *App-Definition* of the generated app (enables app branding). See *Examples* above.","default":"","type":"string","name":"appDefinitions","in":"body"},{"_id":"569074ef1ea7970d00cc65c3","ref":"","required":false,"desc":"OPTIONAL: Overwrites the *Card-Definition* of the generated app (enables app branding). See *Examples* above.","default":"","type":"string","name":"appCardDefinitions","in":"body"},{"_id":"569074ef1ea7970d00cc65c2","ref":"","required":false,"desc":"OPTIONAL: Overwrites the *XML-Raw* of the generated app (enables generating custom apps). See *Examples* above.","default":"","type":"string","name":"appConfiguration","in":"body"},{"_id":"569074ef1ea7970d00cc65c1","ref":"","required":false,"desc":"OPTIONAL: List of cells (in *A1*, *B2*, .. format) used for generating a *templateId=calculation* app.","default":"null","type":"array_string","name":"cellHints","in":"body"},{"_id":"56fc37067f4a150e0095f610","default":"true","desc":"OPTIONAL: Whether access to the generated app is only granted to people in the app's explicit access control list.","in":"body","name":"isPrivate","ref":"","required":false,"type":"boolean"},{"_id":"5787a35e9f5d1b0e00433017","ref":"","required":false,"desc":"OPTIONAL: If true, the app can only be accessed by its owner (the isPrivate flag is ignored).","default":"true","type":"boolean","name":"isPrototype","in":"body"}],"results":{"codes":[{"name":null,"code":"{\n    \"id\": \"b7727e56-4c70-4c4b-a0a9-c5212b643fb0\",\n    \"name\": \"Test App\",\n    \"dataUrl\": \"https://wunderappnew.blob.core.windows.net/app-0270dbc1-0107-4e21-badb-53ef4207e53a/data.xlsx\",\n    \"ownerEmail\": \"test@test.com\",\n    \"links\": {\n        \"launchUrl\": \"https://openasapp.azurewebsites.net/applink.html?type=app&id=b7727e56-4c70-4c4b-a0a9-c5212b643fb0\",\n        \"configUrl\": \"http://openasapp.azurewebsites.net/index-admin.html#!/apps/admin/b7727e56-4c70-4c4b-a0a9-c5212b643fb0\"\n    }\n}","language":"json","status":null}]},"settings":"56dd9c9dda7b653200478df3","url":"/api/AppBuilderApps?sendNotifications=:sendNotifications"},"body":"[block:callout]\n{\n  \"type\": \"danger\",\n  \"body\": \"The API is highly experimental and should not be used in production environments\"\n}\n[/block]","category":"56212eeeb244890d0018693f","createdAt":"2015-10-19T20:12:40.051Z","editedParams":true,"editedParams2":true,"excerpt":"Generates an app given a link to a publicly accessible spreadsheet.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","order":0,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"postapp","sync_unique":"","title":"POST App","type":"post","updates":[],"user":"5620f30cb244890d001868e4","version":"56123686436e0b0d000129a0","childrenPages":[]}

postPOST App

Generates an app given a link to a publicly accessible spreadsheet.

Path Params

sendNotifications:
booleantrue
OPTIONAL: If *false*, **ownerEmail** will not be notified.

Body Params

name:
required
string
App name.
dataUrl:
required
string
URL to the app's publicly accessible spreadsheet.
ownerEmail:
string
OPTIONAL: E-Mail address of the person the app should be assigned to. The e-mail address must correspond to an existing OpenAsApp user. If omitted, theapp will directly be assigned to the authenticated service.
appId:
string
OPTIONAL: If an **appId** is provided, the service will update an existing app instead of generating a new one. This app must belong to **ownerEmail**.
templateId:
string
OPTIONAL: App template, possible values: *list.generic*, *list.map*, *list.map_hybrid*, *calculation*. If omitted, the optimal template is determined by the server.
appDefinitions:
string
OPTIONAL: Overwrites the *App-Definition* of the generated app (enables app branding). See *Examples* above.
appCardDefinitions:
string
OPTIONAL: Overwrites the *Card-Definition* of the generated app (enables app branding). See *Examples* above.
appConfiguration:
string
OPTIONAL: Overwrites the *XML-Raw* of the generated app (enables generating custom apps). See *Examples* above.
cellHints:
array of stringsnull
OPTIONAL: List of cells (in *A1*, *B2*, .. format) used for generating a *templateId=calculation* app.
isPrivate:
booleantrue
OPTIONAL: Whether access to the generated app is only granted to people in the app's explicit access control list.
isPrototype:
booleantrue
OPTIONAL: If true, the app can only be accessed by its owner (the isPrivate flag is ignored).
[block:callout] { "type": "danger", "body": "The API is highly experimental and should not be used in production environments" } [/block]

User Information

Try It Out

post
{{ tryResults.results }}
Method{{ tryResults.method }}
Request Headers
{{ tryResults.requestHeaders }}
URL{{ tryResults.url }}
Request Data
{{ tryResults.data }}
Status
Response Headers
{{ tryResults.responseHeaders }}

Definition

{{ api_url }}{{ page_api_url }}

Result Format



[block:callout] { "type": "danger", "body": "The API is highly experimental and should not be used in production environments" } [/block]
{"__v":0,"_id":"58beaf85f0f7570f00aee2d8","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"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 caption=\\\"\\\" id=\\\"\\\" inputtype=\\\"\\\" contenttype=\\\"\\\" address=\\\"\\\">\\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]","category":"56123d153cf4bc0d00554e39","createdAt":"2017-03-07T13:03:01.244Z","excerpt":"Navigate in your app by using own buttons instead of page tabs.","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"pages":[],"description":""},"order":0,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"advanced-navigation","sync_unique":"","title":"Advanced Navigation","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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 caption=\"\" id=\"\" inputtype=\"\" contenttype=\"\" address=\"\">\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 caption=\"\" id=\"\" inputtype=\"\" contenttype=\"\" address=\"\">\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]
{"__v":1,"_id":"57fd0db50072502200fa94d2","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"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]","category":"57fcfbde4002550e004c0475","createdAt":"2016-10-11T16:05:09.599Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":0,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"brutto-netto-rechner","sync_unique":"","title":"Brutto-Netto-Rechner","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":1,"_id":"57fd0b3e2c481d190076f038","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"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]","category":"57fcfbde4002550e004c0475","createdAt":"2016-10-11T15:54:38.933Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":1,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"startup-reporting","sync_unique":"","title":"Startup Reporting","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","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]
{"__v":0,"_id":"584eb700a4a2541900818c95","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"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]","category":"57fcfbde4002550e004c0475","createdAt":"2016-12-12T14:41:04.335Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"pages":[],"description":""},"order":2,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"machine-hour-rate-calculation","sync_unique":"","title":"Machine hour rate calculation","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":1,"_id":"57fd146b0072502200fa94d7","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"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]","category":"57fcfbde4002550e004c0475","createdAt":"2016-10-11T16:33:47.726Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":3,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"rentenberechnung","sync_unique":"","title":"Rentenberechnung","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":2,"_id":"5625317126c3960d003c03a3","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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","createdAt":"2015-10-19T18:07:45.628Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":4,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"acme-financial-report","sync_unique":"","title":"ACME Financial Report","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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]
{"__v":2,"_id":"5625364172ac510d00e4924c","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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]","category":"57fcfbde4002550e004c0475","createdAt":"2015-10-19T18:28:17.432Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":5,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"dashboard-sales-and-finance","sync_unique":"","title":"Dashboard Sales and Finance","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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]
{"__v":1,"_id":"57fd0d1e0072502200fa94cf","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"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]","category":"57fcfbde4002550e004c0475","createdAt":"2016-10-11T16:02:38.255Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":6,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"license-comparison","sync_unique":"","title":"License Comparison","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":1,"_id":"57fd0c5960205c19008485b9","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"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","createdAt":"2016-10-11T15:59:21.622Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":7,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"logistic-corp-on-time-analysis","sync_unique":"","title":"Logistic Corp - On Time Analysis","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":0,"_id":"584eb52a85373a1b00143dc6","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"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","createdAt":"2016-12-12T14:33:14.909Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"pages":[],"description":""},"order":8,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"kanban-calculator","sync_unique":"","title":"Kanban Calculator","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","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]
{"__v":1,"_id":"57fd0f1460205c19008485c0","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"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]","category":"57fcfbde4002550e004c0475","createdAt":"2016-10-11T16:11:00.991Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":9,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"lizenzkalkulator-für-salesperformer","sync_unique":"","title":"Lizenzkalkulator für Salesperformer","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":0,"_id":"58875eebe3e762190098de1c","api":{"settings":"","results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"auth":"required","params":[],"url":""},"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","createdAt":"2017-01-24T14:04:27.092Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"pages":[],"description":""},"order":10,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"euro-dollar-currency-calculator","sync_unique":"","title":"Euro Dollar - Currency Calculator","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":1,"_id":"57fd0cb260205c19008485ba","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"url":""},"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","createdAt":"2016-10-11T16:00:50.579Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":11,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"consultants-germany","sync_unique":"","title":"Consultants Germany","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":1,"_id":"57fcffc59e8c480e00a62b24","api":{"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","auth":"required","params":[],"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]","category":"57fcfbde4002550e004c0475","createdAt":"2016-10-11T15:05:41.446Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":12,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"bmi-calculator","sync_unique":"","title":"BMI Calculator","type":"basic","updates":[],"user":"56f00bdbd2877b34002479f1","version":"56123686436e0b0d000129a0","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]
{"__v":16,"_id":"561239123cf4bc0d00554e34","api":{"auth":"required","params":[],"results":{"codes":[{"status":200,"language":"json","code":"{}","name":""},{"status":400,"language":"json","code":"{}","name":""}]},"settings":"","url":""},"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","createdAt":"2015-10-05T08:47:14.783Z","excerpt":"","githubsync":"","hidden":false,"isReference":false,"link_external":false,"link_url":"","next":{"description":"","pages":[]},"order":13,"parentDoc":null,"project":"56123686436e0b0d0001299d","slug":"peters-app","sync_unique":"","title":"Peter's App","type":"basic","updates":[],"user":"55b249ab348df72d001d69b7","version":"56123686436e0b0d000129a0","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\"