We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Anyway to resize panels in Dashboard Layout component

Thread ID:

Created:

Updated:

Platform:

Replies:

148768 Nov 3,2019 03:46 PM UTC Nov 4,2019 01:31 PM UTC Blazor 1
loading
Tags: Dashboard Layout
Waleed
Asked On November 3, 2019 03:46 PM UTC

Anyway to resize panels in Dashboard Layout component ? I tried the following :


<EjsDashboardLayout @ref="DashboardObj" CellSpacing="@(new double[]{10 ,10 })" CellAspectRatio="1" Columns="3">
    <DashboardLayoutEvents Created="@onCreate"></DashboardLayoutEvents>
    <DashboardLayoutPanels>
            <DashboardLayoutPanel SizeX="1" SizeY="1">
                <ContentTemplate><div>3</div></ContentTemplate>
            </DashboardLayoutPanel>
        </DashboardLayoutPanels>
</EjsDashboardLayout>


    y = new PanelModel()
                {
                    Content = "<img src=\"data:image/png;base64,"+ stringo+"\">" , 
                    SizeX = .1, 
                    SizeY = .1
                };

but didn't work , it always shows the default panel size even if i try a small size < 1 , is there anything like defining 100px for the height and width ?

Prem Kumar Madhan Raj [Syncfusion]
Replied On November 4, 2019 01:31 PM UTC

Hi Waleed, 

Thanks for contacting Syncfusion Support. 

We have checked with your query and would like to let you know that we can’t set the value less than 1 for SizeX and SizeY values of the panels. We would like to let you know that the Dashboard layout component is a grid structured layout that renders based on the parent element’s dimensions (height and width). The columns property is used to define the number of cells per row which split the parent element width into equal halves based on number of columns (for eg. if parent element width is 600px and column value is 3, each panel will have 200px width and 200px of height). So we suggest you to adjust the number of columns in the dashboard layout component to achieve you requirement at your end. 

Please check the below documentation link for further details. 


Regards, 

Prem Kumar M 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon