same width value ,but different look

  • Profile Image
    yy1353
    Asked on June 21, 2021 at 02:24 AM

    I'm going to position some input fields in 2 line.

    For making similar look, I specified same value via CSS setting.

    But the length of the space between 1st field and 2nd field in these lines are different.

    I'd like to show like 1st line.

    Could you please tell me how do I solve this problem.

    I've attached a material.

    It's in the bottom of the page.

    1624256365_60d02f6d8f682_pbm_space.png

  • Profile Image
    Rehan_F
    Answered on June 21, 2021 at 04:25 AM

    Greetings,

    You can inject the following CSS into your form to fix the width of the field.

    .form-line-column.form-line-column-clear {
        width: calc(34% - 7px);
    }

    Should you need further assistance then please let us know.

    Thanks

  • Profile Image
    yy1353
    Answered on June 21, 2021 at 07:49 PM

    Rehan san, thank you for your reply.

    The problem was solved.

    Could you please tell me how did you come this formula?

    I don't understand why 34% - 7px...


  • Profile Image
    Rehan_F
    Answered on June 22, 2021 at 12:06 AM

    Greetings,

    Here is how you can find it in your form using inspect elements in the browser. 1624334725_60d1618504ffd_card.gif

    Should you have any questions then please let us know.

    Thanks


  • Profile Image
    yy1353
    Answered on June 22, 2021 at 04:12 AM

    Rehan san,

    Thanks

    I've got it.