howto = TWebPageControl + many TabSheets and components (Visual studio version)

Piazzon_Gilles · June 18, 2022, 5:37pm

Hi, how to in design mode switch from one tabsheet to another one and see only components on current tabsheet. We can't organize elements on each tabsheet. (delphi hide other tab sheets when choose one)

brunofierens · June 20, 2022, 7:49pm

Change the property TabIndex

Piazzon_Gilles · June 24, 2022, 8:29am

Hi Bruno,
this change only tabsheet when run api, but design screen stay always confused under ide.

brunofierens · June 24, 2022, 7:20pm

Are you using the latest release?
If so, how can this be reproduced step by step starting from adding a TWebPageControl on the form?

Piazzon_Gilles · June 25, 2022, 6:00pm

Hi Bruno,
It's easy to reproduce this bug.

If I do as you say it's ok, until ...
I change the ElementClassName of TWebPageControl to have no border with "border-0" or "border border-white" to hide it, all component on differents tabsheet appears again together, it's the same bug if I change individualy ElementClassName of each TabSheet with same bootstrap css tags. In fact if I change border of PageControl or TabSheets to have no border, components of each tabsheet appears together.

It's a bug ?

Thanks

brunofierens · June 26, 2022, 7:17am

If you use custom CSS, it needs to respect certain basic settings.
See this topic & answer:

Piazzon_Gilles · June 26, 2022, 2:16pm

I don't understand your link, this problem is not mine. I just want see components in diffrents tabsheet not all in one and hide border in Pagecontrol/Tabsheet.

This is my method.
I've just choose Bootstrap 5 css in "Manage Javascript library" and use standard Bt5 tag as border-0 or border border-white with ide (design mode) and all components in different tabsheets appears together.
Is it the same thing with lazarus ? or like delphi tabcontrol keep components visible on each tabsheet ?

Or tell me how to hide border in tabcontrol/Tabsheet..

Thanks

brunofierens · July 1, 2022, 10:17am

Please share full & detailed settings you are applying, preferably isolated in a sample source project soi we understand & see what you are doing and can investigate.

Piazzon_Gilles · July 2, 2022, 9:59am

Hi,
you can find here an prog example.
When apply a simple css tag on tabsheet we see all different components from different tabsheets together !

Another example we can see nothing in demo responsivegridpanel too.
It's very difficult to design an interface with VisualStudio version.
Is it more easy or efficiient with from lazarus ?

We try to use less possible Javascript and Html with Tms Web Core as framework/web ide.

Thanks.

testbug.zip (929,7 Ko)