Expansion panel collapsed vs expanded - border-radius.

1 Answer 49 Views
Theme Builder Pro
Gerard
Top achievements
Rank 1
Gerard asked on 07 Oct 2023, 10:35 PM | edited on 07 Oct 2023, 10:35 PM

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 Answer, 1 is accepted

Sort by
0
Nick Iliev
Telerik team
answered on 09 Oct 2023, 10:44 AM

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

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.

Tags
Theme Builder Pro
Asked by
Gerard
Top achievements
Rank 1
Answers by
Nick Iliev
Telerik team
Share this question
or