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)

#102359 Stack Width of Columns is removed on Save

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 enter5 on Thursday, 09 January 2020 07:27 GMT

Rixters
I experience a bug when working with Columns. Every time I save an article the Stack Width is removed from the html code.

For example. I select Stack Width "Small" and save an article. This works fine. When I save the article again (without any modifications) the "<div class="col-sm">" is replaced by "<div class="col">" on save. But this also happens on toggling between code and wysiwyg mode. FYI it doesn't matter if I set the Stack Width param in the Profile to Small or Medium.

Can this be fixed?
Thanks.

Ryan
Please try JCE Pro 2.8.3 Beta 1 - https://www.joomlacontenteditor.net/downloads/editor/pro/development

Ryan Demmer

Lead Developer / CEO / CTO

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

Rixters
Unfortunately this didn't fix the issue...

Ryan
Have you set the CSS Framework option in Editor Profiles -> Plugin Parameters -> Columns to Bootstrap?

https://cdn.joomlacontenteditor.net/tmp/102359-stack-width-of-columns-is-removed-on-save.jpg

Ryan Demmer

Lead Developer / CEO / CTO

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

Rixters
Hey Ryen,

Reinstalling and updating to the latest version fixed the issue!

Thanks for the help!

enter5
Rixters

I have the same problem.

Which Version did you install? Pro 2.8.2 or Pro 2.8.3 Beta 1?
I tried following steps:
  1. Updated manually 2.8.2 with 2.8.2 (Install) -> Problem still exists
  2. Uninstalled 2.8.2 and reinstalled 2.8.2 (all Settings happily where still all left as before uninstall) -> Problem still exists


Greetings Pawel

enter5
Noticed some side-effect.

Using Code-View: changing class="col" to class="col-md" and pressing save button, content get's saved and back in Code-View. Everything is correct.
Using Code-View: changing class="col" to class="col-md" and pressing Editor-View and back to Code-View my class="col-md" have been changed again to class="col"

Rixters
You could try to uninstall the editor, clear the cache, remove DB tables and install again...

enter5
Uninstalled Pro 2.8.2 and Installed Pro 2.8.3 RC1 Problem still exists.
p.s. Using Firefox under Windows

enter5
Testet it with Chrome/Windows Pro 2.8.3-rc1 and Problem still exists.

enter5
Thanks Rixters for reply

Looks like I will have to do it, as you say and lose all my settings. 🙁

Will reply again, when done.

Rixters
Good Luck!

Make sure you set the correct framework columns.
If this doesn't work maybe Ryan has a solution...

Ryan
Did you set the CSS Framework as suggested in my post above? - https://www.joomlacontenteditor.net/support/forum/102359#p102469

Ryan Demmer

Lead Developer / CEO / CTO

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

enter5
Dear Ryan

I tried with Pro 2.8.3-RC1 and didn't have any success.
I did following:
  • Uninstalled JCE
  • Deleted the Table #_wf_profiles
  • Deleted my local Browser Cache
  • Installed Pro 2.8.3-RC1
  • Reconfigured the Settings in the Editor
  • Edit Content in Editor Mode, added 2 rows (Medium) and Inserted in each column 1 picture and saved/exit
  • Source checking in Frontend. Cols have col-md
  • Edit again same article, changed 2nd row to Small and saved/exit
  • Checked Source: 1st Row has "col" (wrong) and 2nd Row "col col-sm" (correct)
  • Edit again same article, no changes and saved/exit
  • Both rows have now only "col" (wrong)


Tested this with Joomla 3.9.14 / RS Firewall DEACTIVATED / JCE Pro 2.8.3-RC1
P.S. Printscreen suggest that I had german language installed for JCE. But for the Test I didn't.

Attachments

Ryan
@enter5 - Please send me a login - https://www.joomlacontenteditor.net/contact/site-login

Ryan Demmer

Lead Developer / CEO / CTO

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

Ryan
Please try JCE Pro 2.8.3 RC2 - https://www.joomlacontenteditor.net/downloads/editor/pro/development

Ryan Demmer

Lead Developer / CEO / CTO

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

enter5
Dear Ryan

JCE Pro 2.8.3 RC2 did SOLVE the problem.

Was it some problem with the astroid framework or something else?

Thank you very much, for your quick response.
Now I can enjoy your new feature!

Best Regards
Pawel

Ryan
Was it some problem with the astroid framework or something else?


No, just a silly little bug!

Ryan Demmer

Lead Developer / CEO / CTO

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

Chacapamac
I just test JCE Pro 2.8.3 RC2 and yes, I confirm, the problem of disappearing of the column code “col-sm” to only “col” when saving in the “Editor” mode is gone.

Curiously on a test site I have here —> http://www.graf-test.ca/graf2/index.php/outils-graf
Top of the page — Title —> JCE COLUMNS TEST

The 3 columns divs (in colours) are stacked on each other and no special css is apply... ?

My columns settings are Bootstrap 4 - Stack Width = Small

Ryan
The 3 columns divs (in colours) are stacked on each other and no special css is apply... ?


Your template is using Boostrap 2.3.2. You need Boostrap 4 or later.

Ryan Demmer

Lead Developer / CEO / CTO

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

Chacapamac
I see, many templates provider use Bootstrap 3, do you know one that use Bootstrap 4 ?

Ryan
Rockettheme's Gantry 5 Framework - http://gantry.org/ - and JoomShaper's Helix Ultimate - https://www.joomshaper.com/joomla-templates/helixultimate - use Bootstrap 4.

Alternatively, set the CSS Framework option for Columns to Generic, and use the built in JCE Columns styles.

Ryan Demmer

Lead Developer / CEO / CTO

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

Chacapamac
Just for your infos; my template is a fairly recent (Rocket) template with Gantry 5 upgraded to the last version. My impression is that Rockettheme seem to be a kind of late, compare to others { Like Joomshapers) to embark in the Bootstrap 4 wagon.

Setting the CSS Framework option for Columns to Generic work perfectly — Thanks Ryan

I guess it will not be to difficult to replace the JCE code to the Bootstrap code when Joomla 4 arrive as the code is similar.

enter5
Astroid Framework uses Bootstrap 4.
https://www.astroidframework.com/