Error on browser resize with FNCPageControl

Hi there,
Attached is WebCore application making use of an FNCPanel and FNCPageControl. If the browser is resized (see attached video) and the edge of the browser crosses the first tab an error appears.
How do I go about resolving this behavior.
Regards,
Rainier

Code.zip (205.9 KB)

2022-10-21 15-06-14.zip (1.9 MB)

Apparently, the fncBitmapContainer1 component is a child of the third page, please move it to the main form via the structure window.

I have moved the BitmapContainer as instructed, but the error remains on resize. See attached code.

Code.zip (360.1 KB)

In the attached updated Code.zip, the bitmapcontainer is still inside the page. Please move it up to the frmMain form level.

image

Apologies Pieter, I send the wrong code version. Attached the updated one that still gives the error.

Code_Updated2.zip (321.0 KB)

Components

Please set AdaptToStyle to False. In TMS WEB Core, AdaptToStyle needs additional CSS to function properly. In the TMS WEB Core repository you can find a demo (attached)
FNC_Styles_CSS.zip (61.9 KB)

Hi Pieter,
I have set AdaptToStyle to false in all the components, but I still get the error on my side.
Can you confirm that it is working as expected on your side?
Regards,
Rainier

Code_Updated3.zip (435.4 KB)

Strange, so when I open your application without opening the form, I'm able to reproduce it. Yet if I open the form (in Delphi 11), and then recompile the application the error is gone, could it be possible that you are using an older version of TMS FNC UI Pack? comparing the DFM files, we notice the icons are different. Can you try changing the DFM file with this code?

    ButtonAppearance.CloseIcon.Data = {
      0954506E67496D61676589504E470D0A1A0A0000000D49484452000000100000
      001008060000001FF3FF61000000017352474200AECE1CE90000000467414D41
      0000B18F0BFC61050000005D4944415478DA6364A010300E3A034481F8151E83
      FF03B10810BFC565C07F3C866395C366133685380DC6E754A2C20C5F20FE2746
      2DCD0CF80FC58C84D43312D04C722062D3CC80CF107445C240FC8680D7406ADE
      111388448181370000FC581511806F20E40000000049454E44AE426082}
    ButtonAppearance.InsertIcon.Data = {
      0954506E67496D61676589504E470D0A1A0A0000000D49484452000000100000
      001008060000001FF3FF61000000017352474200AECE1CE90000000467414D41
      0000B18F0BFC6105000000284944415478DA6364A010300E7A03FE1352370C0D
      F8CF401C60A49901031F0683CF008260E00D00009C340A110B26909500000000
      49454E44AE426082}
    ButtonAppearance.TabListIcon.Data = {
      0954506E67496D61676589504E470D0A1A0A0000000D49484452000000070000
      00090806000000FE5836A3000000017352474200AECE1CE90000000467414D41
      0000B18F0BFC61050000002D4944415478DA6364C00318C3C2C2FEE394245F27
      4163B12958B56A1523DC4E640520090C078114C02408BA160092D2120DB328D4
      4C0000000049454E44AE426082}
    ButtonAppearance.ScrollNextIcon.Data = {
      0954506E67496D61676589504E470D0A1A0A0000000D49484452000000100000
      001008060000001FF3FF61000000017352474200AECE1CE90000000467414D41
      0000B18F0BFC6105000000554944415478DA6364A010300E5F03F880783510D7
      01F149720C6003E2B5406C0BC4EEF80CC1E705A20C2114062043D601B10D2E43
      0819C00E7505590610D48CCF00A234E333809701128DF50C644623D160181800
      00657C1011AA866E1B0000000049454E44AE426082}
    ButtonAppearance.ScrollPreviousIcon.Data = {
      0954506E67496D61676589504E470D0A1A0A0000000D49484452000000100000
      001008060000001FF3FF61000000017352474200AECE1CE90000000467414D41
      0000B18F0BFC6105000000684944415478DA6364A010300E1903D881F827B906
      44037123109B02F17B520D00695E08C43D405C41AA0B609A7B81B89CD4300806
      E295403C0D88F3C8094405203E00C41F80D81988DF926A00D186100A446443EC
      81F823A906C00CC98606E43F720CC00B8681010057F4141134D1595700000000
      49454E44AE426082}

I am using the latest FNC UI Pack - I have updated all FNC components 2 days ago.
The error remains after updating the DFM file with provided code.
If I open the project and compile without opening the from like you did, the error is gone.

Very strange

Hi Pieter,
I have deleted the FNCPageControl and recreated it since the current version was created before the update two days ago. The newly created version seems to work 100%.
I will do the same with my production application that suffers from the same problem.
Regards,
Rainier

Thanks for the update Dennis!