CODEWITHSUNDEEP
extjs
Jacobian
Jacobian

Reputation: 10842

ExtJS 5. How to remove rounded corners from fieldset border?

In ExtJS 5 a fieldset component has rounded border corners by default (at least they are rendered so in Firefox, Ubuntu). What I want are old-style sharp corners. I looked through sencha documentation, but could not find appropriate configs.

Upvotes: 1

Views: 1336

Answers (1)

Guilherme Lopes
Guilherme Lopes

Reputation: 4760

Jacobian,

Thanks for specifying that your issue is with the classic theme. It seems that every container has round-corners by default, so everything that extends from the Ext.container.Container will have round corners.

Regarding your fieldsets you could add a class to your main container (eg. myContainer) and use CSS to specify that every fieldset inside your container shouldn't have round corners:

.myContainer .x-fieldset {
    border-radius: 0;
}

If you want to remove round corners from every single fieldset in your project no matter where it is, change the .x-fieldset-default class: 

.x-fieldset-default {
    border-radius: 0;
}

I've updated my fiddle with this first choice. http://fiddle.sencha.com/#fiddle/coo

Upvotes: 1

Related Questions