Responsive Columns

You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Online

Official support hours

Monday to Friday
09:00 - 17:00 Europe/London (BST)

#113311 Responsive Columns

Posted in ‘Editor’

This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by Ryan on Tuesday, 21 March 2023 14:16 GMT

Sunday, 19 March 2023 16:27 GMT

schippeljce

Hello,

I have
3 columns in desktop mode,
1 columns in tablet mode,
1 column in mobile mode.

Desktop is ok
Handy mode is ok'
Problem: Tablet: should be 2 columns, but is 1 columns.

So it doesn't wrap correctly in tablet mode!

With the Bootstrap 5 layout it switches to 2 columns, not with JCE - see images...
What do I need to set or change in the code?
Thank you.

My Code is:

<div class="wf-columns wf-columns-stack-medium" data-wf-columns="1">
<div class="wf-column">
<p>Dies ist ein Mustertext 1</p>
</div>
<div class="wf-column">
<p>Dies ist ein Mustertext 2</p>
</div>
<div class="wf-column">
<p>Dies ist ein Mustertext 3</p>
</div>
</div>

---
PHP 8.0
Joomla 4.2.9
JCE Pro 2.9.34

Attachments

Edited by schippeljce on 2023-03-20 03:40 GMT

Monday, 20 March 2023 10:20 GMT

Ryan

Please post a link to an example article.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Tuesday, 21 March 2023 12:49 GMT

schippeljce

This ist the Link

https://sandbox.cms-testseite.de/index.php/jce

Foto See with bootstrap 5 Go to

https://sandbox.cms-testseite.de/index.php/grid-bt-5

Tuesday, 21 March 2023 13:15 GMT

Ryan

Columns does not currently support multiple break points, and so will only wrap at one defined width. The Bootstrap example you have linked to actually includes specific classes for 3 different width values, allowing it to wrap differently for tablet and phone.

So to acheive this, you will need to use the Bootstrap code instead of using Columns.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Tuesday, 21 March 2023 13:48 GMT

schippeljce

OK. Thanks for the info.

Too bad. Is something like that planned, that would be great. It is much easier to work with the columns of jce, i love it.

Tuesday, 21 March 2023 14:16 GMT

Ryan

[quotePost id="113382"]Too bad. Is something like that planned, that would be great. It is much easier to work with the columns of jce, i love it.[/quotePost]

Yesit would be great I agree but I think it would be very complicated and difficult to implement.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.