Unplanned
Last Updated: 09 Oct 2023 10:43 by ADMIN
Gerard
Created on: 07 Oct 2023 23:07
Type: Feature Request
0
Expansion panel - collapsed border-radius doesn't work.

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.

1 comment
ADMIN
Nick Iliev
Posted on: 09 Oct 2023 10:43

Hello Gerald,

Indeed. at present, 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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.