BMI Calculator

Link to the app
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

📘

Background Image & Button Radius

The definition "backgroundimage=http://www.wunderapps.net/brandings/apps/bmi-bg.png;" makes it possible to define an image as background for the app.
In 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.

640640

BMI Calculation

App Definitions

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

Raw XML Configuration

<?xml version="1.0" encoding="utf-8"?>
<pages>
    <page pageid="1" caption="Allgemein">
        <excelcontent id="xxx">
            <items>
                <item caption="spacer" inputtype="" contenttype="spacer">
                    <itemdefinitions>height=5%;showeditbuttons=true;</itemdefinitions>
                </item>
                <item id="height" caption="Height" inputtype="input" contenttype="integer" address="B1">
                    <itemdefinitions>minvalue=50;deltastep=1;buttonheight=18%;buttonradius=8;backgroundcolor=#ffffff;buttonopacity=9;metrictext=in cm;elementcolor=#3cdaf1;valuetextcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>
                </item>
                <item id="weight" caption="Weight" inputtype="input" contenttype="integer" address="B2">
                    <itemdefinitions>minvalue=1;buttonheight=18%;buttonradius=8;metrictext=in kg;backgroundcolor=#ffffff;buttonopacity=9;elementcolor=#3cdaf1;valuetextcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>
                </item>
                <item id="bmi" caption="BMI" inputtype="output" contenttype="double" address="B6">
                    <itemdefinitions>buttonheight=16%;buttonradius=8;buttonopacity=9;backgroundcolor=#3cdaf1;showeditbuttons=true;</itemdefinitions>
                </item>
                <item id="rating" caption="Rating" inputtype="output" contenttype="result" address="B7">
                    <itemdefinitions>buttonheight=16%;buttonradius=9;buttonopacity=9;backgroundcolor=#3cdaf1;showeditbuttons=true</itemdefinitions>
                </item>
                <item caption="" inputtype="output" contenttype="image" address="">
                    <itemdefinitions>height=40%;imageclickevent=true;imagefile=http://www.salesperformer.net/branding/wunderapp/bmi-1.png;</itemdefinitions>
                </item>
            </items>
        </excelcontent>
    </page>
</pages>

Card Definitions

cardbackgroundimage=http://www.wunderapps.net/brandings/apps/bmi.png;captionopacity=7;cardheight=150;carddescriptionhide=true;cardcaptionbackgroundcolor=#3ad9f2;cardbackgroundcolor=transparent