TOPIC:

Change width of the view columns 3 years 3 months ago #228664

  • pjfroelofs's Avatar Topic Author
  • pjfroelofs
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 59
  • Thanks: 0
1. Is it possible to influence the width of columns of the views?

2. And is it posible to change the wordwrap of the column header?
In the example you see that the 4th column headertitle could be written in 2 lines instead of 4 lines.
Attachments:

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

Change width of the view columns 3 years 3 months ago #228672

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 5958
  • Karma: 119
  • Thanks: 557
Hello,

You can try to add some CSS for frontend view via Editable prepare tab in your CB View. You can add PHP/JS/CSS via this section.
I know this is not ideal but some styling can be achieved

Go to your CB view > editable prepare > and put the following code there :
echo '
<style>
.someCSSclass{
width: some_value !important;
}
</style>
';

Hope this helps.

Regards,
Mario

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

Change width of the view columns 3 years 3 months ago #228688

  • pjfroelofs's Avatar Topic Author
  • pjfroelofs
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 59
  • Thanks: 0
And what about my second question:

2. And is it posible to change the wordwrap of the column header?
In the example you see that the 4th column headertitle could be written in 2 lines instead of 4 lines.

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

Change width of the view columns 3 years 3 months ago #228743

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 5958
  • Karma: 119
  • Thanks: 557
Hey,


I would probably try to style it the same way through Editable prepare
I know it might be hard since there is a shortage of class / ID's to target and apply the style, but this is the most direct way.
You can also inspect the CB elements to see where is CSS drawn from.

Regards,
Mario

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

Change width of the view columns 3 years 2 months ago #228945

  • pjfroelofs's Avatar Topic Author
  • pjfroelofs
  • Offline
  • Junior Breezer
  • Junior Breezer
  • Posts: 59
  • Thanks: 0
The views are created from Breezing forms.
Thus in the editable prepare tab I see the message:

Editable through BreezingForms

Please advice,
Patrick

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

Change width of the view columns 3 years 2 months ago #228953

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Ultimate Breezer
  • Ultimate Breezer
  • Posts: 5958
  • Karma: 119
  • Thanks: 557
Patrick,

Editable through BreezingForms is shown when you are using "Edit by type" option inside Content Builder.
Since that is the case, can you try to adjust the width of the element inside your form ?
Each element has "Size" input where you can adjust the width of the element.
Hopefully it will be reflected to you CB view integration.

Regards,
Mario

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

  • Page:
  • 1
Time to create page: 0.048 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!