Peter's App

Link to the app
https://oaa.app.link/launch-app-965165e8-dc6f-44aa-892e-6bab6a559a6f

App-Definition

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

XML-Raw

<?xml version="1.0" encoding="utf-8"?>
<pages
    xmlns="urn:WunderApp">
    <page pageid="1" caption="Calculation" definitions="summarywidth=110;summaryopacity=6;summarybackgroundcolor=AC190D;">
        <excelcontent id="1">
            <caption>Allgemein</caption>
            <description>Allgemein</description>
            <definitions>buttonopacity=9;separatorcolor=CFCFCF;elementcolor=39A83C;valuetextcolor=39A83C;</definitions>
            <items>
                <item id="UNn3qXCA" caption="Product name" inputtype="input" contenttype="toggle" address="C6">
                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b</itemdefinitions>
                </item>
                <item id="8wy0xneJ" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>
                </item>
                <item id="3dDKdwi6" caption="Production volume" inputtype="input" contenttype="integer" address="C4">
                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;deltastep=10;metrictext=in pcs.</itemdefinitions>
                </item>
                <item id="mATybpvb" caption="mATybpvb" inputtype="output" contenttype="grouplayout">
                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>
                </item>
                <item id="R15cZh8b" caption="Original costs" inputtype="output" contenttype="result" address="D20">
                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=mATybpvb;metrictext=per pc.</itemdefinitions>
                </item>
                <item id="xQAamBTM" caption="Original costs" inputtype="output" contenttype="result" address="E20">
                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=mATybpvb;metrictext=p.a.</itemdefinitions>
                </item>
                <item id="GZlgjAhk" caption="Discount" inputtype="input" contenttype="percent" address="C23">
                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=0.001</itemdefinitions>
                </item>
                <item id="JoxolC6R" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>
                </item>
                <item caption="Target profit per pc." id="8H5Joj7T" inputtype="input" contenttype="percent" address="C21">
                    <itemdefinitions>backgroundcolor=#ffffff;elementcolor=#09679b;valuetextcolor=#09679b;showeditbuttons=true;usecellformat=1;deltastep=1</itemdefinitions>
                </item>
                <item id="II7EpWaT" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>
                </item>
                <item id="DcGmVRAq" caption="Cash discount" inputtype="input" contenttype="percent" address="C25">
                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=15%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=1</itemdefinitions>
                </item>
                <item id="pwajIFzx" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=1;backgroundcolor=#09679b;</itemdefinitions>
                </item>
                <item id="BmXvueaj" caption="VAT" inputtype="input" contenttype="toggle" address="C27">
                    <itemdefinitions>backgroundcolor=#ffffff;buttonheight=12%;elementcolor=#09679b;valuetextcolor=#09679b;minvalue=0;deltastep=0.001</itemdefinitions>
                </item>
                <item id="faONQDCT" caption="faONQDCT" inputtype="output" contenttype="grouplayout">
                    <itemdefinitions>buttonheight=90;metrictext=;separatorcolor=white;bordercolor=transparent;buttonradius=0;backgroundcolor=ff0000;elementcolor=000000;valuetextcolor=000000;</itemdefinitions>
                </item>
                <item id="klnGlVQs" caption="Cash selling price, gross" inputtype="output" contenttype="result" address="D28">
                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;metrictext=per pc.;groupname=faONQDCT</itemdefinitions>
                </item>
                <item id="wT71fva9" caption="Cash selling price, gross" inputtype="output" contenttype="result" address="E28">
                    <itemdefinitions>nocaption=true;buttonheight=15%;buttonradius=0;backgroundcolor=#09679b;usecellformat=true;elementcolor=white;valuetextcolor=#ffffff;groupname=faONQDCT;metrictext=p.a.</itemdefinitions>
                </item>
                <item id="k6DYbHY0" caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=10%;backgroundcolor=#00000000</itemdefinitions>
                </item>
            </items>
        </excelcontent>
    </page>
    <page pageid="2" caption="Products">
        <excelcontent id="2">
            <items>
                <item id="pjxdkNwg" contenttype="cardlist" address="B31:G37">
                    <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>
                </item>
            </items>
        </excelcontent>
    </page>
</pages>

Card-Definition

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