Accordion tab - delete round corners

[jorgo]

Sry a last one,
how to delete round tab corners?

The TIWCGJQAccordionTab has only a css property (no style).
The following css is not working:

Code: Select all

.no-tab-corners{
  tab-radius: 0 !important;
}

Code: Select all

TIWCGJQAccordionTab.Css = no-tab-corners

Kind regards

[Alexander Bulei]

Hi jorgo,

use this css rule:

css code

.no-tab-corners > h3{
  border-radius: 0 !important;
}

And

.no-tab-corners{
tab-radius: 0 !important;
}

tab-radius is invalid css property.

Best Regards.

[Alexander Bulei]

Anyway, if you want remove all border-radius, I suggest you to copy the default theme, and remove all border-radius in jquery-ui.css.

Then, you need add your custom theme to themeswitcher, or load in ServerController.

Best Regards.

[jorgo]

Hi Alexander,

it's not working.
My steps:

Code: Select all

1.) css rule in mytest.css

.no-tab-corners > h3{
  border-radius: 0 !important;
}

2.) add css file

procedure TFORM_Main.IWAppFormCreate(Sender: TObject);
begin
  ContentFiles.Add('mycss/mytest.css');
end;

3.) Obj.-insp.: 

TIWCGJQAccordionTab1.Css = no-tab-corners

Kind regards

[Alexander Bulei]

Hello,

it's not working.

It's works...

23-03-2017 15-02-50.jpg

Anyway, this questions require the additional knowledge of css...and they're out of normal support.

If you need closer support, please use/buy the premium support tickets.

Best Regards.