CGDevTools Forum

Is anyone else having a problem with TIWCGJQHTMLEditor?

I have multiple instances of the HTML editor on various TIWCGJQRegions with all of the .Align properties are set to alClient, but the HTML Editor does not expand to fill the region. The .Width of the HTML editor is always correct, but the height is not.
I have tried to set .Align := alNone and then programmatically set the HTMLEditor.Height to it's parent region.Height... to no aval. If I have .Sizeable := True; I can resize the HTML editor manually at run time.

TIA!
Scott

Hi ScottWGast,

Can you provide simple testcase? t.i.a

Best Regards.

I've attached a project to demonstrate the sizing issue.



What I'm finding is that if the HTML editor component is displayed when the form is first shown, the .Align = alClient; works correctly. In my case, I have the HTML editor placed on a tab that only gets displayed when the tab is clicked and as a result, the HTML editor does not size itself based on .Align property.

BTW... if I use .AjaxRenderRegionAsync() on the HTML editor's parent region (from the TabOptions.OnSelect event), the HTML editor displays correctly, but the previously clicked tab labels do not always show as normal (unclicked).



In the above image, the PD Information tab is the one currently selected (after clicking the Notes and Repo Notes tabs).

Thanks,
Scott

Hi ScottWGast,

Please set the IWCGJQHTMLEditor.CGScrollStyle to cgsbsNone, for now.
Since next build it will be by default.

Best Regards.

I've changed .CGSCrollStyle to cgsbsNone, but it didn't make any difference: the height of the html editor is still incorrect.

Hi ScottWGast,

With that change, your demo works as expected here.
Can you take a screenshot please?

Best Regards.

Here is a screenshot from the IDE that shows the .Align and .CGScrollStyle set:



These two screen shots show two of the tabs containing an HTML editor component where it is not filling up the tab based on the .Align property.





Thanks,
Scott

Hi ScottWGast,

As I said:

With that change, your demo works as expected here.

We don't know what are you do in your project / code.

Best Regards.

I just changed the demo HTMLEditor.CGScrollStyle := cgsbsNone; and have the same problem. I think that when you tested the demo, you might have set the tab containing the HTML editor as the active tab in the IDE so it is being shown immediately at runtime and it is rendered correctly. Try the same demo, but set the active tab (in the IDE) as the first tab so that the HTML editor tab is not being shown when the form is rendered the first time and re-test.

UPDATE: Looks like it works correctly in Chrome, but not in FF or IE11.

Hi ScottWGast,

Please inspect with firebug-> Inspect Element, it's all ok with alignment.

Best Regards.