alignment and spacing

  • Profile Image
    alvincosio
    Asked on June 18, 2013 at 03:47 PM

    Hi,

     

    i have a problem i cant align the spacing between textboxes in the same row and the length of text area must be equal to the length of the last textboxes 

     

    i have attached my photoshop made that i wanna create so you have any idea of what i talking about

    (see iliketo.jpg) 

    thanks,

    Alvin

  • Profile Image
    EltonCris
    Answered on June 18, 2013 at 04:06 PM

    Hi,

    How about like this?

    If you like, simply inject this CSS codes to your form. Guide: How to Inject Custom CSS Codes to your Form

    #id_1, #id_2, #id_3, #id_5, #id_7{

    padding: 4px 0 !important;

    }

    #input_5{

    width: 581px;

    min-width: 581px;

    max-width: 581px;

    }

    Hope this helps. Thanks!

  • Profile Image
    alvincosio
    Answered on June 18, 2013 at 04:11 PM

    oops. it works fine in chrome but in ie, safari and firefox there is no more space between textboxes

  • Profile Image
    EltonCris
    Answered on June 18, 2013 at 04:18 PM

    How about adding 2px on both left and right? You can change that from the code. Example:

    #id_1, #id_2, #id_3, #id_5, #id_7 {

    padding: 8px 2px !important;

    }

    This might help. Thanks!
  • Profile Image
    alvincosio
    Answered on June 18, 2013 at 04:21 PM

    it works but the text area is not again align to the textbox ? :(

  • Profile Image
    EltonCris
    Answered on June 18, 2013 at 04:28 PM

    Hi,

    Let me work on it. I'll just inform you once it's ready. Please stay tuned! Thanks!

  • Profile Image
    alvincosio
    Answered on June 18, 2013 at 04:30 PM

    thank you very much sir. i really appreciate it. :D

  • Profile Image
    alvincosio
    Answered on June 18, 2013 at 04:40 PM

    hi,

     

    lastly can you align the free text (HTML) to the left in order they are all align to the left side.

     

    thank you very much sir

  • Profile Image
    EltonCris
    Answered on June 18, 2013 at 04:43 PM

    Ok, please replace everything to this.

    #id_1, #id_2, #id_3, #id_5, #id_6, #id_7{

    padding: 8px 2px !important;

    }

    .form-textbox {

    width: 188px !important;

    }

    #input_5{

    width: 590px !important;

    min-width: 590px !important;

    max-width: 590px !important;

    }

    This should aligned on all browsers. I have also added the text under it. It should aligned to the fields as well.

    Thanks!

  • Profile Image
    EltonCris
    Answered on June 18, 2013 at 04:44 PM

    Sorry, please use this. It should be 589px on the textarea.

    #id_1, #id_2, #id_3, #id_5, #id_6, #id_7{

    padding: 8px 2px !important;

    }

    .form-textbox {

    width: 188px !important;

    }

    #input_5{

    width: 589px !important;

    min-width: 589px !important;

    max-width: 589px !important;

    }

  • Profile Image
    alvincosio
    Answered on June 18, 2013 at 04:45 PM

    again. it works only in chrome, but in other browser the same a misalign textarea and the text below

     

  • Profile Image
    alvincosio
    Answered on June 18, 2013 at 04:48 PM

    nope, my bad, it works fine now to all browser. you rock sir, thank you very much.

     

    nice support you have, keep it up! 

     

    Cheers,

    Alvin

  • Profile Image
    EltonCris
    Answered on June 18, 2013 at 05:04 PM

    You're most welcome Alvin!

    Should you have further questions, do let us know. Cheers!