Forum
Crosstec Foren
Gratis Foren
ContentBuilder
Change width of the view columns

TOPIC:

Change width of the view columns 4 years 9 months ago #228664

  • pjfroelofs's Avatar Topic Author
  • pjfroelofs
  • Offline
  • Senior Member
  • Senior Member
  • Registered
  • Posts: 83
  • 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 4 years 9 months ago #228672

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Platinum Member
  • Platinum Member
  • Registered
  • Posts: 5957
  • Thanks: 558
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
Satisfied?

❤️ Consider a membership! ❤️

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

Change width of the view columns 4 years 9 months ago #228688

  • pjfroelofs's Avatar Topic Author
  • pjfroelofs
  • Offline
  • Senior Member
  • Senior Member
  • Registered
  • Posts: 83
  • 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 4 years 9 months ago #228743

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Platinum Member
  • Platinum Member
  • Registered
  • Posts: 5957
  • Thanks: 558
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
Satisfied?

❤️ Consider a membership! ❤️

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

Change width of the view columns 4 years 8 months ago #228945

  • pjfroelofs's Avatar Topic Author
  • pjfroelofs
  • Offline
  • Senior Member
  • Senior Member
  • Registered
  • Posts: 83
  • 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 4 years 8 months ago #228953

  • MarioPuco's Avatar
  • MarioPuco
  • Offline
  • Platinum Member
  • Platinum Member
  • Registered
  • Posts: 5957
  • Thanks: 558
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
Satisfied?

❤️ Consider a membership! ❤️

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

  • Page:
  • 1
Forum
Crosstec Foren
Gratis Foren
ContentBuilder
Change width of the view columns
Time to create page: 0.060 seconds

Support Chat

Join our Discord chat and enter the Crosstec channels for live-support, chat forums and interact directly with the community!

After joining, please enter the Crosstec Area and use the #crosstec-support or #crosstec-general channels.

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

Subscribe to news and updates!

Special Offer

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!

Live Support Chat Opened!

Join our Discord chat here and enter the Crosstec channels to receive live support and talk directly to the team!