Expansion panel collapsed vs expanded - border-radius.

[Gerard]

When editing the collapsed state, the border-radius section does not work, in the expanded section everything is fine. Both states have the same variable set. 
Additionally, there is no editing of the FOCUSED state for the header, which occurs in a similar component - PanelBar.

 

 

 

[Nick Iliev]

Hello Gerald,

 

For your convenience, I am reposting here the answer from the feature request thread.

Indeed. there is no way to modify the border of the expansion panel when it is collapsed. The Header template only permits border manipulation of the panel's header. Our development team is exploring alternatives, such as creating a customized template, to address this issue. I have noted your request in our public issue repository, which you can track for updates at https://github.com/telerik/themebuilder/issues/48. 

In the meantime, as a temporary measure, you can apply styling directly via CSS in your application.

```CSS
.k-expander {
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
}
```

 

The Focused state is a legitimate feature that we will also prioritize. You can check its status on the GitHub thread provided at https://github.com/telerik/themebuilder/issues/49. As a temporary workaround, you can apply the styling directly through CSS in your end application.

.k-expander-header:focus, .k-expander-header.k-focus {
    background-color: red;
}

 

Regards,
Nick Iliev
Progress Telerik