1. Home
  2. Forum
  3. React - EJ 2
  4. SF React own layout system

SF React own layout system

Hello,

I'm new to the SF React package, and my previous experience with react was with Semantic-UI. 

Now I'm trying to get my head around how SF layout has to be used. Looking at the various samples it seems that for layout (basic grid pagination and so on) all is based on bootstrap, is this the case?
Doesn't SF have an own layout system?  

Thanks in advance.

5 Replies 1 reply marked as answer
SA Shameer Ali Baig Sulaiman Ali Baig Syncfusion Team December 1, 2020 07:46 AM UTC

Hi Juri, 
 
Greetings from Syncfusion support. 
 
We have checked your reported query. From your provided details, we suspect that you are enquiring about the available layout control from EJ2 library. 
 
The EJ2 Dashboard Layout 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. 
 
Key features of Dashboard 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. 
 
Refer the following links to know more about it. 
 
 
 
 
There is no need to refer bootstrap style file to render any EJ2 library component. We have reffered the bootstrap style file for sample level style alignement only. BootStrap styles has not used in EJ2 components, so it dependant style file and it won’t affect the default styles of EJ2 component. 
 
Syncfusion React (Essential JS 2) library is a modern UI Components library that has been built from the ground up to be lightweight, responsive, modular and touch friendly. It also includes complete support for Angular, Vue, ASP.NET MVC and ASP.NET Core frameworks. 
 
Syncfusion EJ2 library has its own in-built themes for its components. Refer the following link to know more about it. 
 
 
Check out the following links to know more about Syncfusion EJ2 React components and how to configure it. 
 
 
 
 
If you have more questions about the Syncfusion EJ2 React components, please share with us the list of components you are using in your application from the Syncfusion EJ2 React library and share more information about your requirements/problems with us. It would help us to provide you the prompt solution. 
 
Please, let us know if you need any further assistance. 
 
Regards, 
Shameer Ali Baig S. 


Marked as answer
JU Juri December 1, 2020 08:57 AM UTC

Thanks for the feedback, 

aside from the dashboard layout, what I was looking for is also a basic grid system for layout building, just like I used to do with semantic ( https://react.semantic-ui.com/collections/grid/ ) without the need to use third party libraries. Is there somthing similar?

SA Shameer Ali Baig Sulaiman Ali Baig Syncfusion Team December 2, 2020 08:28 AM UTC

Hi Juri, 
 
We would like to inform you that Syncfusion EJ2 library do not have any separate layout system because Syncfusion EJ2 components can be used with all major layout system without much hassle. Syncfusion theming support mainly concentrated on providing uniform dimensions in line with the CSS framework used. You can find the supported themes from the below documentation. 
 
 
Please, let us know if you need any further assistance. 
 
Regards, 
Shameer Ali Baig S. 


JU Juri December 2, 2020 08:44 AM UTC

Ok, everything clear, thank you

SA Shameer Ali Baig Sulaiman Ali Baig Syncfusion Team December 2, 2020 09:17 AM UTC

Hi Juri, 
 
Thanks for the update. Please, let us know if you need any further assistance. We will be pleased to assist you. 
 
Regards, 
Shameer Ali Baig S. 


Loader.
Up arrow icon