Is there a CSS grid framework available in dojo, like 960gs or prototype grid system? I have searched but found none.
Thanks
No. There is no CSS layout like that in dojo. There are dijit layout components that can help with layout but it's not a grid system.
Related
I am having issues in learning CSS Grid and Flexbox I can not understand the layouts and understand tags. Is there a solution or a way to learn?
Thanks
Don't memorize codes, use what you will learn in practices, search about your questions.
you can write a documentation for yourself, draw divs (for example to see whats the difference between "align" and "justify" values).
Grid:
Grid Layout
The CSS Grid Layout Module offers a grid-based layout system, with rows and columns, making it easier to design web pages without having to use floats and positioning.
For more information try:
https://www.w3schools.com/css/css_grid.asp
Or
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout
Flexbox:
CSS Flexbox Layout Module
The Flexible Box Layout Module, makes it easier to design flexible responsive layout structure without using float or positioning.
For more information try:
https://www.w3schools.com/css/css3_flexbox.asp
Or
https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Flexible_Box_Layout/Basic_Concepts_of_Flexbox
Hope these help :)
Container is responsive but header,footer and background image is not responsive. How to make that responsive?
If you'd rather not use a framework like Shahnad mentioned above, you can use the css property flex-box. This website perfectly explains how flex-box works.
Use Front end frameworks like Material-UI or bootstrap, design, etc...then use grid
Bootstrap- grid
Material-UI grid
Ant Design Grid
I'm looking for live grid builder.
E.g.: I need 9 boxes
And with options to possible combine some blocks.
There's dare I say, hundreds of CSS grid libraries/frameworks. Bootstrap, Foundation, 960 Grid, Pure.. Bootstrap and Foundation are probably the most widely used with tons of documentation. There's also Gridstack and Gridster that are Javascript plugins that are more for widget building.
I'm don't want create for me. Just maybe exist any library or something other.
Are there an open source code for css grid layout, am aware of the existence of frameworks such as bootstrap and masonry,
am wondering if there are any way of getting grid layout without using these frameworks?
Sure there are many just grid frameworks without the overhead of full ui css framework, really just google css grid frameworks
old classic
http://960.gs/
responsive
http://getskeleton.com/
http://www.responsivegridsystem.com/
Sass
http://susy.oddbird.net/
Newer Flexbox based grid frameworks
http://flexboxgrid.com
http://studio51.github.io/gridlecss/
http://fclaussen.github.io/Flexbox-Framework/
Newest is the Css Grid Layout spec, from what I have read all major browser makers are committed to this spec, Chrome Canary has a good working implementation, Firefox is working on it. Webkit is also working on it.
See these resources for Css Grid Layout
Rachael Andrews site
http://gridbyexample.com/
Pollyfill
https://github.com/FremyCompany/css-grid-polyfill
Igalia shows how to enable in different browsers plus other examples
http://igalia.github.io/css-grid-layout/
With the Grid Layout spec you will no longer need a framework to layout a grid, hopefully by 2016 it will be in all major browsers
Also see flexbox based grids above as they seem to be gaining popularity.
But I am really excited about the Css Grid Layout Spec and having grid capabilities built right into the browsers
I'm getting started on a Kendo UI Mobile project and have absolutely no idea how to create the layout I'm looking for. Heck, I have basically no idea how to do anything in Kendo UI.
I'd like to have 3 images in a view. An example of the layout is below.
I'm quite confused as to how to create this layout and have the images adapt to whatever mobile device or orientation is being used. A series of nested splitviews seems to be the way to accomplish this layout, but the kendo-ui site seems to indicate that the splitview is for tablets only.
Should I just grab a responsive grid framework and use that in conjunction with kendo-ui? I'd prefer to stick within the kendo-ui framework if this layout is possible.
You need to recognize that KendoUI isn't the solution for everything. For this problem/requirement, you should be looking for a simple HTML/CSS solution and not a widget such as the splitter.
You can use the bootstrap responsive (integrated in kendo ui) for html 5 mobile app.
I remember, you can use the grid system (css classes) and the img-responsive class
see the grid here : http://getbootstrap.com/css/#grid
see the responsive image here : http://getbootstrap.com/css/#images-responsive
in kendo it overrided but that's the same logic