Page 1 of 1

Accordion tab - delete round corners

PostPosted: 22 Mar 2017 14:44
by 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

Re: Accordion tab - delete round corners

PostPosted: 22 Mar 2017 15:05
by 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.

Re: Accordion tab - delete round corners

PostPosted: 22 Mar 2017 15:08
by 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.

Re: Accordion tab - delete round corners

PostPosted: 22 Mar 2017 17:04
by 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

Re: Accordion tab - delete round corners

PostPosted: 23 Mar 2017 16:06
by 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.