The new Layout Builder: Unleash the Power!

okay this is layout builder unleash the power I'm Ted Bowman I work at the a Takuya fo maintainer of layout puller and settings tray right now I'm working on Drupal 9 preparation I'm Ted Bo on drupal.org and Twitter part of the Drupal acceleration team a taqueria mostly right now I'm working on Drupal 9 preparation update module making sure modules are compatible at both 8 and 9 at the same time working on worked on layout builder previously other stuff that our team does is API first a lot of work on the rest module JSON API worked on the media module we work on security issues and release management and somebody on our team also works on the lighting distribution so layout builder what does it do so I'm going to get a quick overview of what it does today's mostly I'm going to do a live demo of sort of yeah we're using the layout builder feel free to stop me along the way so obviously it's a layout builder flexible layout builder it previews on the default theme meaning as much as it can you see the light as you made the layout it's in the theme that that's going to be rendered in it's a easy way to connect your entity displays to other view to views and blocks it allows per entity layouts or customization and you can use it as a page building tool also so it does defaults so like content templates so this would take over manage display page it does override so one off layoffs so individual pages can can have their own layouts landing pages so these are really just overrides and all the special use case for them which I'll show later so I'm gonna do a live demo so I have have videos version of this presentation so if things go terribly wrong we can look at the videos but hopefully not so I'm gonna demo using the mommy profile from Drupal 8 it's a great way to for trainings sessions like this so I really appreciate all the work that people went into it I didn't theme this so the umami the umami theme considers that things are going to be in regions and not necessarily in layout folder so things might be a little look a little wonky if you were gonna do something like this you'd want a theme stuff a little bit for your use case what's that yeah in as much as web forms or nodes I mean you can probably arrange stuff I'm not sure if you can arrange individual elements it depends how the webform has it set up so let's look at default templates so we're gonna look at the recipes example in an umami so mommy's a food magazine on the left you have what this is actually not what comes with your mommy now right now actually ooh mommy has a demonstration of using layout builder on recipes so this is with layout builder turned off and this is like turning on layout builder and arranging stuff so I'm actually going to just sort of rebuild what they built a new mommy demo but if you're interested in looking at I think this is the main use case they have for layout builder a new mommy if you want to see a sort of finish to use case of layout builder you can look at install through your mommy theme and see what they did for recipes so basically out of the box Drupal just gives you a sort of column of fields that you can put in there you have field for matters you can have different field for matters but you can't arrange that's like like you see I'm gonna look for the right so layouts are created by multiple sections and each section can be different number of columns and the column widths are configurable this allows you to create sort of complex layouts which we'll see you today all right so let's just dive in I am going over to my site and I think I'm actually gonna go to recipes and I'm going to turn off layout builder so I've already turned it off okay so one thing that's weird about Emami that a lot of times you don't have to consider for layout builder or manage fields in general is for historic reasons they chose to use full content as a configured View mode a lot of people don't do this they just leave it as default so we are so layout builder can be applied to any view mode and you can apply to all view modes or one view mode so we're gonna take over the full content view modes because when you look at the recipe page it is using the full content if down here way to display settings let's go back to default if down here they did not have this checked for floor full content then we could just use layout builder on the default and it would show up when you look at a recipe page but I don't want to mess with the settings too much in a demo we'll just take the full content go down to the bottom here it says use we need to make the text bigger okay we're gonna say use layout builder we're not gonna say allow each item and have its own customized layout we'll look at that later so this basically means every recipe will have its own will have its own layout just sorry every recipe will have the same layout so we go to manage layout and we're basically shown what happens when you enable layout builder on a content type that didn't have layup loader enabled is it takes all of the fields in the order that they were and puts them in a big single column so effectively if I did nothing at this point and I looked at the recipe it would look exactly the same because you could think of managed fields as a single section with one column so if we look back and we see if the demo we want just we're going to have the categories and tags up at the top I'm an image and then I think I actually cut this off but we're gonna have like sort of four little icons here for preparation time difficulty and stuff like that we're getting ingredients and then recipe instructions so to start off we will want one big column up at the top because that's we're gonna have our categories we're gonna have our summary up at the top so it's kind of daunting when you have all of these different fields and it's hard to tell what they are I'm going to show you a way to make that a little better in a second but I'm gonna look for the summary which is probably this field the other thing weird is it doesn't know what values are going to be in there so it sort of takes the largest value then I can see okay this is a summary so I do want this on top the other way I can tell is I can turn off the preview and it's going to just tell me okay this is the summary field so I'm going to do that for a second just to make things easier I'm going to add a another section and I'm going to add a to column section gonna make it 50/50 and I have now two new places to place blocks and I'm gonna place the two taxonomy fields recipe recipe category field and the recipe the tags field I'm gonna put them side-by-side and then I basically want summary and then recipe category and tags so I'm going to drag everything else below that into a new two column another two column where I can have image actually no I want this set to be a three column where I can have image and then my four icons so I'm gonna have a three column and this is going to be 50/25/25 you can change the widths of the columns later on but you can't change the number of columns you have to create a new section and then move stuff into it so I'm going to add over here the first thing up often what you're going to do when you're doing a default layout for say recipes is you're gonna have all the fields that you would normally display here so I know recipe has a media field so I'm going to put the media image I'm not gonna display the title I'm not going to play the label and these are the same field for matters you would see on manage display so if you had a special field format or modules that you like or if you have modules I think like fences which allows you to do more things with field for matters you can still use them inside layout folder and then I'm gonna format it as the rendered entity because this is a media entity and I will say I think I know they're using the responsive three to view mode so have that there and then I'm gonna add a block here for the actually I already have the blocks up here so I'm going to move the I'm gonna go back to show my preview and I'm going to move the preparation time over here and then I'm going to move the cooking time over here and then difficulty here then again when you have when you have the defaults for a particular content type it's just random values so it knows that say the cooking time is a number so it picks a random number and puts it in there and then I'm gonna take the number of servings and I'm gonna put it over here so now I have this sort of four four items here and at the bottom I'm gonna take the body field which is this one and again body fields are kind of difficult to move so I'm going to turn off because it has so much texting and it turn off the preview and I'm gonna add a section at the bottom which is another one column section and now the body field which I hope I didn't totally a difficulty field preparation we're not have a body field did they get rid of thanks all right I'm gonna add this down here and I think that is pretty much what I have media field ingredients oh oh and then at the bottom after the incident oh they actually didn't do it this way they they put it as a two-column so to call I'm going to drag my recipe instructions over I can't remember which ones which I'm gonna put ingredients over all right have ingredients somewhere on the page let me grab my ingredients field and move it here and then this section actually I'm just going to leave because I didn't know I'm gonna delete this section because I put it there by accident I think this is good I'm gonna turn back on the content preview so I can kind of look at it I'm gonna save it and I'm gonna look at a particular recipe so we go back to the site I'm gonna look at her recipes I'm gonna choose a recipe and put the resolution now I got my image they got summary they got my four things here hmm I must have messed that up royally let's see content types recipe managed display oh yeah full contact I'm using layout builder I feel like I must have put the media image twice in there yes I did remove this block all right now is more sort of what I wanted to see so we have the summary we have a column for recipe category tags we have our four items here and then we have the ingredients and the instructions again I didn't theme this particularly for this for this use case you'd probably want to consider theme your fields in different areas or different regions there's a module called layout builder restrictions which will stop people you can allow stopping people who are customizing like customizing individual layouts for putting blocks in certain places if you don't think they'll make sense any questions on that for the defaults yeah so it'll go down like that yeah and making making layouts is pretty easy it's similar to making twit I mean it basically is a twig template where you just say I want to put this region here in this region here and then you have to kind of define in a yeah mole what your region names are yeah tweaked and which yeah well I mean you wouldn't want to change cores templates you could copy course templates and make them your own and add your own CSS yeah back in meaning code or yeah you can apply your own CSS to these regions no it doesn't create it doesn't create a new that it doesn't create a new template flight file anywhere the sections are all dynamic and they're generated dynamically they're stored in configuration depending with kind of yeah that you yeah you should not mess with it in the David when it is in the database yeah so so what happens is if you have a template that you are like have a no - whatever it is recipe template that will not be in effect when you say use the layout holder that will not be in effect if you have templates for individual fields then they would be in effect so when you take over the entity display in layout folder you're basically saying I don't want to use the sort of entity level template so the node recipe there the templates for nodes on recipes would not be in effect here yeah you would not have that alright so hopefully some of those become a little bit more clear let's look at another example so I don't this is a examples of a page I got from the radix layer module in Drupal 7 so this is just sort of example of like all the layouts you could have made there you're not gonna get that out of the box with layout builder but you sort of combine to make them so if you look at all these possible layouts then these are the ones that are left that you can make and layout builder out of the box and you can add some your own sections to make it more flexible but the idea here is you know I would make a three column section plus a two column sections to do this and here I would just make one three column section here are you one column section three column section one column section out of the box with layout builder you can't do something like this you can't have one section that goes all the way down across multiple sections here you can make a template yourself that is this whole thing if you want to you can do whatever you want with individual like if you want a section and you don't think well I don't want to do the stacked ones like like this I want to add a section to have a section be multiple man multiple rows you can make that pretty easily but chords not going to give you that ability out of the box what's that you would put that in a theme or a module there's documentation on how to sort of make them and looking at cores or Umami I think has their own templates to goofy after familiar with making twig templates for anything else that's pretty similar except for how you do you have to define the regions and stuff alright alright so now we're going to look at the example for articles so I'm going to look at the this is a version of umami that I have not messed with with layout builder if we're going to look at articles we have over on the left here is that is there just no display and on the right here is of you that you use in block layout and then down below here you have another view and then you have another block and then you have a menu here so I'm going to show how we can make this all within within layout builder itself so this sort of what I'm going to show you considers that you're gonna turn either turn off a lot of regions or say when I'm looking at articles the blocks are usually in these regions I'm not going to show in this region the sort of advantage of this is it allows you to use layout builder in one place to arrange your the view of the article but also view the display of views and maybe other related stuff that usually you'd have to either use something like panels or something like or the block layout page which is not really intuitive alright so I'm gonna go back to my site I'm gonna go to my content types and now I'm going to go to articles I'm going to go to full content again I'm gonna turn off actually so I can't turn off layout folder right now because I have I have overrides so overrides are stored in content so unless I remove these overrides layout builder is not going to let me unused layout builder because basically I'd be deleting content right now so to get around that for the demo I have a maid of view that just tells me show me all of the show me all of the nodes that have overrides and it's pretty easy to do over the over override field is just it's just a field and you can say show me where it's not null so I'm going to look at this one so this is is an article so I'm going to go to layout so we'll get to this in a second I'm gonna refer to defaults reverts and you get a contact so now okay now I have no recipes that have overrides so we go back to content types go to recipes manage display now it should let me turn off layout builder I'm just turning it off so that we can start from scratch another point here is like once you turn off lay up later it's not gonna remember the settings for recipe so be careful turning it on and back off obviously if you've exported your configuration you can reinforce your configuration so I'm gonna say use layout builder all right so I'm gonna manage layout builder and I'm gonna leave most stuff the same here because we already saw how we can make sections in there but I am gonna make it to column section and 50 then I'm going to make this a 67 33 so I'm gonna actually emulate my sidebar and my theme and I'm gonna make sure when I'm in looking at a recipe the actual theme sorry bar doesn't show up so what I will do is I'm going to go back to I really like to use layout builder without this show content preview especially I'm using defaults it just makes stuff a lot quicker I'm going to move the summary field up here and then the recipe category and then the tags media image maybe understand here preparation time this I meant to do articles all right so we're going to get articles sorry I thought I wondered why you had so many fields okay so we're going to full content turn it off here confirm turn it back turn it back on so I am going to make this two column section up at the top we actually wanted to be 6733 because I'm in Lamia I want a small sidebar on the side I'm going to drag all my fields up here body filled so this one is I just have a lot less fields on my articles moderation I have content moderation on which is a field that of the bottom so over on the side now I have this sort of area where I can put stuff that's not my node so right now what I'm going to do is you mommy comes with a related articles aside that's what they call articles aside I'm going to use the one that comes with your mommy and that is just going to show me three articles they're not particularly related to what I'm seeing right now but let's just see what that looks like this is not okay let's go to articles I'm looking for a particular article I know I know has tags on it okay so now we have inside the inside the layup loader we have this more featured articles and that actually doesn't there's nothing that ties it directly to our article but that's we so generally you can see okay now I could remove my side regions on my theme and take over everything with layup over the questions on that but let's say I don't want it to just be any feature any articles I want it be articles that are actually related to the content that I'm viewing here so I'm going to go back to my layout builder and I'm gonna remove this view and I'm gonna add a view that I've made for this class or the session and I have to the same I don't know why but I'm gonna assume this is it so this one I'm calling articles aside related okay you hope it's the right one so right now it's actually asking me for a Content ID so what's happening here is in my in my view I've made a contextual filter and I'm I told that contextual filter that I wanted a node and I did the specify validation criteria so if I specify validation criteria in my view and I say it's a particular entity type or a particular bundle the layout holder is gonna know of say okay you want to you want to node I know of one node that I have and that node is the that nodes the current content that I'm viewing and what I did here basically is I said for this node that I'm taking as contextual as a contextual filter exclude it from the list because I want things that are related to the tags of the current node I'm looking at but obviously I don't want them itself I don't want it showing over here so this is just a sort of way for me to exclude it from display any of your question on that for the view so it's over under advanced contextual filter so I'm going to add this for contextual filter views I don't think it can actually do the preview of let me see yeah it just was a placeholder usually if there's a new textual filter I'm gonna save this go back to my oatmeal and hopefully this should change to things that are related that have the tags vegan/vegetarian oh it's breakfast or dessert when i refresh it okay so I happen to know that this dairy free chocolate thing is about vegan recipes and then the mushroom and the carrots articles are about also have the vegetarian or vegan tag any questions about that but I won't see the view yeah okay let's look at the view okay so okay so this is the one I placed so nothing too special about it I have this Content ID contextual filter and I specified the validation criteria somewhere specified validation criteria and I told it it was content I didn't actually say whether it was recipe basic page or whatever if I did that then it would only work if I was viewing a recipe right now I could put this on articles or recipes the other thing I had to do to make this view work as I said hey for this contextual filter instead of saying equal this ID say anything but this ID the problem I'm getting is I have this you know your oatmeal thing is obviously gonna be related to tags but I don't want to also be here the other contextual filter I had is unfortunately right now lay-up legit doesn't know of context that you get from any references so I can't I can't have that little drop down to say related by the tags but views has this built-in ability to say hey if you don't have something for this contextual filter grab the term ID from the URL then it has this option to say actually load the filter from the node page this is good for related taxonomy blocks so I'm basically saying take the node grab the terms off of it and then I want to filter the articles that I'm showing by the tag so that that gets me articles related by tag to the article looking at except the article I'm looking at itself and I think that is then I did they put specify and I said basically yeah I didn't specify validation criteria I didn't need to yeah I did I said text anonyme term ID for tags so it's not gonna filter by recipe category here I could have done that if I wanted to I think that's the only thing really special about this view alright any questions so the other thing really quickly I could do is if I wanted to take over the whole page and I didn't want anything in the footer I can actually go back and add another one column here or I actually have a one column I'm going to add the recipes view and this is yeah yeah recipes collection so this is a view it doesn't have anything special as far as contextual filters it's going to show up I don't know why it's not showing up there I'm gonna save the layout and confirm that it's there so the recipe collections down here and if we look at this is the nonlethal diversion we have a block and we have a menu so I'm going to go down to the bottom and popping it back to manage display for recipes I'm gonna add another to column section except for this one I think it'll be 67 33 again add a block and this is the promo block that comes with comes with you mommy give it there and then I'm gonna add a menu this old food I'm gonna add the footer menu I'm gonna change the title to tell us what you think because that's what they use in the umami demo I'm gonna save it so now the advantage here is I have sort of what was previously on the block layout page all most mostly controlled here obviously I'm not controlling the header and everything but I have my art related articles here and then I have my recipe banner here the footer promo and then the menu any questions alright so let me go back to the slides real quick so just an example of what this so basically we have the fields over here for the actual article we're looking at then we have a view block that brings in related stuff and then down at the bottom we have more blocks one as a custom block and one is a menu block so they devant it one of the advantages of this is we instead of manage display in block layout which are kind of separate administration tasks and you have to sort of keep going back and forth to have these things show up here you have the and then in block administration you say okay if I wasn't using layer uploader its they actually only want this view to show off on articles I have to set that to so without layout builder have multiple ministration faces multiple user permissions and I have to deal with visibility conditions with layout builder I'm dealing with one ministration page for the article one permission anybody who can use layout builder for content types and then I don't have to worry about visibility conditions because I'm saying only show this on articles there is an issue to add visibility conditions to say well I only want to show it if has this particular tag or something like that but right now it's not there any questions all right so I'm going to quickly go over overrides or one-off layouts this allows individual entities nodes in our case right now to have a unique layout it's only available on the actually it's default or full view really it's it's whatever the full view is you can't you can't customize the teaser for an individual node you can only be custom customize the full view usually full view is default it's basically when you go to the page that's what you can customize it starts from the bundle default so if we are when we override an article it's gonna start from it's gonna start from whatever we had and manage layout for articles but it's not going to be synced any changes I after I override a article it's not anything I changed to the defaults for articles is not going to transfer over and the only way you can get back is to revert the override altogether they're stored as a field they're not deployed with cont and configuration management but they work with content moderation so you can have changes to a layout that you don't display right at once if you want to have it go through moderation there's two permissions for layout overrides either configure any layout or you actually three permissions I guess for to bundle level Commission's either you can can say configure any override for articles or you can only configure the overrides for articles that you can also edit so that allows you if you have complex permissions or a module that determines whether you can edit a particular article that would that would allow you also if you use that permission to override the layout all right so let's look at the example of a let's do a simple recipe change actually I turned off I turned off accidentally layout builder for recipes so I'm actually going to do it for articles so we're on the article content type I'm gonna click use layout builder that's strange Oh interesting yeah sorry I'm the settings are a little weird because it's using full content which I've never ever used I always use default but on full content if it's enabled I guess you have this allow each content item to have its own layout I'm gonna click this and again right now I could unclick it but as soon as I have one override I can't unclick it because that would delete the override maybe that is not what I was expecting so I'm going to go to the article that we just edited maybe give your oatmeal and that's yeah okay so if i refresh this now there's a new layout tab and let's say for this article this image is so awesome that i want it spanning the top page so i'm gonna go to layout i'm going to add a new section at the top add it via one column I'm gonna take my image I'm gonna drag it up and there now it's because it's a responsive image style it pops out there I'm going to save this so now i have my big oatmeal image and then i have the description and then have the related articles so this is only in effect for this particular article if i look at another article it's gonna have the same pattern well I guess there's nothing related to this one but it's going to have the same defaults any questions on that so yeah yeah I can't when I was doing this demo getting ready I couldn't member how to do that in views it's a views thing basically if you say the no results behavior in views you can do it that way yeah Oh take away this whole thing here yeah you could do that with the you could do and again you would do with the view so if you have a view on you have the no results behavior of saying if this one doesn't show results so just any old article or whatever yeah no not in core not in course there's not any uh actually I think yeah I think actually if I had a results behavior that took away the title and this was totally empty it would not show up or it depends on your I am Not sure yeah yeah probably depend on the CSS it would be interesting if course not doing this to tag sections that's empty so you could say okay if this is empty then pop it out there you know have it be nowhere yeah yeah okay so the other example I was gonna show overrides actually so the other thing I want to go over his custom inline blocks so a new thing that we did with lay up holder is you have your custom blocks that you go through block layout and you can add new custom blocks you can inside layout folder you can add those same block types but if you add it in layout builder then they don't show up in your custom block library and their access controlled by being inside by the thing that you embedded them in so just to sort of show how this works really quick let's say this article there was a video related to this article that I wanted to put out in this page but are we don't actually have a video we don't have a video field here and basically it's a viral video and everybody bored in like 2 days so we want to get it out on the page and we don't want to ask the developer to add a video field so I'm going to customize this layout and I'm gonna say actually you know actually no this doesn't have any results so I'm gonna remove that block here and I'm going to add another block and it is going to be a custom block and these are all my standard block types and I made one called media picker and I'm gonna call this like Wow and I'm emulators head I'm just going to add media so this is using the new core media library I'm going to click remote video and I'm going to go to YouTube and you're gonna have a little view into my viewing habits here I'm gonna take this link go back to my website here okay so I'm going to paste this in here add I have the video I'm not going to change anything save these are demos I did I'm not actually very interesting Tyrese but I'm gonna take this insert I'm gonna add this block and so now I have a little video let's imagine it's actually about herbs but you know it's about Gameboy or whatever so I'm going to save this so you can add this this won't show up in my block library if somebody tried to view this video play placing it somewhere else if they didn't have access to this no they could not see it I'm the main reason we did that is conceivably you could put private files on a block and you should not be able to see those files if you don't have access to the thing you just embedded it on any questions on that we are I think we're out of time I do have other stuff yeah yeah what's up it does not this is content as soon as you override it's considered content and all of the anything yeah anything I do in the override will not happen on when you move with the configuration what if you do that in a general layout because lofts are this weird thing there yeah yeah yeah so it has the same problems as sort of block as regular custom blocks have where if you kind of have to figure out whatever solution you currently use for getting them across you have to sort of figure out how that's going to work with layout loader it does not solve that problem for you unfortunately yep yeah so no and yes sorta so if you have translated knows it will show you the right version of the field if you have translated views it will show you the right version of the view in core right now though you can't have different layouts per per node and you can't have different per language and you can't have different custom blocks there are two modules that have taken a different tact a different approach of that and one translations [Music] I'm not sure okay so basically there's layout builder symmetric translations and layout builder asymmetric translations I made layup loader symmetric translations and basically what that means is any all your languages will have the exact same layout but any of your inline blocks that you added you can translate those and the idea there is the use case is say you have six languages and you want the layout to be the same but if you add custom blocks like text or whatever you want to be able to translate that but you don't want to if you decide to add a new section on an override you don't want to have to say well now I have to make that the same across six languages so it veers towards manageability but you can't have if you use it for landing page overrides it's not very easy because then you have to you can't have different language different layouts totally for language there's the swin soul made layout builder asymmetric translations which basically means like each layouts the wild west you can have each language for the overrides the wild west that is good for if really if you that I think is more localization so yet one one landing page but if somebody visits it in France or in the French language we want to be totally different and they visit in the English language you want a totally different layout that it's hard to keep things in line if you want them to have a similar layout you have to make sure that you do it on each page but it's easy to make it be totally diverged so it's like sort of different use case for the defaults you can't have different defaults for I think I think neither module handles defaults they just handle their overrides right now there's a patching core that was working on that handles both defaults and overrides and it uses the symmetric translations but we just kind of ran out of time it's still there I'd love to get back to it but before Drupal 9 I definitely well we can't add any new futures before Drupal 9 so it's definitely not coming out there so the soonest would be 9.1 for something like that yeah if you I can put it up on the the session there if you look at I did the same session in Seattle and it's linked there with a bunch of videos there is I have this alright since nobody's leaving I have this crazy example it's a wild example of the tags page changing it from this to this which basically includes this is just the simple so adds recipes by tags articles with the tag related tags but not that use the same related tags use on the same articles and then over here you have pathways using the tags and then if you look inside there you would have the users articles with the tags so you have this big combination on the view on the tag on the term page of sort of all this combination inside that one view is this is now a view of individual users which also uses layout folder for that particular View mode so it shows you how you can sort of combine this to get panels like behavior and it's not as powerful as it's not as configurable as panels is yet but it definitely gets you some of the behavior you could get with panels it doesn't have contexts it doesn't have context through entity references which I think would be really nice but you can kind of get that behavior through views and using relationships I think it's more complicated on the view side to chain the relationships and it's harder to see than it than it was on panels but a lot of that sort of related content or second-tier related content is still possible say author to author's articles on the same but it's right now it's you have to really know views pretty well to get that kind of stuff done yeah so I'll show you that view it's not in core but it's a super easy view to make so this is so these are all the ones you've seen more now than we had before this all it is is a view and I say I have one or a couple filters for published I guess I wouldn't necessarily want that filter on but there's a field for overrides called layout and I just say when it's not null and that gives you it's really convenient for when you want to turn off overrides because you have to go out and I mean it doesn't actually give you away it doesn't give you a way to bulk do it there may be a module that bulk updates fields like this and sets them to null but at least it would tell you where they are you go at it and say revert revert over yeah yeah and also too if you're trying to keep a tab of what editors are doing if you expect them to make overrides then this would be a good way the thing I didn't get into is landing pages which I made it basically I made a content type called landing pages that has no fields on it and it only has the layout field on it I turn layout builder on and I say each one is customizable so what you do in that case is you just say I add content I had a landing page and then I go to layout and I start adding stuff actually made a demo one of the home page it's my home page to test where I rebuilt the new mommy home page except with a bunch of views and any reference blocks and stuff like that so basically the the disadvantage with this again is it's content not configuration so you can't ship it to live but there is a module called mini layouts which basically gives you the ability these are land can have it on these are layouts you can make that are configuration so with this one I had a footer so this my footer has a couple blocks here so the idea as I was putting it before inside the articles I put this two section thing down there I could make one mini layout with this module and put in multiple places and also it's easier to ship this because yeah this one's easier to ship because it's config that that handles other config you can do this with core with a custom block type with no fields that has over writable layouts or custom blocks can use layout builders ooh the problem there is the custom blocks are content so again it's hard to ship so many layouts are is kind of like the mini panels successor and one thing I haven't looked at this module lately but one advantages is very light because layout blur is doing most of the work and this is just basically setting up an entity type that can use layout builder so I definitely only 55 people are checking this one out I did I don't not sure who made it but it's it's um I think it'll probably be very useful there's an issue with bootstrap because bootstrap by default over has its own implementation of modal's and oddly off-camera stray and stuff like that so last time I looked if you go into the bootstrap settings and say don't use bootstrap modal's then it can work well it's been a while but that was the main issue that I knew about what's up should work with anything I mean I think the only real like gotcha probably is if if themes don't work well with this but this now is in core for like a few years so a lot of modules a lot of themes have already make sure they work well with this but I mean yeah it should work I mean the thing is you're taking over you're taking over a large portion which would usually be your regions so you you probably do have to adapt your theme somewhat in my example when I'm making new mommy and I'm putting that contact the the contact menu block in inside lamp holder boo mommy has special theming for that block when it shows up in the region so the colors are different so I have to add to add a few lines of CSS to just say the text for the link should be green or whatever to make it show up in lay uploader but besides that yeah it should work I mean I think it's definitely something you would definitely want to test out with it it's not gonna it could run into problems just because themes are very opinionated but no you can't have an override without the defaults but you can just leave the defaults as one single column and not use it or yeah yeah they don't laugh yeah thanks for coming [Applause] I'm gonna go ahead and turn off your boy oh thank you

Channel: Florida DrupalCamp

Views: 3,651

Rating: 4.5 out of 5

Keywords: #FLDC20, Florida Drupalcamp 2020, Drupal

Id: B4QaSaj2aWg

Length: 54min 0sec (3240 seconds)

Published: Sun Feb 23 2020