Button - delete round corners

[jorgo]

Hi,
how to delete round button corners?

1.) TIWCGJQEdit - delete "ui-corner-all" from property "css"
2.) TIWCGJQButton - property "css" contains nothing

Kind regards

[Alexander Bulei]

Hi jorgo,

You have 2 ways to do that:

1. Create the custom css rule in custom css file (if you don't have, create it..):
   css code

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

   
   
   Then, add the new css rule name to component:
   
   delphi code

   IWCGJQButton1.JQButtonOptions.ButtonCss:= 'no-corners';

   
   
2. Add the inline-style to button through the IWCGJQButton1.Style property:
   
   Attr: border-radius
   Value: 0

Best Regards.