Using Tabs with ultimate member forms

  • Resolved miamouse8

    (@miamouse8)


    4 years, 10 months ago

    Hi,

    I am using tabs responsive to display two types of registrations forms created in Ultimate Member and am experiencing the following problems:
    (Both of the reg forms in UM are designed to display in three columns and then the reg form short code is pasted onto two tabs.)

    1. The forms only show in the three colunm layout on the first tab. So only the tab that i place first shows in three column format and then always the second shows in one long colum that occupies the full width of the tab. How can i fix this? (even if i witch the order around. so i think it is a function of tabs responsive interpretation of the shotcode differently on the first tab than on the second tab).

    2. Also in the third column of one of the forms the text does not wrap properly. This column contains the checkbox fields. The label of each checkbox extends across the full width of the column (ie. 1/3 of the full tab width) but the text underneath which is the text that needs to be checked is compressed together making it very long and leaving a a large amount of white space between the text and the end of the tab. Is there something that can be done to stretch the text to occupy the same width as the field label heading (ie the full 1/3 of the width).

Viewing 4 replies - 1 through 4 (of 4 total)

  • hi @miamouse8 ,

    please share the screenshot or url.

    thanks

    Thread Starter miamouse8

    (@miamouse8)

    Hi,
    https://headroom.co.za/register/
    you will see that on the first tab- Register as Therapist the text in the third column (under the heading) is compressed to the left hand side of the column.
    the form in the second tab – register as client- is showing in a very strange layout with very long field boxes.This form has been designed to show in three columns (just like the first tab) but does not take the three column format UNLESS i make it the first tab (in which case the Register as Therapist tab loses its three column format and presents as a single column with very wide fields).
    Thanks!

    hi @miamouse8 ,

    use this in additional css

    div.uimob340 .um-col-121, div.uimob340 .um-col-122, div.uimob340 .um-col-131, div.uimob340 .um-col-132, div.uimob340 .um-col-133 {
    float: left;
    width: 30%;
    /* margin: 0; */
}

    let me know iit works or not.

    thanks.

    Thread Starter miamouse8

    (@miamouse8)

    Hi,
    Thanks, it has worked to an extent in that the second tab now shows the fields in three columns, however the spacing between the three columns does not look right (its all compacted together) and is different to the presentation of the first tab.

    Also this css has not addressed the problem of the fact that the checkboxes in the third column of the first tab are not covering the full width of the third column and as a result the form is very very long and clumsy looking. Please can you see whether you can find a workaround for this.

    Thanks,
    Mia

Viewing 4 replies - 1 through 4 (of 4 total)
  • The topic ‘Using Tabs with ultimate member forms’ is closed to new replies.