How to stack all the Full Name fields?

  • 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

  • AndrewHag
    Replied 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 Screenshot 10

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

  • duqadmin
    Replied 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.

  • AndrewHag
    Replied on June 21, 2019 at 1: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 Screenshot 10

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

  • duqadmin
    Replied on June 21, 2019 at 1: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.

  • AndrewHag
    Replied on June 21, 2019 at 2: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 Screenshot 10

    1561142857chrome Hxq9YH7Jlt Screenshot 21