DXE2+IW14.0.32+CG2.1.0.3701 - TIWCGJQHTMLEditor display size

[ScottWGast]

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

[Alexander Bulei]

Hi ScottWGast,

Can you provide simple testcase? t.i.a

Best Regards.

[ScottWGast]

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

Project2.zip

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).

tab labels.jpg

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

Thanks,
Scott

[Alexander Bulei]

Hi ScottWGast,

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

Best Regards.

[ScottWGast]

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

[Alexander Bulei]

Hi ScottWGast,

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

Best Regards.

[ScottWGast]

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

IDE screenshot.png

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.

Runtime screenshot1.png

Runtime screenshot2.png

Thanks,
Scott

[Alexander Bulei]

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.

[ScottWGast]

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.

[Alexander Bulei]

Hi ScottWGast,

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

Best Regards.