NetTalk Central

Author Topic: Form with displays in desktop vs mobile  (Read 4331 times)

Alberto

  • Hero Member
  • *****
  • Posts: 1873
    • MSN Messenger - alberto-michelis@hotmail.com
    • View Profile
    • ARMi software solutions
    • Email
Form with displays in desktop vs mobile
« 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]
-----------
Regards
Alberto

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11250
    • View Profile
Re: Form with displays in desktop vs mobile
« Reply #1 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

Alberto

  • Hero Member
  • *****
  • Posts: 1873
    • MSN Messenger - alberto-michelis@hotmail.com
    • View Profile
    • ARMi software solutions
    • Email
Re: Form with displays in desktop vs mobile
« Reply #2 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?
« Last Edit: May 11, 2015, 05:21:57 AM by michelis »
-----------
Regards
Alberto

Bruce

  • Global Moderator
  • Hero Member
  • *****
  • Posts: 11250
    • View Profile
Re: Form with displays in desktop vs mobile
« Reply #3 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.

Alberto

  • Hero Member
  • *****
  • Posts: 1873
    • MSN Messenger - alberto-michelis@hotmail.com
    • View Profile
    • ARMi software solutions
    • Email
Re: Form with displays in desktop vs mobile
« Reply #4 on: May 11, 2015, 05:28:37 AM »
1) I'm using CSS outer div class: ' nt-right-justify'   CSS class:' black bold'

-----------
Regards
Alberto

Alberto

  • Hero Member
  • *****
  • Posts: 1873
    • MSN Messenger - alberto-michelis@hotmail.com
    • View Profile
    • ARMi software solutions
    • Email
Re: Form with displays in desktop vs mobile
« Reply #5 on: May 11, 2015, 06:03:08 AM »
here you can see the resulting source code and the browse view

[attachment deleted by admin]
-----------
Regards
Alberto