Thread Rating:
  • 1 Vote(s) - 2 Average
  • 1
  • 2
  • 3
  • 4
  • 5
TIWTabControl - change the Tab style (CSS)
#4
(04-09-2018, 08:42 AM)jorgo2018 Wrote: Hi Alexandre,

you promised "Joao Lira" on Feb 9, 2017 12:30 AM to create a CSS TIWTabControl demo.

Have you done it?
Where can I find the demo?

1.) I want have different values for horizontal and vertical padding of the Tabs.

2.) During runtime the Tabs Top-position are some Pixel higher than the rest of the TIWTabControl.
    I want to have the same Top-position for both (like designtime).

Best regards


CSS class is available at runtime. Not at design time.

By default it uses NAME + 'CSS' one of the suffix below, indicating which element of the tab control it refers to. So, if your tab control is named IWTabControl1, these are the CSS classes required/rendered:

.IWTABCONTROL1CSS 
.IWTABCONTROL1CSS-ROW
.IWTABCONTROL1CSS-ACTIVE-TAB
.IWTABCONTROL1CSS-INACTIVE-TAB
.IWTABCONTROL1CSS-PAGE

I suspect the demo is not available. I'll check and let you know.

Anyway, tab top position can be aligned if you set TabBorderRadius, TabMargin and TabPadding all to zero, no? Just like when you create a new IWTabControl. They are all aligned, although small.
Reply


Messages In This Thread
RE: TIWTabControl - change the Tab style (CSS) - by Alexandre Machado - 04-11-2018, 09:40 AM

Forum Jump:


Users browsing this thread: 2 Guest(s)