Unplanned
Last Updated: 19 Aug 2020 16:53 by Johannes
Johannes
Created on: 19 Aug 2020 16:53
Category: PanelBar
Type: Bug Report
0
PanelBar tag helper displays incorrect icon

Bug report

Reproduction of the problem

If an item is set to expanded="false" (see the "Storage" item in the snippet below) in the PanelBar's tag helper, it displays the "collapse" icon, instead of an "expand" icon:

<kendo-panelbar name="project">
	<items>
		<panelbar-item text="Storage" expanded="false">
			<items>
				<panelbar-item text="Wall Shelving"></panelbar-item>
				<panelbar-item text="Floor Shelving"></panelbar-item>
				<panelbar-item text="Kids Storag"></panelbar-item>
			</items>
		</panelbar-item>
		<panelbar-item text="Lights">
			<items>
				<panelbar-item text="Ceiling"></panelbar-item>
				<panelbar-item text="Table"></panelbar-item>
				<panelbar-item text="Floor"></panelbar-item>
			</items>
		</panelbar-item>
	</items>
</kendo-panelbar>

This is caused by incorrect classes being applied to the item. It should have the "k-panelbar-expand k-i-arrow-60-down" classes, instead it has the "k-panelbar-collapse k-i-arrow-60-up" classes.

Current behavior

"k-i-arrow-60-up" icon is displayed.

Expected/desired behavior

"k-i-arrow-60-down" icon is displayed.

Environment

  • Kendo UI version: 2020.2.617
  • jQuery version: x.y
  • Browser: [all]
0 comments