Collapsible Separator with Wysiwyg fields causes sizing problems for TinyMce

7 posts by 2 authors in: Forums > CMS Builder
Last Post: May 21, 2016   (RSS)

By garyhoffmann - May 18, 2016

I'm using Firefox (latest version - changes so often bur right now it's 46.0.1).  I have not tested on other browsers.  When I have Wysiwyg fields within a region that has a collapsible separator, when the section is opened, the Wysiwyg is not sized correctly, nor is it positioned correctly.

This is pretty easy to test...just add a wysiwyg to a section headed with a collapsible separator.

Any thought what might be causing this?

By garyhoffmann - May 19, 2016 - edited: May 19, 2016

Hi Damon,

I'm going to try to attach a movie that shows the problem.  The section has many list fields, textfields, checkbox fields, wysiwyg fields, upload fields and uses the color picker add-on.  I will also try to attach the ini file for the section.

This is utilizing 3.04.  I do use the advanced image add-on for TinyMCE (would love to see this as normally included in CMSB by the way) and several of the CMSB plugins (Apply button, Color Picker, Create Record Here, Geocoder, Grey Hidden Records, Image Cropper, Modify Homepage, Save And Copy, and Website Membership)

The wysiwyg fields have the following definitions

  • All allow uploads
  • The first is 500px
  • The second is 300px
  • The third is blank for default height
  • The fourth is 300px

It's a complex section, thus the reason why I want to use the collapsible separators.

All of these problems go away when I don't use collapsible separators.

Attachments:

collapsible-headers.mp4 1124K

story_boards.ini.php 32K

By Damon - May 19, 2016

Hi Gary,

Thanks for sending in the section editor for story board. I added that but everything still works as expected.

Can you reply with the wysiwyg_custom.php attached?
It is in the /lib/ folder. 

Then I can test with the same WYSIWYG editor setup.

Thanks!

Cheers,
Damon Edis - interactivetools.com

Hire me! Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/

By garyhoffmann - May 20, 2016

I must never have clicked the publish button...

Attached is the custom wysiwyg_custom.php file.  Note, there are quite a few changes to deal with CSS.

Attachments:

wysiwyg_custom.php 8K

By Damon - May 20, 2016

Hi Gary,

I was able to recreate the issue using your wysiwyg_custom.php file using Firefox. Everything appears to work correctly in Chrome.

You have made a lot of customizations, so this would take a lot of time to determine what is causing the issue.

The first step is to disable all the plugins to rule them out. Next, is to remove all the wysiwyg_custom.php changes line by line, checking to see if the issue persists. Somewhere between the default wysiwyg.php code and the added custom code something is causing the Firefox issue.

If this is a live site, make a backup and install a staging/demo CMS Builder installation for testing.

We can also help through consulting, send an email into Ross at consulting@interactivetools.com

Cheers,
Damon Edis - interactivetools.com

Hire me! Save time by getting our experts to help with your project.
http://www.interactivetools.com/consulting/

By garyhoffmann - May 21, 2016

Thank you...now i have a starting point.

i can take it from here. I'm thinking it has something to do with my addon css but don't know how to add in more classes and styles otherwise.  I'll get to the bottom of the problem.  Knowing it works in std code leads me toward a solution.