How to stack all the Full Name fields?

  • Profile Image
    duqadmin
    Asked on June 21, 2019 at 10:28 AM

    Prefix

    First Name

    Middle

    Last Name

    Suffiix


    The way that they are showing up on the form is a little sloppy. Thanks!


    Robin

  • Profile Image
    AndrewHag
    Answered on June 21, 2019 at 11:47 AM

    I am not able to replicate the issue. It seems the fields you mentioned are displaying the same as other form fields. The same styles have been applied to all sub-labels. You can check the screenshot below:

    1561131951uVDqLOs9jO.png

    Do let us know if you need any changes on that.

  • Profile Image
    duqadmin
    Answered on June 21, 2019 at 11:55 AM

    To clarify, I was wondering if it's possible to stack them. So five single fields would be stacked instead of two fields (prefix and first name), two fields (middle name and last name) and then one field, suffix.

  • Profile Image
    AndrewHag
    Answered on June 21, 2019 at 01:21 PM

    Please try the CSS code below:

    #cid_7{

      max-width: 100%;

      width: 100%;

    }

    [data-type="control_fullname"] .form-sub-label-container{

      width: 90px !important;

      margin-right: 5px !important;

    }

    1561137706chrome_dTwfQ2ixoJ.png

    Here is the guide: How-to-Inject-Custom-CSS-Codes

  • Profile Image
    duqadmin
    Answered on June 21, 2019 at 01:27 PM

    Thanks, it is showing the items in a straight line across the page. I was hoping to stack them instead of having them straight across the page.

  • Profile Image
    AndrewHag
    Answered on June 21, 2019 at 02:47 PM

    Sorry for the confusion. Please remove the previous CSS code and add the new code below:

    [data-type="control_fullname"] .form-sub-label-container{

      width: 100% !important;

    }

    1561142805chrome_NEWUoK9HtU.png

    1561142857chrome_Hxq9YH7Jlt.png