This is a migrated thread and some comments may be shown as answers.

Orientation & basic style change

1 Answer 119 Views
ExpansionPanel
This is a migrated thread and some comments may be shown as answers.
Joel
Top achievements
Rank 2
Iron
Iron
Iron
Joel asked on 22 Feb 2021, 07:19 PM
Can I have this expander work vertically instead of horizontally?  Also, the default styling puts a box around it.  How do I change the style of this control so all I see is the title and the open/close handle?

1 Answer, 1 is accepted

Sort by
0
Georgi Denchev
Telerik team
answered on 25 Feb 2021, 04:08 PM

Hi Joel,

The expansion panel doesn't have a vertical mode as of yet. You could perhaps modify the position of the different panels using css, however this would be down to a custom implementation. You can check the following StackOverflow thread which discusses how to align elements vertically.

For the second question, you can remove the borders around the expander in order to display just the title and open/close handle.

.k-expander, .k-expander-header {
    border: none;
}

Let me know if you have any additional questions.

Best Regards,
Georgi Denchev
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Tags
ExpansionPanel
Asked by
Joel
Top achievements
Rank 2
Iron
Iron
Iron
Answers by
Georgi Denchev
Telerik team
Share this question
or