TOPIC:

Checkbox Group formatting 3 weeks 3 days ago #243112

  • Topic Author
  • guitrldy
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 19
  • Thanks: 0
Hello! I've attached a pic that shows how a long list of " checkbox group" items is displaying for me.

My items are not lining up. You can see that the checkbox for the next line item is displayed at the end of the line above it.

Is there a way to fix this?
Thanks!
Lisa W.
Attachments:

Please Log in or Create an account to join the conversation.

Checkbox Group formatting 3 weeks 3 days ago #243113

  • TheMuffinMan's Avatar
  • TheMuffinMan
  • Offline
  • Developer
  • Developer
  • Posts: 9255
  • Karma: 167
  • Thanks: 744
Hi,

if setting the checkbox to wrap each element in the checkbox group's setup advanced tab isn't an option for you, I can provide some css to make them fit for the form theme you are using.

Besides that, why are these checkboxes? Multiple start times for an event are allowed? Just curious.

Regards,
Markus

Please Log in or Create an account to join the conversation.

Checkbox Group formatting 3 weeks 3 days ago #243122

  • Topic Author
  • guitrldy
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 19
  • Thanks: 0
Yeah, my user wants multiple times to be selectable.

Cool on the CSS, I'm using the "aqua" form theme.

Thanks A Lot!!
Lisa W.

Please Log in or Create an account to join the conversation.

Checkbox Group formatting 3 weeks 2 days ago #243126

  • TheMuffinMan's Avatar
  • TheMuffinMan
  • Offline
  • Developer
  • Developer
  • Posts: 9255
  • Karma: 167
  • Thanks: 744
Hi,

in form => advanced => more options => form pieces => before form => click "custom" and add this code:
echo "
<style>
.bfElementGroupNoWrap label:nth-child(8n):after {
    content: ' ';
    display: block;
}

.bfElementGroup {
    display: table-row !important;
}

.bfElementGroup .ff_elem, .bfElementGroup label{
    display: table-cell !important;
}

.bfElementGroup .ff_elem{
    float: left !important;
}
</style>

";

With this I had acceptable results.
It basically wraps after 4 elements.



Please let me know if that's ok!

Regards,
Markus
Attachments:

Please Log in or Create an account to join the conversation.

Checkbox Group formatting 3 weeks 2 days ago #243147

  • TheMuffinMan's Avatar
  • TheMuffinMan
  • Offline
  • Developer
  • Developer
  • Posts: 9255
  • Karma: 167
  • Thanks: 744
Hi,

did you try it out?

Regards,
Markus

Please Log in or Create an account to join the conversation.

Checkbox Group formatting 3 weeks 2 days ago #243168

  • Topic Author
  • guitrldy
  • Offline
  • Fresh Breezer
  • Fresh Breezer
  • Posts: 19
  • Thanks: 0
Woops, this did the trick but it puts these characters at the top of my form:

/*'/*

Right above the Page 1 text.
I included a screenshot...

How can i get rid of that?
Thanks!
Lisa W.
Attachments:

Please Log in or Create an account to join the conversation.

Last edit: Post by guitrldy.
  • Page:
  • 1
  • 2
Moderators: ForumSupport
Time to create page: 0.085 seconds

Summer Sale!

Massive discounts on all subscriptions!

Get Your Subscription Here

Quick Links

Downloads

BreezingForms

ContentBuilder

BreezingCommerce

Templates

Documentation

BreezingForms

ContentBuilder

BreezingCommerce

Apprendre BreezingForms (French Community)

Apprendre et maîtriser BreezingForms par des tutoriels et exemples, le tout en français

breezingforms.eddy-vh.com

Questions et réponses sur les forums de l'AFUJ

AFUJ

Special Offer

Summer Sale! All subscriptions at a special price!

Includes prio support, all of our current and future Joomla!® extensions and Joomla!® templates for the duration of your membership.

Get it from here

3rd Party Discount - 25% Off

We help you to keep your costs under control. If you are a new member and purchased a form building tool from a different form vendor, then you'll get a 25% discount on our subscription plans.

How to receive the discount:

Send us a quick email to sales@crosstec.org with a proof of purchase (for example a paypal receipt), await payment instructions and enjoy your membership!