TOPIC:

Responsive List View in ContentBuilder - easy hack 1 month 1 day ago #249894

  • Ironhand's Avatar Topic Author
  • Ironhand
  • Offline
  • Gold Breezer
  • Gold Breezer
  • Posts: 400
  • Karma: 3
  • Thanks: 17
ContentBuilder and BreezingForms are a very strong combination.

But in 2020 the responsive design is lacking - badly.

IDEA for the ContentBuilder LIST VIEW and its missing responsivness:

Like the "Item wrap code" function you can add a "ID/CSS" row or someting.
If I can give each column an ID I can target each ROW with CSS. I can disable or hide them and do tons of other stuff.


It is not elegant but should work :)

Keep up the good work!

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

Responsive List View in ContentBuilder - easy hack 1 month 1 day ago #249909

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 2193
  • Karma: 3
  • Thanks: 198
Hi,

thanks for the idea :)
You probably already know that in item wrap code you can use:
-sql query
-if/else condition
-change color
etc, etc...:)

Regards,
Tihana

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

Last edit: Post by tihana.krivic.

Responsive List View in ContentBuilder - easy hack 1 month 1 day ago #249914

  • Ironhand's Avatar Topic Author
  • Ironhand
  • Offline
  • Gold Breezer
  • Gold Breezer
  • Posts: 400
  • Karma: 3
  • Thanks: 17
That would be awesome!

Can I add a "hidden-phone" in the item wrap code?

I thought it would only remove the content of the cell. Not the cell itself.

If that really is possible can I ask you a big favor and display the code I need to add to remove the whole cell?

My plan is this:
1. I already now have removed the hidden-phone line in the default.php view.
2. Now I'd like to add the "hidden-phone" feature for specific cells using the item wrap code. But I don't know what do put there.
3. I know how to remove the header of the row.

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

Responsive List View in ContentBuilder - easy hack 1 month 1 day ago #249915

  • tihana.krivic's Avatar
  • tihana.krivic
  • Offline
  • Moderator
  • Moderator
  • Posts: 2193
  • Karma: 3
  • Thanks: 198
Hi,

1) this hidden-phone you can use in default.php.

2) if you want to hide for example column then in custom.css you can:
crosstec.org/en/forums/coding-consultanc....html?start=6#243602
instead of:
 width: 200px !important;

use:
display:none;
This will hide specific column
If you need to change this to another column, use a different number for each (1,2,3, etc).

Hope this helps

Regards,
Tihana
The following user(s) said Thank You: Ironhand

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

Last edit: Post by tihana.krivic.

Responsive List View in ContentBuilder - easy hack 1 month 1 day ago #249923

  • Ironhand's Avatar Topic Author
  • Ironhand
  • Offline
  • Gold Breezer
  • Gold Breezer
  • Posts: 400
  • Karma: 3
  • Thanks: 17
Thank you so much! Your help will be remembered!

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

  • Page:
  • 1
Time to create page: 0.038 seconds

BreezingForms Pro 1.4.7 for WordPress Released!

Available in the membership section.

September Discount!

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!