Labels Layout

  • Resolved aquariusss

    (@aquariusss)


    8 years, 8 months ago

    Hello!
    I’ve got a small problem with labels layout. Labels always appear on the left side of the fields, no matter what layout I choose. I’ll try to provide more details. In Smart Forms menu, labels perfectly change their position when I change their layout and I can see that, but on the page they always appear on the left side. Could you help me to place them on top of the fields?

    • This topic was modified 8 years, 8 months ago by aquariusss.
Viewing 7 replies - 1 through 7 (of 7 total)
  • Plugin Author EDGARROJAS

    (@edgarrojas)

    8 years, 8 months ago

    Hello!

    Could you send me a link to your form please?

    Thread Starter aquariusss

    (@aquariusss)

    8 years, 8 months ago

    Oops, I thought I did, sorry. Sure thing, here’s the link.

    Plugin Author EDGARROJAS

    (@edgarrojas)

    8 years, 8 months ago

    Yup, that’s a conflict. To fix it please add this in the css tab of your form:

    .bootstrap-wrapper.compact .col-sm-3,
    .bootstrap-wrapper.compact .col-sm-4,
    .bootstrap-wrapper.compact .col-sm-5,
    .bootstrap-wrapper.compact .col-sm-6,
    .bootstrap-wrapper.compact .col-sm-7,
    .bootstrap-wrapper.compact .col-sm-8,
    .bootstrap-wrapper.compact .col-sm-9,
    .bootstrap-wrapper.compact .col-sm-10,
    .bootstrap-wrapper.compact .col-sm-11,
    .bootstrap-wrapper.compact .col-sm-12,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-3,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-4,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-5,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-6,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-7,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-8,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-9,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-10,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-11,
    .bootstrap-wrapper.exptop .rednao_label_container.col-sm-12,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-3,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-4,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-5,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-6,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-7,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-8,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-9,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-10,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-11,
    .bootstrap-wrapper.exptop .redNaoControls.col-sm-12

    {
    max-width:100% !important;
    }

    That should fix it =).

    Thread Starter aquariusss

    (@aquariusss)

    8 years, 8 months ago

    Hey, thank you very much for your quick reply!

    I did that, but unfortunately it didn’t help.

    I’ve got a few more forms and all of them have the same problem. I also tried to play with the page layout, make it narrower and set labels layout on “auto”, hoping they will be gone on top automatically, but to no avail.

    You said it’s a conflict. Maybe I could do something else to fix it?

    Plugin Author EDGARROJAS

    (@edgarrojas)

    8 years, 8 months ago

    Oooh i see, please include this one as well:

    .bootstrap-wrapper .row{
    display:block !important;
    }

    Thread Starter aquariusss

    (@aquariusss)

    8 years, 8 months ago

    Amazing! You’re like a magician. Thanks you very much for the plugin and for your help!

    Plugin Author EDGARROJAS

    (@edgarrojas)

    8 years, 8 months ago

    No problem =).

    Let me know if you have any other issue or question and if you have a chance please don’t forget to review the plugin =).

    Regards!

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

The topic ‘Labels Layout’ is closed to new replies.