NetTalk Central

NetTalk Web Server => Web Server - Ask For Help => Topic started by: Alberto on May 09, 2015, 12:27:56 PM

Title: Form with displays in desktop vs mobile
Post by: Alberto on May 09, 2015, 12:27:56 PM

Hi, I have a form wich looks good align in desktop but not in mobile.
Two questions.
1) How can I align the displays fields to the right in desktp?
2) How can I achieve the same alignment in mobile? thena in desktop?
Thanks


[attachment deleted by admin]

Title: Re: Form with displays in desktop vs mobile
Post by: Bruce on May 11, 2015, 05:15:56 AM

>> 1) How can I align the displays fields to the right in desktp?
>> 2) How can I achieve the same alignment in mobile? thena in desktop?

using css.
There's even a quick option there to select right-justify.

Go to the FormField, to the CSS tab, then select from "Column CSS".

cheers
Bruce

Title: Re: Form with displays in desktop vs mobile
Post by: Alberto on May 11, 2015, 05:18:39 AM

1) I'm using CSS outer div class: ' nt-right-justify'   CSS class:' black bold'

2) but why in mobile mode the columns are not aligned? like in desktop mode?

Title: Re: Form with displays in desktop vs mobile
Post by: Bruce on May 11, 2015, 05:21:12 AM

>> but why in mobile mode the columns are not aligned? like in desktop mode?

As I recall the columns are spanned in mobile mode - giving you more control with CSS as to what it looks like on small screens.

Title: Re: Form with displays in desktop vs mobile
Post by: Alberto on May 11, 2015, 05:28:37 AM

1) I'm using CSS outer div class: ' nt-right-justify'   CSS class:' black bold'

Title: Re: Form with displays in desktop vs mobile
Post by: Alberto on May 11, 2015, 06:03:08 AM

here you can see the resulting source code and the browse view

[attachment deleted by admin]