You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
But as soon as we add a complex element inside the <NodeContent> we get a graphical glitch on the selected node - two bars, one above and one below the component:
because _TreeViewNodeContent.razor.cs adds p-1 cursor-pointer bg-primary text-white
the only way to remove p-1 is to add SelectedNodeStyling="@((item, style) => { style.Style = "padding:0!important"; })"
Describe the solution you'd like
Make it easier to use a custom razor component inside a <NodeContent>.
Not everyone will figure out to add { style.Style = "padding:0!important"; }
Perhaps SelectedNodeClasses that override p-1 cursor-pointer bg-primary text-white ?
Is your feature request related to a problem? Please describe.
Simple TreeView nodes like in https://github.com/Megabit/Blazorise/blob/master/Demos/Blazorise.Demo/Pages/Tests/TreeViewPage.razor#L20
can be styled easily.
But as soon as we add a complex element inside the
<NodeContent>
we get a graphical glitch on the selected node - two bars, one above and one below the component:because
_TreeViewNodeContent.razor.cs
addsp-1 cursor-pointer bg-primary text-white
the only way to remove
p-1
is to addSelectedNodeStyling="@((item, style) => { style.Style = "padding:0!important"; })"
Describe the solution you'd like
Make it easier to use a custom razor component inside a
<NodeContent>
.Not everyone will figure out to add
{ style.Style = "padding:0!important"; }
Perhaps
SelectedNodeClasses
that overridep-1 cursor-pointer bg-primary text-white
?Additional context
SelectedNodeStyling
is not documented: https://blazorise.com/docs/extensions/treeviewThe text was updated successfully, but these errors were encountered: