SfTreeview extending shifting left and css changes to dock menu based on themes
In my attached example, I have a few issues:
- While using any of the built-in dark themes, the sftreeview items move right compared to light themes. As a result, the sftreeview child menu also moves further right and I get a horizontal scrollbar on the sidebar.
- Can the background colors of dock menu be programmatically changed according to the themes? I tried setting it with .e-menu-container but that isn't link to the themes.
- There is a white strip at the bottom of the main header. It isn't uniform. I would like to remove this.
Attachment: Dock_Theme_3cff7de3.zip
This only changes the background color for the SfTreeView components.
Hi Nick,
We have validated
your sample, you used menu component to render the below item (Home and
Text). So, only we have provided the background color for below mentioned item in our last update. Please refer the below screen shot and code snippet.
|
<SfMenu CssClass="dock-menu" TValue="MenuItem" Orientation="@VerOrientation"> <MenuItems> @foreach (var item in MainMenuItems) { <MenuItem Text="@item.Text" IconCss="@item.IconCss" Url="@item.Url" title="@item.Text"> @if (item.Items != null) { <MenuItems> @foreach (var item1 in item.Items) { <MenuItem Text="@item1.Text" IconCss="@item1.IconCss" Url="@item1.Url" title="@item1.Text"></MenuItem> } </MenuItems> } </MenuItem> } </MenuItems> </SfMenu> |
If we are misunderstanding your requirement, please share the screenshot (highlight the element) or video demonstration for which element do you want to change the background color. Based on that we will check and provide you a better solution quickly.
Regards,
YuvanShankar A
I want to change the background of the docked sidebar with the theme.
I have tried using 2 different css .e-menu-container for both light and dark theme since it is SfMenu but that doesn't work either.
