Page 1 of 1

Mobile ready layout

Posted: Sun Jun 10, 2018 7:51 am
by ConstanceLake

Hi, the app we build need to run on mobile devices. Therefore we need a slim design and user handling.

1) We would like to suppress all messages (succeeds, errors, warnings etc.) How o do this?

2) Text in drop-down boxes ist wrapped. How to configure a drop-down menu of fix size without texz wrapping

3) We need to provide a survey form with radio buttons. Not clear, hoe to customize one survey page with several horizontal radio button lines. When I reduce the browser size the horizontal radio buttonline get's vertical :-(

3) In general we do not need the AdminLTE for mobile access. How to chnage the layout to a more responsive design?

Sorry to put different topics in one discussion, if needed I will separate it. But these are our main pain points to build a mobile app.

Thanks, Thomas


Re: Mobile ready layout

Posted: Mon Jun 11, 2018 11:10 am
by motfs

1) We would like to suppress all messages (succeeds, errors, warnings etc.) How o do this?

You can set your message to empty string by using Message_Showing server event. Read Server Event and Client Scripts -> Message_Showing in help file for more detail.

2) Text in drop-down boxes ist wrapped. How to configure a drop-down menu of fix size without texz wrapping

Try to view HTML source to apply CSS to change (see if the following link works for you, h+ttps://www.w3schools.com/cssref/css3_pr_word-wrap.asp)

3) We need to provide a survey form with radio buttons. Not clear, hoe to customize one survey page with several horizontal radio button lines. When I reduce the browser size the horizontal radio buttonline get's vertical :-(

You can use Custom Template Feature to display what the format you want. Read Custom Template in help file for more detail.
buttonline get's vertical
You can apply your CSS to override it (click HTML -> Styles -> User). Read HTML Settings -> Styles in help file for more detail. Try to view HTML source and compare the CSS for the element before switching to mobile mode to find out the difference in CSS setting.

3) In general we do not need the AdminLTE for mobile access. How to chnage the layout to a more responsive design?

Try to provide more specific comment. What issue you have encountered?