the only thing you have to make sure, that your forms are 320px width
create a global with this default value:
- Code: Select all
<html><head></head></html><meta name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
Place this global on every form, make it an HTML-AREA and make it 1px by 1px (and hide it somewhere)
Now Servoy is taking care of the rest.
I also promised to post my CSS style (it's not quit finished and optimal, but if gives you a jumpstart!)
- Code: Select all
field
{
font-family: Helvetica;
//font-weight: bold;
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #b6b6b6;
font-size: 13px;
color: #000000;
text-align: left;
}
form
{
background-color: #ffffff;
border-style: none;
}
label
{
font-family: Helvetica;
font-weight: bold;
font-size: 10px;
color: #000000;
text-align: left;
}
label.menu
{
font-family: Helvetica;
font-weight: bold;
font-size: 20pt;
color: #ffffff;
text-align: center;
//text-shadow: #333 0px 1px 1px;
}
label.menutext
{
font-family: Helvetica;
font-weight: bold;
font-size: 12pt;
color: #ffffff;
text-align: center;
}
label.menutext_plus
{
font-family: Helvetica;
font-weight: plain;
font-size: 22pt;
color: #ffffff;
text-align: center;
}
label.list
{
background-color: #ffffff;
border-width: 0px 0px 1px 0px;
border-color: #dddddd;
border-style: solid;
font-family: Helvetica;
font-weight: bold;
font-size: 22pt;
color: #000000;
text-align: left;
margin: 0 6px 0 9px;
}
label.list_doubleline
{
background-color: #ffffff;
border-width: 0px 0px 1px 0px;
border-color: #dddddd;
border-style: solid;
font-family: Helvetica;
font-weight: bold;
font-size: 16pt;
color: #000000;
text-align: left;
margin: 0 6px 0 9px;
}
label.calendardays
{
font-family: Helvetica;
font-weight: bold;
font-size: 14pt;
color: #000000;
text-align: center;
}
label.calendarnumbers
{
font-family: Helvetica;
font-weight: bold;
font-size: 18pt;
color: #000000;
text-align: center;
}
.navigatornumber
{
background-color: #ffffff;
border-width: 1px 1px 1px 1px;
border-color: #dddddd;
border-style: solid;
font-family: Helvetica;
font-weight: bold;
font-size: 22pt;
margin: 0 6px 0 6px;
color: #000000;
}
.navigatornext
{
display: none;
}
.navigatorprev
{
display: none;
}
.navigatorfirst
{
display: none;
}
.navigatorlast
{
display: none;
}
I hope you all enjoined our session.
Hope to see you next year on Servoy World.