Thread Rating:
  • 1 Vote(s) - 2 Average
  • 1
  • 2
  • 3
  • 4
  • 5
TIWTabControl - change the Tab style (CSS)
#7
Thx Dan,

it worked.


Code:
procedure TIWForm1.IWAppFormCreate(Sender: TObject);
begin
 with ExtraHeader do
 begin
   Add('<style type="text/css">');
   Add(' div.IWTABCONTROL1CSS-ROW {display: table; width: 100%; table-layout: fixed; }');
   Add(' div.IWTABCONTROL1CSS-ROW span {display: table-cell; padding: 0px; text-align: center; vertical-align: middle; }');
   Add(' div.IWTABCONTROL2CSS-ROW {display: table; table-layout: fixed; }');
   Add(' div.IWTABCONTROL2CSS-ROW span {display: table-cell; padding: 0px 20px 0px 20px; vertical-align: middle; }');
   Add('</style>');
 end;
end;

The upper TabControl has 100% width.
The lower TabControl has 20px left and right padding.

Best regards


Attached Files Thumbnail(s)
   
Reply


Messages In This Thread
RE: TIWTabControl - change the Tab style (CSS) - by jorgo2018 - 04-16-2018, 01:38 PM

Forum Jump:


Users browsing this thread: 2 Guest(s)