#I564184- Resolved the issue with the dynamically added panel not being persisted whenenablePersistenceis enabled in the Dashboard Layout.
The Timeline control enables users to display a series of data in chronological order, providing a visually compelling and user-friendly experience. This showcases user activities, tracking progress, narrating historical timelines, and more.
The Timeline component enables users to display a series of data in chronological order, providing a visually compelling and user-friendly experience. This showcases user activities, tracking progress, narrating historical timelines, and more.
-
Orientation - Display items in a horizontal or vertical orientation.
-
Opposite content - Display additional information opposite to the item content.
-
Items alignment - Items' content and opposite content can be aligned - before, after, alternate, or alternate reverse.
-
Reverse timeline - Shows the timeline items in the reverse order.
-
Templates - Customize the default appearance, including styling the dot item, templated content, and more.
-
Orientation - Display items in a horizontal or vertical orientation.
-
Opposite content - Display additional information opposite to the item content.
-
Items alignment - Items' content and opposite content can be aligned - before, after, alternate, or alternate reverse.
-
Reverse timeline - Shows the timeline items in the reverse order.
-
Templates - Customize the default appearance, including styling the dot item, templated content, and more.
#I425916- Fixed issue with Expand and Collapse event triggering in splitter.
#I395833- The issue with the "Facing accessibility testing failure in the Dashboard Layout component" has been resolved.
#I396820- The issue with "minSizeX and minSizeY properties not working while using cellSpacing in Dashboard Layout component" has been resolved.
#F171906- The issue with "Adding dynamic panels after drag causes error in Dashboard Layout" has been resolved.
#F385792- The issues with the Splitter's first pane resizing to the right and the pane resizing not working properly has been resolved.
#I382649- The issue with "When resizing the page to less thanmediaQueryvalue then the height was not proper for the Dashboard Layout component" has been resolved.
#F174876- Now, collapsing the splitter pane after resizing the pane and when theenablePersistanceAPI is set to true works properly.
#I341650- The issue with "Resize event handler is not properly un-wired, when destroying the splitter component" has been resolved.
#I334749- Resolved the exception raised, when resizing the window with splitter rendered in the page.
- Provided
enablePersistenceproperty to persists the component's state between page reloads. - Provided
enableReversePanesproperty to reorder the splitter panes.
#F163365- The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.
#320479- The issue with "addPanepublic method does not work when rendered with the nested splitter" has been resolved.
#312164- The issue with "Newly added dashboard panels hide while switch between mobile mode to normal mode" has been resolved.#310199- The issue "Unable to resize when rendering multiple panels" has been resolved.
#315820, #313937, #316711- The issue with "Console error occurs on resizing when the splitter is rendered" has been resolved.#F163365- The issue with "When the first pane is collapsed, the size of the second pane is not properly set" has been resolved.
F159402- The issue with "The Syncfusion components are not rendered inside the Dashboard Layout while using the selector template" has been resolved.F159797- Now, the Dashboard Layout component is also available in the Theme studio.
#303968- The issue with "Script error occur in DashboardLayout, when updating its parent props using setState method in React platform" has been fixed.
#F159413- The issue with "Script error occurs when dynamically updating the panels using V-for" has been fixed.
#292627- The issue "Panels are overlapped with each other during window resize" has been fixed.
#271335- The support for rendering panels with their respective column size in the mobile view has been provided.
#284795, #286988, #291408, #291630- The issue with rendering panels when using angular template has been fixed.#282904- The issue with the empty space while setting allowFloating as true has been resolved.#271335- The support for rendering panels with their respective column size in the mobile view has been provided.
#I288982- The issue with "Resizing feature is not working properly when the splitter’s height is more than the window" has been resolved.
#278405- Issue with Dashboard element dimensions not updated properly based on the parent element dimensions has been resolved.
#276817- Panel content will now get persisted on page reload with persistence enabled.
#269881- Provided support to restrict the dragging functionality of an individual panel by addinge-drag-restrictcssClass to the panel.
#273127- Resolved the issue "Splitter resizing does not work as expected in the internet explorer browser".F153749- Issue with "Splitter expand and collapse action doesn't work as expected after the pane resize" has been resolved.
#275109- Issue with floating the panels in inline rendering has been resolved.
#272732-The issue with Splitter pane size decreased by resize of window has been resolved.
-#272515, #F153399 - Resolved the issue with nested splitter resizing is not working properly.
- Resolved the alignment issue with expand and collapse icons in the internet explorer browser.
#269482- Resolved the expand and collapse icons hidden issue when panes are expanded or collapsed.
#271938- The issue withThe Dashboard layout resize icon style overrides the RTE component image stylehas been resolved.
F11801- Resolved the script errors thrown when performing keyboard action in single pane.
#263850- The issue with the invalid cursor that is displayed in panel content or header, which is not in draggable element has been resolved.
#263496- Resolved the issue with the splitter paneSettingscollapsedproperty that is not updated properly when the panes are expanded or collapsed.
#262900- Thechangeevent now triggers when a panel is resized and then the adjacent panel position changes.
#261892- Issue with removePane public method does not update the value of the paneSettings property.
#262675- Provided the support to prevent the XSS attacks using theenableHtmlSanitizerproperty.
#F150686- The issue "Panels overlapping when you drag from top to bottom" has been resolved.
#261757- The issue, "cssClass not set into pane when you add the pane using the addPane method" has been resolved.#261829- Keyboard interaction issue with input components has been resolved.
- Resolved the script error while destroying the dashboard layout component in IE11 browser.
#I261044- Issue with expand and collapse icons button type has been resolved.
#255853- Resolved the issue "Splitter resizing does not work as expected if it has an iframe element".#259892- Resolved the issue "Splitter pane is not properly resized when it has percentage pane size".#258254- Resolved the issue with the public methodaddPanethat does not work when rendered a single pane.
#258121- Resolved the CSS warnings in Firefox 71.0 version.
#254606- Web accessibility issues resolved.
-
Provided
Keyboard navigation supportfor splitter. The available keyboard shortcuts are, -
Up Arrow- will move separator towards up in vertical splitter. -
Down Arrow- will move separator towards down in vertical splitter. -
Right Arrow- will move separator towards right in horizontal splitter. -
Left Arrow- will move separator towards left in horizontal splitter. -
Enter key- will toggle nearest collapsible pane of focused separator.
- Panels overlapping issue "while dragging the panels in bootstrap theme" has been resolved.
#255003- Provided the cssClass property to individual panes also to customize it in the Splitter.
#256123- Issue with removinge-draggingclass after panel resize has been resolved.
#I255141-Resolved the issue with separator's visible state when collapsible the last pane .#252195- The alignment issue with expand and collapse icons in the internet explorer browser has been resolved.
#F149164- Resolved the issue with panel resizing when more than one Dashboard Layout component is used in a page.
#251791- Provided the support to use DOM element as pane content by configuring the selector to the content ofpaneSettingsproperty.
#253345- The Console error thrown when navigating from splitter component to another page has been resolved.#252410- Resolved the issue with collapsing panes when setcollapsedproperty as true in Splitter.#252410- Issue withExpandpublic method not working in the splitter has been resolved.#252410- Resolved the interaction issue with expand and collapse pane.
#241183- Issue with "show the expand and collapse arrow on hovering middle of split bar" has been resolved.#242579- Resolved the issue with "Split-bar rendering while change orientation dynamically"#243003- Resolved the issue with enabling expand and collapse arrow based on collapsible property.#243007- The issue "Collapsing and expanding splitter control does not return to original state" has been resolved.#244847- The issue "Split panes are not resized properly on window resizing" has been resolved.
- #237417 - Click event of button is not triggering when it is placed inside the panel element of DashboardLayout.
- #236095 - Support for refresh method has been provided, which allows to refresh the panels.
- #144602 - Issue on panel resizing after adding a new panel dynamically has been fixed.
- #234604 - Issue with draggable cursor appears on hovering over the panels when dragging is disabled has been fixed.
- Renamed the folder within the package from
dashboardlayouttodashboard-layout.
- The issue with not able to set null value value for
cssClassAPI has been fixed
- Expand and Collapse: This feature allows you configure and interact with the expand and collapse functionality of splitter.
- The issue with dynamic update of
paneSettingshas been fixed.
- Issue with dynamic update of pane content has been fixed
- The issue with white background for the Card control has been fixed in Material theme.
The DashboardLayout is a grid structured layout control that helps create a dashboard with panels. Panels hold the UI components and allow resize, reorder, drag-n-drop, remove and add options. This allows users to easily place the components at the desired position within the grid layout.
- Drag and Drop: Allows drag and drop of panels at the desired location within the dashboard.
- Resizing: Support to resize the panels in any direction as per the requirement.
- Floating: Floats the panels upward when the dragging option is enabled.
- Media Query: Allows the panels to be stacked when the specified resolution is met.
- The issue with dynamically updating the pane size has been fixed.
- Provided option to configure the splitter and its pane properties such as size, min, max, resizable through data attributes (
data-). - Included the public methods for add and remove splitter panes.
The Splitter is the layout user interface (UI) which contains multiple resizable panes and separator bar.
- Resizable: By default, all the panes configured with resizable.
- Orientation: The panes can be oriented horizontally and vertically.
- Nested: Integrate splitter controls inside split pane to create nested layout.
- Separator: Divide the pane with horizontal or vertical line with customizable dimension.
Avatars are icons or figures representing a particular person, used in popular media formats like images, SVG, font icons, and letters.
- Types - Provided 2 types of Avatar.
- Sizes - Supports different sizes to adapt the various application scenario.
The Card is a small container in which user can show defined content in specific structure and it is a flexible and extensible. Card is a pure CSS component built with markup and style.
The available key features are
- Header: Header supports to include title, subtitle along with image.
- Images and Title: Support to include images with customizable caption positions in it.
- Action Buttons: Supports to add buttons within the card either in vertical or horizontal alignment.
- Horizontal Card: Allows to align card elements horizontally and also allows to stack the content vertically within horizontal alignment.