Studio Layouts

studio layouts provide a way for you to create re useable layouts that seamlessly fit into the studio experience after creating your layout, when your clients are editing their pages, the studio layouts ui will show your agency layouts alongside our siteglide layouts setup to create or edit your layouts, there is a new section in portal that can be accessed from the left menu called “studio layouts” from this screen you can view information about your existing layouts and edit them, or create a new layout creating/editing while creating and editing a layout, you have the follow fields id generated automatically create date generated automatically name appears when a user hovers over a layout to drag it into studio code the code that gets written to the page when the user drops the selected layout image the image that is displayed in the list of layouts in studio please ensure that these images are no large than 600px wide categories existing pick from a category that one of your existing layouts is in new create a new category sites limit which sites can access this layout enable whether this layout is visible within the selected sites studio editor layout recommendations when creating layouts we recommend that you use the following format wrap your your layout in a section that has a class in the following format {agencyname} {category} {id} for example //layout code here this way if the user has multiple layouts on a page, then you target any specific layouts via css by using the section class any css that needs to be included specifically for the layout should be included in a style tag along with the layout for example 	 i am red 	 this way, the user does not have to go to another section of siteglide such as code editor to add in the css it is integrated into the layout itself any bootstrap or sass variables can continue to be used by applying that class to the layout