Expand Icon appears next to the header of the Expander control and is clicked to expand the content area. By default, the expand icon is aligned on the right side of the header. However, you can change the alignment of the expand icon as per your requirements using ExpandIconAlignment property of the C1Expander class. The ExpandIconAlignment property accepts the alignment value from the ExpanderIconAlignment enumeration.
The following code shows how you can change the alignment of the expand icon to left:
Index.razor |
Copy Code
|
---|---|
<C1Expander Header="@("Click")" ExpandIconAlignment="@ExpanderIconAlignment.Left" HeaderStyle="@("background-color: BurlyWood")" Style="@("overflow:hidden;width:280px;box-shadow:0px 5px 5px rgba(0,0,0,0.2)")"> <C1Calendar FirstDayOfWeek="@DayOfWeek.Monday"></C1Calendar> </C1Expander> |