#I306072- The Floating issue in Dashboard Layout when the scroll bar is in the middle of the page 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 adding e-drag-restrict cssClass 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.