Transcript

00:13 All right, there we go. >> We are live. >> Fancy. >> How's everyone doing today? Oh, let me bring up the the chat. I forgot to bring
00:27 How's everyone doing? or sorry, how's chat doing? I hate people that do that. Sorry. Especially my kids are like, "Yeah, chat. What? Dude, don't talk to your friends. They're You're not You're not a streamer. You're you're not on a
00:39 stream. >> You don't like chat." >> So, today I heard you guys want to see >> Yeah. No.
00:52 Funny.
01:07 Oh, all right. There we go. All right. Everyone in the chat, let us know if if
01:22 you're good. Audio and visuals are good. Hopefully. Wait.
01:42 There we go. Hey, Doug. Okay, sweet. >> How's it going, bud? >> Good. You know,
01:54 >> excellent. Been a crazy crazy week. >> Yeah. >> Yeah. >> Sweet. So, for everyone that's watching, >> Sweet. So, for everyone that's watching, me and Josh are just kind of riff a little bit. We're just going to keep it casual and just talk about Total CMS3.
02:08 Um, obviously, we're really close to launch. Um, I'll probably remove the beta constraints and I don't know if it'll be this beta or the next one and it'll just be live. Okay. Obviously, I I haven't
02:21 even done like the website for it and all that jazz yet. Definitely have to do that, but it'll be purchasable and production ready. 3.1 will be the production version, um the fully
02:34 released version. Um even though right now it's really good. So, um, yeah, if you guys have any questions, uh, or you want us to, you know, kind of go back and review anything, let us know in the
02:47 chat and, uh, we'll happy to, uh, answer anything we got. So, I do have to say that Total CMS3, man, it is so much bigger than than I originally I
03:01 I mean, I had big visions for it, but it's completely different tool than what I thought it was what it was going to be 3 years ago, right? What do you think, Josh? >> Honestly, I don't think I would have ever thought that it would have turned
03:15 into this. I mean, I guess you'd imagine what total the next evolution of total CMS one was going to be. But like the flexibility of it, I mean, for me on the pro side of things, um, it allows me
03:28 to build sites that I thought I I definitely would never have imagined being able to build inside of Rapid Weaver or Stacks now. Like, it's just not something that you would have thought you could build this type of website inside of a program. And I think
03:41 Total CMS3 really elevates these types of, you know, uh, programs that where you build in a UI on your computer. um you're not coding. Um I think it really elevates that to a whole another level that you're building
03:54 sites that you could never build in any other program. >> Um I mean I'm I'm doing stuff that I never thought I could ever was ever possible. Um, and then I think for me what's funny is cuz like I want to
04:07 rebuild Stacks Weaver with with Total CMS 3. But it's like every week I keep pushing the envelope of what's possible that like even if I wanted to build my site, a month from now I'm going to have
04:20 a completely different thought process on doing that because now like oh now I can do this and now >> So you're admitting we don't have it released yet because it's all your fault because you keep asking for more [ __ ]
04:32 >> Yep. No, no, it's probably my fault. Um, but you know, when everyone loves it in But no, it's which is great though. I love that I'm able to for even for me
04:45 like uh building these projects and I keep pushing that envelope and keep, you know, pushing you on those pro things on those additional things which I think should should be there anyways. But I mean, how do you even start? I don't even know how you started this because
05:00 like you look at um where we're at now and the features you're adding now is like did you think of that on that first draft >> or you know the second draft or now as we're on it on our fourth version of Total CMS 3.
05:16 >> Um you know it's it's it's crazy but you know the way what I do like about it is the way that you've built it is that it's modular so you can expand it. you're growing it and you're making uh these additional features, especially the stuff that you're going to show off
05:30 today. Um, you would never have thought that that would be as something that's going to be in Total CMS3. So, >> yeah, >> I think it's pretty cool. >> Well, you want to uh I don't know. How do you end you want to show I know I
05:42 know you got some really cool sites that and stuff you want to show off. Do you want to show that off now? Where do you think? >> Yeah. Do you want to see what does chat say? No, no one's saying anything yet. Um, >> yeah. I mean, I guess I could show off
05:56 some of the logic stuff that I've been doing with the total CMS 3 here. Let me just get this popped open here. I think I think that menu and that menu I kind of briefly showed off at the hangout. I
06:13 I think that's Yeah, Joe's audio just his microphone did a little jolt down for a little bit.
06:26 >> All right, let me uh No, no, it's back up. No, it came back up. Don't even bother. >> I just I just raised the gain. That's why. >> Okay, I maybe I can just fling this to the I
06:39 >> think already someone's going to notice something very interesting about Total All righty. So
06:51 yeah, let's talk about some cool logic stuff. Um, one way I'm approaching Total CMS 3 and the sites that I'm building going forward is how do I build a site that
07:04 does not require you to open stacks? How can I build something that is truly 100% dynamic? You know, it's all total CMS3. There's nothing else. Um, and that's
07:18 kind of what I've been logicing with this navigation here at the top. So, this is a navigation that I think it comes out of the project file from um, Massimo, his RW Prospace, his one of his
07:32 menu projects. And it's really cool. I mean, if you have simple link or, you know, a drop down with different sections in the dropdown. Um, and when you actually look at this, it's it's got
07:44 a bunch of elements to it. So you have um column with links with text uh descriptions. Um there's a bottom navigation menu. And how could I take this entire thing
07:59 and make it into something dynamic that's flexible in in Total CMS 3. And I guess it comes down to breaking down the logic. You know, for me, when I'm
08:12 looking at something like this, um, let's do it at this one. When you're the logic of CMSifying, that's a term that I will keep throwing out there for
08:25 forever and ever now, um, is that you essentially have to go, okay, how do I make each one of these into um, an object? And my thought process is like, okay, well, this is an object.
08:40 This is an object. So, how do I make, you know, each of these into a custom collection? And of course, this entire section
08:52 is an object that's tied to the, you know, the link, our work. So, these are work and this has to be tied together. And then I have, you know, inside of this you have columns.
09:05 So I kind of start mapping this out into into logic of how these are all designed. So you have columns and then you have two types of um you have two types of links. So you know
09:18 this is a link, this is a launcher for a drop down. So you go okay, how do I have two of those? What how do I logic this out? So with this in mind, um jump into
09:31 um and this is kind of how I've I I logged that out. So initially I have an enable toggle, something that will turn it um actually let me just show you the
09:48 So in here I have the initial toggle something that you know turn on and off that section. So turn it on. We'll add a number 10 section and we'll put this in
10:00 here TCMS. Now, so the first set of logic is okay, I've turned on this the the link. I've >> Oops.
10:15 >> Yeah, to fix that So set a link for it and just save that. So that first set of logic
10:28 now will put that link in here and you click that and it will go to space. Super simple. The next part of that logic, okay, is this dropdown is turning that drop down on. So when I turn on
10:43 this dropdown, that will now switch out this link for a drop-own launcher. And then there's drop downs that are generated. So you can put a background in. you can set whether it's cover or
10:55 contain. So, we're modifying some CMS settings or sorry, CSS settings with this. Um, which is really cool because depending on your image, you might want to have it aligned differently. So, I I've made manual controls for the CSS
11:07 and then you know you want to turn on your first column and then that first column the links for that turn that into a deck. So, this is a great feature of deck where you're now able to add items
11:19 into this column directly. So this of course runs its own schema. And in here I'm able now to add the next level of logic. And the next level of logic is well this is you're going to have one of two things. You're going to either have
11:34 a heading or a link. So that's the next kind of thought logic here. So in here I can say heading and I can be like you learning TCMS3. So this here if it's
11:49 just a heading none of these other fields are useful for us it's that just creates the heading. So, we'll save that and then we'll add in a link, you know. So, here we go. You know,
12:08 Cool. Then we put a link in here. >> Need keyboard shortcut to put your URL, man. >> Yeah, I'm going to have to do that. I
12:21 haven't done that. All right. So, let's save that. see what we got. So now when we refresh this, you'll see that this TCMS link now has a dropdown.
12:33 And now that opens up a >> Dude, that's so cool. >> The drop downs. Yeah. So >> it's so cool. So now you can see here learning total CMS. We got stacks.com and it's got the link in there. Um, and
12:45 it's even like really cool is then of course now I don't have it on here on the screenshot, but you see on this about we had this bottom link section. So in there we also have like what I call it footer links. So if we scroll
12:58 down here to the bottom we can even turn on the the bottom menu and then we could add another link. We have same schemas that it's pulling from here. Um the header doesn't work in this section. So turning that on and off isn't going to
13:11 change anything in this. you know, I'm using one schema to make it easier if you really wanted to like make custom schemas for everything, right? But, um, for me, this is kind of unnecessary. Just, you know, a simple title of, you
13:27 >> right? And then you could put in a link to that. I'll just skip the link side of Now, we have this link here at the
13:40 bottom. Boom. >> So, which is like really cool. So, >> I'm curious, can can you just add as many of those as you want or are you limited to like two or three? >> Oh, you can put in here like uh >> Oh, okay. And it'll just evenly space
13:53 them out. Like a horizontal um menu.
14:06 >> Nice. >> Yeah, that's pretty good. >> Yeah, it's it's pretty neat. So you can have you can have a lot. Now what's even crazier um it's just like a plus plus is
14:20 that um this actually powers the the mobile menu. It's the same menu. So if you actually come down and you switch to your mobile menu that is the same freaking menu in here. >> Wow. >> Now those menu links the footer links
14:33 are not part of the mobile menu. >> Mobile. Yeah. >> Um I could add that. Um, but the template, like this template that came from Maximo, I haven't altered its logic. I've left it the way it was and just >> Hey, you don't need too much. I mean, I
14:46 mean, mobile's a tiny screen. How much info can you squeeze in? You know what I mean? >> Yeah. Yeah. It's it's it's pretty crazy. I mean, this this is a like a lot of fun. Um,
14:59 but let's look into the actual logic. I mean, I think that's what's I think that's what's actually a lot of fun to to look at is like, okay, how how would someone build that? Because if
15:12 you thought that that's one loop, it's
15:29 So this first part here is it's an accordion menu and inside of this according menu I have this little pen here that's a dynamic menu. So this is
15:41 your first loop and I'm sorting it by order. So the order function allows you to set the order of the menu items. Um still waiting for that drag and drop Joe. And uh once we have the drag and drop that'll be much easier. And then
15:54 yeah, it's simply for this part there's a condition is is that enabled? That's that first toggle. I'll just slide this over for a sec. So that first toggle, you know, is this
16:07 is it enabled? That puts the item on the page. The second one is the drop down enabled. And that dropdown will switch out the menu item for a menu launcher to
16:20 to actually launch that uh drop down. And then inside of this is just, you know, the um that little tick, the down angle tick and your macros.
16:32 Uh yeah, that's pretty cool. Now for the drop down, it's actually down here near the bottom. We got this drop-own menu. And this is where um it gets a little fancy.
16:46 So in here again, we have the loop. And then inside of that loop is the enable. And inside of that enable is the dropdown enable. And then from there it enables all of this code inside of here.
17:00 So the first thing is is the CSS. Now this is actually the um background swatch CSS all put out in plain. So I've exported out all the swatch CSS so that we can go in here create a dynamic ID
17:15 for each dropdown. Um and then we have like the position settings in here. We have the image in here. We have the contain or cover setting in here. So, we're just swapping out and actually putting in raw CSS with those toggles
17:29 and those options here, which is, I think, pretty neat. Um, yeah. So, these are all dynamic to each menu item. It gets an ID for that. So, then when it loops through that dropown, if we were to go back up here to the top for a
17:42 second and go, okay, how did we link that? So in this drop-own launcher you see here we put the ID into the drop-down ID. Um
17:56 and and uh down here at the bottom is uh in that dropown we have the ID in here did someone say that it's too small? The text is too small to read. Should I
18:09 change my resolution? Yeah, I guess zoom zoom it only allowed me to stream at 720. There was no other options >> here. Let me quickly just change my resolution. >> Oh, and look at that. Ask and thou shalt
18:21 receive, Matias. >> Mhm. Yeah. Let's uh we go.
18:37 Don't you always have a display at like 1920 or something like that? >> I do, but I It's a dashboard right now. >> Oh, okay. >> I got three screens here, but no. Um,
18:50 yeah, I have a 1921. >> You get a screen and you get a screen. >> You get a screen. Everyone gets a screen. And then I have my iPad with the chat over here open on the side.
19:02 It's funny. All right. And we don't need the library. All right. How is that size? Uh, is that better? >> You posted a smiley face, so I think that's better. >> Perfect. All righty. And then we'll just make
19:14 this a little smaller. >> You're the man. >> Make sure everybody gets to see. So, yeah. So as as I was saying up here in this initial loop, the launcher ID comes
19:29 from the menu item ID and then that's tied to the drop-down here which also gets the ID when it loops through the dropdown. So then that ties the launch. >> What is DD? Why don't we like So what is
19:42 that DD do ID that you're loading that as a variable, correct? >> Yeah. So in in here I have um because I didn't want them to interfere with each other. So this top one that is DM for the loop variable that I set for this
19:55 >> and then >> just curious what is DM? YDM. >> Uh, it was a desktop menu and then I realized it was just >> Ah, okay. Got it. >> Yeah. Desktop menu and then DD was uh drop down. >> Ah, okay. Cool. So,
20:08 >> I just just so I can know the logic. That's interesting. >> Yeah. Yeah. That's that's how I make my variables is kind of describing what it is so that I understand. Okay. I'm in the drop down. So, these are the DD logic. >> Cool. >> Um, yeah. And then each column. Now,
20:22 what's really cool, I did do something neat on the um on the columns logic here. So, you see when there's three columns, there's this this divider in between the two of them. >> Mhm. >> So, with those toggles for each column
20:35 >> So, with those toggles for each column um inside of this is columns pro. So, there's a column inside. Then there's the column enable for the menu inside >> and then there's a loop deck that loops through that >> and that's the same for a second menu.
20:48 But for the third menu or the third column, because it's a divider, it's outside of the column. I put the conditional completely around >> the color divider and the column >> and then on the else is just the column
21:00 by itself. >> Got it. Clever. >> So So yeah, it's a little clever. So I I like the design of that that that divider. Um I mean, if you really wanted to, you could actually add an additional toggle to toggle on and off the divider
21:13 if you really wanted it or not. Um, but I just included it inside of that column divider. >> But then internally, >> tell people at the top just to uh go over how they how you're linking the drop down to the link. I think that
21:25 that's a good thing for people to know. >> You just missed that. I just did that. >> Well, I know, but I re you went really fast over it. So, I just wanted to make sure that people saw that because I know it's >> Yeah. Yeah. Yeah. Yeah. So, he's using a menu launcher, right? Yeah. Menuer
21:38 launcher. >> Now, let's ID here. Where's that ID? Um where did I put it? Um over here. So this here IDs. Yes. TCMS. So in this
21:51 first loop the uh launcher ID that's going to put in there TCMS into that ID for >> Exactly. >> Yeah. >> And then down at the bottom the dropdown >> And then down at the bottom the dropdown is it's a different loop but it's still
22:04 pulling the ID from that same collection >> and it's injecting it into this dropown ID. So as every drop down is created the button and the link are tied to each other. Exactly. Very good. Yeah.
22:16 >> And in the conditionals there, I noticed that you have like so you have like just go to one of those conditionals, right? Um just if people because that's the enable, right? Those are the toggles, correct? So that's DDC1
22:29 enable, right? So what what that is is DD is the iteration of your loop and then C1 enable is the prop is the name of one of those toggles, right? column one enable I assume, right?
22:41 >> Yeah. Yeah. So in here you'll actually have the the toggle C1 enable. >> Yep. And so what that rule does everybody it just says uh he has just the variable in there, right? So it's just like hey is this true or false? So
22:55 that's a really easy way to do like toggles you know so you could be like hey is this on or off? Is this toggle on or off? Right. >> Um so yeah cool. I like it dude. And then
23:08 >> as we scroll down here, we have the the foot one. And again, this is just got um a visibility for the line inside of the conditional. And then we have the the menu. And it's again just loops through this menu. And this is a horizontal menu.
23:21 >> And then that does the the links along the bottom. >> And those are along the bottom. Cool. >> Yeah. So it's it's really cool. So, it's like one collection, two loops creating the menus across the top and then also
23:34 secretly creating all of the drop- down areas >> and it just creates them all on the fly. >> Um, which is really really really cool. Um, I I think this one's a lot it was a lot of fun and you know I was able to do
23:48 this one in like a couple hours just had to logic through it. And what's really nice, what I love, Joe, about total seamless 3 is the fact that like I'm over here on the side creating these schemas and as I'm thinking through it, I can quickly adapt those schemas, edit
24:03 those fields, add, remove fields. Um, and it just it really um makes things so much easier to to make. And this this whole logic for for these uh have these
24:17 conditionals and these loops. Um, I've even extended that down into um like even this little this little like bar here. So, this little bar is actually um
24:30 a moving box inside and it's looping through two little text collections and it's just scrolling up and down um as well. So, like everything that you can think of can become a collection uh and
24:43 you can loop through it. And I think, you know, with feeds, I was always like, "Oh, have you heard about feeds?" Now it's like, "So, have you thought about how you could loop this?" That's kind of where I'm at now in my life. It's like, "Can this can this be looped?" But I
24:57 would love to show something that's very nonconventional. Um, something that you wouldn't have thought you would use a collection for. Um, I actually haven't showed this. I don't even think I told you about this.
25:10 Um, so this homepage that we're on right now has this section um that's called our work and it's a standalone section. The content on this section is used
25:22 nowhere else on this website. It's strictly just like this beautiful scrolling through section. Um, and let me just reload this page quickly because I think some of it didn't or maybe it's just too big. Yeah, it
25:36 might be too big. um scroll through and then you get down to the sponsor. So from this right here to from here all the way up to this intro section here is our work. And typically you would then
25:49 you know if you looked at it in the total CMS one terms that's not a blog. So you would do like one text string, one header string, one description section string and you would have all
26:01 these separate pieces completely separate. And I was like, well, while that's fun and all, what if I just created a collection which will only have one object in it, but it's just
26:15 this section. Like, why not? Because now if I'm coming in here and I want to edit this whole section, instead of jumping around to like all the text, image, and all the different collections and toggle collections, why wouldn't I just make a
26:29 schema for this one section and then allow you to come in there and and edit that? And that's what I've done. >> Especially if it's important. I mean, it's on the homepage, right? So, it's definitely important enough to to to warrant that that level of management. Make sense? >> Yeah. And especially some of these
26:43 repeating elements where I have like this this news section with these glassy um blog posts and then you get down to the sponsor section and you have these glassy
26:55 um these glassy posts here. They're very similar. So, like I have a collection that's just all these list sections. And you can come in here and you can just go into like um the news and you can then you know enable the header if you want
27:08 to link underneath it. You can turn that on and off and it's just like super simple. >> But then there's the our work section. So the our work section is simply just a a one object. You'll never have two objects, just the one object. And in
27:23 here that's what this is. So you can go and top down. So you know you got your small header, your header, your description, if you want a button to be
27:37 turned on and off, um button text and Now this because of the way this design was, I I probably could have done the
27:50 alt text, but I didn't. I just had a separate text field. it was faster for me to do it this way. Um, so I just had like the image, the caption, image, the caption, and this allows them to quickly just drag because I'm thinking of like
28:02 from the user perspective on this specific page, they're just going to come in, drag in new images, and quickly change the text. They I don't need them going into like all text and switching that around if they don't need. >> Um, so yeah, so in this case, I did it
28:15 this way, but that was not necessary. Um, but what's really cool is like I've loaded these images in and they've got crop focal point. So even still like this is a, you know, a portrait image and you seen here we have like a landscape image. So it will
28:30 automatically always fit into that zone based off focal point. So it's it's really neat that you >> did you customize those focal points or or is you just lucky that it just worked out? >> Um, probably
28:44 not. I locked out you didn't I didn't even switch that one. Um but you know I they had some images. I did replace some of the images from the initial design but yeah I kind of lucked out anyway. >> Cool. >> Yeah. Worked out pretty nice. >> Yeah. Worked out pretty nice.
28:56 >> And yeah. So then all of those sections and then of course these um all of these other sections here. All of that. And they all have links so they're all linkable. Um, and yeah, it just simply
29:09 pre-made, all grouped together, and I don't have to go through and find all these separate settings for all of it. So, I thought this was interesting because um I don't know if anyone would have done that. And when I was looking
29:22 at it, I was like, well, I just want all of the stuff together. So, now you can just make a custom collection, put that schema in, and boom, like the whole thing is pre-made and you're good to go. And I I thought that was a an
29:34 interesting thought process because I don't think most people would have looked at it that way. >> Sweet. >> And yeah, that's and that's how that got made. And then um we get down here the sponsors. This is its own collection.
29:48 Actually, this entire page is full CMS. Everything on this page can be changed. So we have um sponsors. That's its own collection um there. And then the footer. The footer is a great place to
30:03 use a loop. Um, here's another loop. So, the footer itself has very similar logic where you can uh create a new section and you add the links to that section and you can resort them. You can drag
30:16 these and and put them in any order that you want them to be in. Um, and you just set the column, what column that you want it to be in, one, two or three. And yeah, it the footer is even total CMS.
30:28 Everything on this page is total CMS and can be changed without ever opening up uh a stacks. >> Nice. >> Uh yeah, I really like it. >> Uh yeah, I really like it.
30:43 >> Is there any questions on that? >> Uh no, just people saying they're very super impressed. Well, we'll give you a break. I'll I'll show off some stuff here. Okay, let me show off. All right.
30:58 before I share here, I'll reduce my give me a second.
31:19 All right. Oh, Jesus, that's big. Little All right, let's let's see how good I can work at this resolution. This resolution's really big. Okay,
31:32 >> I know. I went down. I was like, what is this? >> Holy crap. Okay. Uh well, let me resize this window. I I want as big as I can go, guys. All right.
31:48 >> let's go here. out of the way. All right.
32:01 Um, hey, so as you guys probably saw, okay, um, Josh was using dark mode, okay, um, on the, uh, dashboard and, uh, pretty cool. Um, that is like literally
32:16 hot off the press. Um, I haven't released it yet. Obviously, it'll be in the next beta. Um, and yeah, I like it. I think it works pretty good. Um, you know, it it especially if you're working late at night, dark mode, it's
32:30 pretty nice. I I do have to admit. Um, it I'm sure there's going to be some issues here or there. We're going to find a couple things. Um, I think I fixed most of the things that Josh has helped me find already. Um, yeah, if we
32:43 go to Let's go to uh let's go to one of these bad boys here. Right. Um, so I fixed the toggle a little bit, Josh. It's a little bit better, right? Um, so yeah, toggles. Another thing that Josh
32:56 found was uh where were tags? I don't I think I fixed tags.
33:13 Hello. Working. My browser just froze. What the heck?
33:31 >> Just go here. All right. Um I think those tags. No, that's not tags. Oh, well, whatever. Um there's dark mode. Now, I think dark mode is really
33:43 cool. Um, but there are sometimes where I I I have my OS in dark mode all the time, but there are sometimes where you're like, you know what? I I I kind of want to use light mode. Like maybe if you're doing a
33:56 screen uh you know, a live stream, it might be nice for people to always be in light mode, right? So, and I think Josh just missed what I did. So, and what's kind of cool is now my my OS is in is in dark mode,
34:09 but my >> uh my dashboard is always in light mode and there's this cool little toggle. You can have auto, >> light, and dark.
34:21 >> Um yeah, pretty cool. I like that. So, I literally just did this like less than an hour ago. So, um yeah, I thought that was pretty cool. And it saves. Uh you can close >> I can close my browser and I can come back
34:35 right? Come back to it and uh it remembers my decision. So, pretty slick. Um, so yeah. Um, let me move this out of the so yeah. Um, let me move this out of the way. It's annoying.
34:49 I can move this little annotate tool from Zoom. Oh, I can move it around my screen. Let's move it over here. Okay, cool. Um, oh yeah, some other cool new stuff. Um, you probably noticed a couple new
35:04 icons um on the side here. Okay. And uh let's go ahead and look at the first one. And this is something called templates. And what are templates? Um my original vision for templates uh was for two
35:20 ideas. Um it was for um customizing the dashboard. Okay. And uh email. I thought it was a good thing for email. Um, however, um, as I was developing the email thing yesterday, um, email got its
35:35 own cool little, uh, Man, I wish I could stop it from like opening all the time on Hover. Drives me nuts. Um, email got its own little, um, special case. So, we'll we'll review that in a little bit,
35:48 but right now, um, the primary use case for for templates is going to be white label that I'm going to show you today, but we can use it for other things. Okay. Um, so there are different, um, first off, I guess in the docs, if you
36:02 go to the docs, uh, in white label, there's going to be a whole bunch of, um, different templates you can create. Okay. Um, so login above and login below. This allows you to customize the
36:16 login page. Okay? So you can add stuff above and below the login form. Um, we also have uh the download off for above and below. So if you ever have a file protected download or password protected
36:30 download um you can add stuff to the top and bottom of those forms as well. Um then we have some stuff for the dashboard. Um so we have the ability to customize the logo this logo right here. We have the ability to customize the
36:44 homepage which is when you click on that the homepage there. Um, and then we have some stuff that isn't necessarily visible, but allows you to customize the dashboard to your liking. And that is going to be admin head and admin body
36:57 below. Okay. And the docs here will kind of show you some examples and maybe give you some use cases. Um, but we'll we'll look at some of those right now. Okay. Um, so let's go ahead and I'm I'm just going to uh we're going to copy this.
37:12 Um, and I'm going to go ahead and create a new template, right? And I'm going to call it uh to white label stuff, you have to put in white label. So you have to call it white label slash and then admin-home.
37:25 I'm just going to paste that in there. We're going to save it. Okay. And you'll notice that um because I put uh kind of a path with a folder, um that's kind of how we organize
37:38 templates. Okay. Um so now if I go to this home folder uh or the homepage, you'll notice that that entire homepage is gone. and it only contains the content that I put in admin home. So this allows you to completely customize
37:52 the homepage. Uh which is really really nice. >> You can have a lot of fun with that. >> Yeah. Um now it does it it is just straight HTML. So um yes it definitely
38:04 is advanced. Um there is no stacks stuff and all that jazz, right? You can't build it with stacks. Um, and u I guess you could build maybe some stack stuff and then export it and hack it. But yeah, >> you could actually just throw an iframe
38:18 in there and have a good day. >> There you go. Nice. >> Actually, I did that. You can build a whole wiki and embed it as a as as your dashboard page. >> Ah, check you out. >> I'll show you. I I'll show you later. I did that one.
38:31 >> Okay, cool. >> Um, we'll we'll do one more here. Uh, we'll do admin logo just to kind of show you what that is. Okay, I'm going to copy that. Let's create a new template.
38:43 And then we're going to do um white And I'm just going to paste this bad boy in. Okay. And uh let's save it.
38:56 Okay. So there we'll see now that total seamless logo changed to a little elephant. Okay. Now some caveats if you're using this admin logo. Okay, it has to be inside this little link.
39:10 So, it has to be in a link and it has to have a class of custom logo. Okay. Um, so that is a requirement or else it's not going to work well for you. Okay. Um, this custom logo will uh basically
39:25 make sure that it's sized properly um so it kind of looks like it fits uh within the uh the icon bar here. Okay. So yeah, uh and that is all documented in the docs page. Um so you don't need to remember that it is documented there if
39:40 you're going to use custom logo. Okay. Um so there we go. Uh let's go ahead and uh we're going to put that back. Put the original one back. >> You can also put a URL on that which is really cool is I had it on mine. I
39:53 changed the logo but I also still forwarded it to the dashboard page. >> So it was still going to the dashboard page like the default one but it had a custom logo which you can do as Nice. Perfect. Um, other things that you can use for
40:07 templates, I mean, so templates are, um, essentially importable anywhere, right? So, um, I will, uh, once I ship this, I'll probably have a stack that lets you, um, include a template on a page.
40:20 Okay, templates can contain twig. Okay, so you can add logic. That's kind of how they differ from, let's say, a text area, right? Because you might be thinking, what's the difference between this and uh the ability just to create a
40:35 text object, right? Um I I can have text here. Uh how is that different than a [Music]
40:47 Oh, and this Oh, here here's an example where um I custom I helped Josh customize this. he he had multiple user collections for a site and he wanted to be able to customize the login page depending on the collection the user was
41:02 logging into. Okay. Um and so essentially what this does is it it uses Twig to say hey if the if the collection is users then display this message else display welcome admin right because if you're not logging into the users then you're logging into the O admin
41:17 collection. So, um, yeah. So, >> and what's really fun too is you can have in the one project I was working on, I actually have the admin off, like the admin off, the user off, and a business off. So, then you could have
41:29 the business login page look more professional, have more styling versus the which is really nice. >> Sweet. Um, so yeah, you can contain all kinds Um, so yeah, you can contain all kinds of tweak in here and you you can, you know, any of these you can hear if we
41:42 like go into here, right? I could be like uh I don't know, let's say on this I wanted to have um cms.svg um logo. Okay. Um so let's say you
41:57 wanted that, right? Actually a perfect use case for this. Let's say this s this uh we saved our SVG that we wanted up here. Okay. Um in into the CMS. Now, in
42:10 my example here, um, let's go ahead and this one. If you notice in this example here, I actually put the SVG in here. Okay? But let's say I saved this SVG into my CMS because I want to use it throughout my
42:23 pages and whatnot, right? So, um, essentially what you could do is you could just boom, do that. And so that way if you were to ever update the SVG um in the CMS in your collection, okay, in the SVG collection, it'll
42:36 automatically update here as well, right? So um super useful there. Here I save that. So I don't I forget. Um so yeah, templates super useful. You'll be
42:49 able to import them. You can even think of these as kind of like kind of like partials, okay? um because you can actually include other templates inside templates. So you you can do that. Obviously, you don't
43:01 want to do a circular dependency. You're going to break your site. Okay? So, um yeah, uh don't do circular dependencies where this requires this and that requires that, right? Don't want to do that. Very bad. Um but there you go.
43:14 That's templates. Okay. Um let me see if there's any Uh if you need to do a wholesale wholesale change of the homepage, you
43:28 can create a second object to do a draft version and swap them out when the time is right. >> Yeah. So what he was talking about when I was doing that that our home section essentially I could have turned on the toggle for enable and then have a new
43:41 section that you could actually draft and prep and then you could switch one off and switch the other one on. Um, an interesting thought or another thought I was thinking too is you could actually have if you implement the two date
43:53 fields, start and finish dates, you could actually have that area be dynamic to the date. So that like >> you could set that section of the site that's live. Say you have a sale, right? You could actually have uh and this is
44:06 something for total like for my stack weaver site. When I have a sale, I could go in there, create a new object, and show it from this date to this date, and then automatically that that language comes off the side. >> Yep, definitely. Yeah.
44:20 >> Um, okay. So, let's look at this new email management. Okay. Now, I do have to say this is uh still a work in progress. Um, while I think the UI is done, um, the actual email capabilities isn't working yet, but I I'll I'll give
44:34 you guys a sneak peek on what the what things are. Okay. Um so here we can create emails. Um so um here I have one email created. Um you can you have it active or
44:48 deactivate it right? Um has an ID. You give it a name. Uh you can categorize it just so it organizes things over here. Um you can give it a description. This is just for you. Okay. So all this data up here is pretty much for you. So you
45:00 can see what it is and describe it and all that jazz. Down here is where you have all of your email content, right? So, um you have who who this email is going to, who's it from, the names,
45:14 reply to CC's. Okay, you have a subject, a body, and plain text. Now, what's cool, okay, is um what are how would I use these emails? So, one thing will be you can have it you will be able to have
45:29 it as an action to a form. So let's say I um create a new user. Um that is a um a total CMS form that's going to create a new user in the CMS. You can essentially then uh have an action that
45:42 will send an email, maybe a welcome email, right? Um and that welcome email will go to that user. Um and what's cool, you might be thinking, well Joe, um if I put an email address in here, it's going to be hardcoded. Well, you
45:55 can actually use Twig in these, right? So if you see in this help, you can actually use Twig. Um, so if I were to do um data dot uh let's say I have the form field to email. Okay, let's say I
46:08 did that. Okay. Um or it should probably just be email, right? So essentially um if the form had a property email um you just do data dot and then the property name um or the data that sent and then
46:21 that will um that'll put it in here. Okay. Most of these fields support um the from does not though. Um I I don't allow you to um you know override that with Twig. The from email is something
46:35 that's hardcoded. Okay. Um now by default uh you can override but there are a default from and from name. Um if you if you leave these blank it'll use it from the SMTP settings which I'll show you those in a little bit. Okay. Um
46:49 but yeah, all of these fields uh support uh twig. Okay. As well as the subject and the body. Um, now the body obviously uh if you didn't know, email supports both HTML and plain text versions. Um,
47:02 so you can apply you can supply one or both. Um, so you can have an HTML and fall back to a plain text. Okay. And all that I can pull my send information in the export out of uh, sorry, not send
47:16 email stacks. So I can use email stacks code put it in there. >> Yep. You you could build your email using the email stacks. Paste the HTML version here. paste the plain text version here and you're good.
47:30 Okay. Um and so if I load an existing email. Okay. Um when you have an email loaded um there will be a test email option down at the bottom that um you can then supply it data that will then
47:43 populate like the the data whatever things right. Um this doesn't work yet so I can't uh that's that's where I left this off. So, um, this has a the ability for you to send a email as a test. Um,
47:56 maybe eventually we might get to bulk. Um, so you could like send to everyone in a collection or something like that, but for right now, um, it we're just going to tackle sending a single email. Okay. Um, so yeah, pretty cool here. Uh,
48:09 there there's a lot of possibilities that we can do with this. Um, let me give you an example of what I'm going to be using this for. Um, if you remember, I am building that camping website. Um, although I I'll be honest, it's been a while since I've worked on it. Uh, most
48:23 because I've been the last big thing I needed was this. Okay. And so, um, when a new, uh, member joins the club, okay, or that camping club, um, they are going
48:36 to get an email and that email is going to have, um, an image of a membership card um, embedded on into it. But not only that, and that image of the membership card will be watermarked with
48:54 So remember, I don't know, a couple months ago, I I implemented text watermarking. Well, guess why I did that? Because I needed that feature, right? I needed to be able to to watermark this member's name on top of
49:07 this image of a membership card so that they get an email which is now which is what I'm building now that will contain that image with their unique membership card. >> Pretty cool.
49:21 And that will all be possible here. >> Are they is are they using that membership card for um access to things? >> Um not really. I mean, it's mostly just
49:33 uh to make the people feel good. >> Yeah, cuz know because on on that because you have it built into your CMS would be really cool cuz like I I was thinking of that social club website I have for the for the bus drivers >> is that um I'm working with their team
49:46 and they're looking to start going to local businesses >> to offer discounts >> to members of the social club. And so we're building a digital version of their card. So they sign in and like the
49:58 card will have like animating background. So you can't just screenshot it. The card has to be like active. So when you sign in you you'll be able to quickly see member card. It will pop up on the screen and it will have like a digital design that's like it's live. So
50:11 it's not just you can't just show a screenshot. >> Very cool. >> Very cool. Yeah. And then that'll be all be powered from from the CMS like this. >> Sweet. One thing that I I I'll have to think about how how it can be possible,
50:24 but I thought it would be cool if we could like embed a QR code on there as well somehow. Uh cuz Total CMS can create QR codes, but right now getting that QR code and embedding that onto an
50:38 image. Um I think would be a really cool thing. Um I don't know, not sure how not sure how we'd accomplish that, but something something I'm thinking about for the future. Um on my on my side with
50:53 a digital card I'm using >> haven't released it yet but my barcode's done. >> Ah nice doc >> of a scan. >> Um any questions on emails? You got any questions on emails, Josh? I mean it's
51:07 pretty straightforward. Um right and you can save as many emails as you want. Um, so >> I'm assuming that like there'll be an option for me to like um we'll be utilizing this for like password reset capabilities or
51:21 >> uh Yes. Uh yes. So um I I do plan on having a um although hm I didn't think about having creating a template that you could use for that. Um I was just going to create one. Um but I guess we
51:33 can create an email template that if you have it created um Yeah. Yeah. Yeah. Like you could have a default one and then if I wanted to customize that email to make it look fancier. >> That's a that's a very good idea. I didn't even think about that. But yes,
51:46 that is on my list. >> Or instead of it being an email template because it's like you need that field to like the click through to reset your password. Maybe it's just like one of those login above login below templates.
51:58 Maybe that. >> Yeah. >> Marcelo asked for the ability to have QR >> Marcelo asked for the ability to have QR codes in emails. Well, Marcelo, so um in these h in the HTML email, remember you
52:10 can use Twig and Twig supports at least twig inside total CMS um supports QR codes. So you can put in QR codes into the email. Um what I was talking about is like embedding it onto an image, like
52:23 basically watermarking an image with a QR code, which I think would be an interesting idea. But um before we have that uh you can already put in a QR code into the email that is dynamically
52:37 Um yeah, and if you go into here, there is there's QR codes and barcodes as options. Okay. um QR and I I will have
52:52 to say QR codes is um I I haven't list all these out but QR codes will be available in the standard edition. Barcodes is going to be in the pro edition. Okay, so just to let you guys know about that and I'll be
53:06 pretty soon be uh telling you guys all the all the various stuff. I don't I forget it all off top of my head. Okay, but there's a few things that are are are going to be limited based on the features that you have.
53:19 Okay. Um, all right. Next up, um, is utilities. Okay. I'm sorry, settings. >> Well, Joe, before we get into that, so Steve Jones just posted like this can replace my feeds and email stacks
53:32 newsletter system. >> Um, with that, so um, are we able to start generating like I have a collection of blog posts. Can I generate an is that
53:45 going to allow me to generate an email with post? >> So you can have twig in here that would loop through your blog posts and and put in the most recent three blog posts. >> Yeah. >> So so the so because the twig is
53:57 >> So so the so because the twig is processed live right now um whenever it's sent um yeah then that email uh will always get the latest three blog
54:10 posts whenever it's sent. So, Stephen, what you could do is you could go into um email stacks. You would still design your email and email stacks, design your sections that would be looped. You could
54:23 temporarily put in something like uh a loop in there to loop through your collections just to preview and generate it. And then those sections of twig, you could copy it out of email stacks and then to modify that twig in here to loop
54:36 through those templates. >> Yep. So, so you could still build your email with email stacks, but then you would be doing all the fancy looping stuff in here. >> Mhm. >> Yeah. >> Yeah. >> Um, Matias asked for template. Templates >> Um, Matias asked for template. Templates
54:50 will be included in um these are all pretty new. I I think about a little bit. My initial thoughts are um white labels. Um white labeling is going to be a pro thing. Okay. Uh but you will have
55:03 uh I believe standard, not sure about light, but white label will be pro. Um, standard will definitely have access to templates, um, but not necessarily the white labeling, okay, of the dashboard.
55:17 Um, and in terms of email, um, I thinking everyone's going to have access to email. Uh, if I ever do that bulk emailer, that'll probably be a pro feature. Um, that's my current thinking. Okay. Um, I mean literally I just built
55:31 this email thing yesterday and it I have to admit it is >> a hundred times different than what I originally envisioned it to be. Um, it's a very full it's going to be a very full-fledged powerful thing. So, um,
55:44 yeah. Um, but I I believe everyone's going to have access to email. Um, but whenever I do the bulk email thing, um, it will probably be >> Is there going to be like an API access to that email template? like say I have
55:57 an external cart system and I I I wanted to to pull that email template to email out. Can is there a way to >> Yes, there there is there is an API. Um and what you all all you'll need to know
56:12 is so this is actually why um I a little bit of backstory here. Originally um I was going to create an API where then you could you could like via the API you can say who's this email to? Who's it from? you can like all this stuff would be supplied via the API,
56:28 right? Um but the more I thought about it, um that is a huge security hole. Um because if anyone figured out your API, then they could just [ __ ] send email to
56:41 anybody, right? >> Right. That a little insane. >> Yeah. Right. So, um so yeah, pretty crazy. That that would be pretty nuts. Um, so, so what you do is you build your email out here. Uh, you put you, you
56:54 define everything that you need and then, uh, what you need is this email ID. And so this is going to be a unique a unique ID that's specific to this one email. And then with the with the API
57:07 call, which the that API will be documented, um, yeah, you'll be able to say, hey, send this email. Here's the data that's for that email. And that's it, right? there's no um SMTP or email
57:20 information, you know, defined in that API request. You have to know this explicit email um address or this email ID. So um but yes, that should be possible.
57:35 >> Uh okay. Uh let's dive into settings. >> Look at this fancy settings panel. >> Yeah. So if you remember, settings was just a single form before. Um, and I was
57:49 planning on delaying this until after launch, like redesigning all of this. Um, but I I needed the SMTP settings. Okay. So, because I needed SMTP, uh, I was like, you know what? I I'm just
58:01 going to bite the bullet and design it all now. So, now, uh, we have nicely sectioned off settings, um, for a lot of different things. Um, so you could turn on and off various, um, you know,
58:14 settings. Um, so yeah, it's really nice. Um we have some authentication stuff for like max login attempts and the you know the the keep me logged in how many days um cache you can enable various things if you have reddus um you know what is
58:27 the username and password and all that jazz um Josh for better site host this is what you need now to use reddus on that >> perfect >> okay so yeah you you'll configure your
58:39 your host your port your password um you know dashboard the dashboard settings uh these are going to be um the browser title. So, I put in the name of my domain cuz I'm I have multiple ones. So, you're going to want to make sure that
58:51 you know what what's what. Um I just put in the domain, but you can put in actual text in here. Um and then the dashboard page. One thing I wanted to add for this um I will have one color control in here that will control that accent color
59:05 that's used throughout this the dashboard. Um right currently it's blue uh like the tag color. So, you'll be able to customize what that color is here. Okay. Um, so that's one thing I'm going to add uh to this dashboard
59:19 settings is is that accent color. Um, some HTML sanitation. So like for um style text and whatnot, there are certain things that get stripped. Okay. And this this allows you to define um if
59:32 basically if you leave this blank, everything is allowed. Okay. But if you wanted to limit things down, you could limit uh you could limit. Okay. Um image works. Um, this is where you can define the watermarks gallery, the watermark
59:47 font gallery, our depot, um, and various other, you know, um, things. The image presets, super cool. I bet you not, most of you probably don't even know about that, but, uh, image presets, image works presets are really cool. Okay. Um, >> yeah, I was wondering where those I saw
60:00 that I was watching one of the videos and I didn't realize there's presets and how you can configure that. So nice. >> Yeah. So, the um, really quick, I guess. Um, so these presets allow you to um
60:14 predefine things. Okay. Um, for for images. So, let's go into my goodness. Uh, let's go into the image gallery or an image. Let's go into this one. Okay.
60:26 And if I go into this link tool, okay. Um, you'll notice a there's this preset here. Okay. And all my presets that I've defined in there um, show up here. So, um I had a small crop and if I just do
60:41 preview now. Okay. Um it that did modify this image. Okay. And you'll notice that it just used my my preset. Actually, probably what I want to do is I want to delete the width so that it only uses the crop. There we go. Okay. So, there's
60:54 small crop. So, now it's only using that preset. >> Links. So, it actually links that. So, if you went and updated your template, all of your macros >> correct? >> Okay, that's kind of cool. That's really
61:09 cool. Like, we're working on this uh I think Hubertus is watching. We're working on this photography site. This could be extremely useful that if you wanted to preset your typical thumbnails, your typical, and then if you want to make those adjustments, you could just change.
61:23 >> Imagine like just adding in crop focal point, you modify the preset. That is okay. >> I didn't know about that. That's pretty cool. That alone is a good enough reason to upgrade from total CMS one.
61:36 >> Um, so yeah, presets's pretty cool. Okay. Um, and okay, uh, settings. Uh, so that was and okay, uh, settings. Uh, so that was image works. Um, and then, uh, mailer.
61:49 Uh this is just some stuff um just to in case someone does figure out um any sort of email thing um that you can actually apply limits to you know emails that go out. So um right now uh the defaults are
62:03 um you can limit an IP address 10 times in 5 minutes and per individual emails 50 times in 5 minutes. Okay. So um there's some rate limiting going on. You can also um put in trusted domains. So
62:16 if you want to only make sure you send emails to these particular domains, you can do that as well. So if anyone if you put in an email address to any other domain, it won't go because it's uh it's
62:29 not a part of the white list. So um yeah, just some I thought it was I thought it was a good idea to have a little bit of controls um so that we're not uh you know potentially doing any harm. Okay, >> it's really nice.
62:44 >> Um and then the SMTP settings. Okay. Uh and I I mentioned earlier this is the default from and default uh address names here. You can also have a default to address. I don't know. Um it's there. So if you don't supply a two address,
62:57 this is the going to be a default to address. Okay. >> I mean probably could use that for something like testing, right? If you you just supply and then it could just fire off. >> Yeah. >> Yeah. >> Yeah. >> Right. Um so that's all the that's the >> Right. Um so that's all the that's the
63:10 settings. Um a couple other things that I've done to the dashboard. Okay. Um, you've probably noticed that um, these headings now are collapsible. Okay, but what's kind of cool is not
63:23 only are they collapsible, >> but if you switch pages and go back, it Okay, >> I got to lie, when I was playing with that today, I was like, this is all cuz
63:36 like one collection, it's all the way at the bottom of like 30 some collections. So, I closed everything and then when I switched back and it was still closed, I >> Yes. I explicitly made it so that it
63:50 remembers whether or not it's open or closed. >> And it took me a while actually if if you notice like there's like almost no jump at all. Um, >> no, it's it's actually pretty good.
64:03 >> It's it's pretty good. So, um, yeah, I'm I'm pretty happy with that. I think that was uh I I was noticing as people especially Josh was doing more and more and he had a ton of groups and a lot of schemas and a lot of um stuff. Uh yeah,
64:17 making these collapsible is is a win and they're collapsible everywhere. Okay. So, um they should be collapsible everywhere. >> Yeah, that that that one car website is got a lot of collections. >> Yeah,
64:31 >> it's heavy. Um, another kind of a minor thing, um, I found that, um, if you go if you look at your schema, um, what is currently shipped. Okay. Um, the icons
64:45 for schemas weren't actually the schema icon. Um, the basically the default icon for everything was this collection icon. Um, so if I didn't explicitly give it an icon for something, like everything was had this collection icon and I I thought
64:58 that was not great because sometimes I'd be in a schema view and because the icon had the collection view icon, you know, psychologically it made me forget kind of where I was and confused me. So I think, you know, I went through and made
65:11 sure that everything has its own kind of unique icon. Um, yeah, so that it kind of brings you into that, hey, I'm in a certain space, right? Um, so
65:23 >> I totally I totally did not notice that. Nice. Looks good. >> Yeah. Um, Um, see what else see what else we got? Josh, I know you have to get going pretty soon. Is there any any
65:39 question to show off before you leave >> or Oh, man. It's already 11:30. You might have to go now. >> No, I got 20 I got 22 minutes. Okay. Usually halfway through the stream I have to bounce out. Um,
65:52 I mean I I can kind of show off this. Um, I kind of showed this off on Friday, the I kind of showed this off on Friday, the the BYD stuff. That one's quite the
66:07 Um, I kind of want to I'll show this off. I I kind of want to I'll show this off. I really want people to really understand on the professional side
66:23 how far you can really push total CMS. Um because I'm pushing it really really far. Um
66:38 So I'm building this car site. And I'm going to kind of scroll through this page. This is a a post page.
66:53 Um, and everything on this page is being pulled from a collection. all of these images.
67:11 And yeah, it's it's when you look through it and and how this is built, um it's pretty crazy. I mean, there's built-in video,
67:25 um ton of text, ton of images, um specifications. Um I mean, on its own, this page just like this 100% could never be built. um
67:39 easily in total CMS one. And I don't I just don't think in general you would be able to do that. Now add in the fact that this page is three languages and all of that content is in
67:53 Chinese and Cambodian. And of course I got kicked out. Uh one sec. I gotta let me just pause the screen is my screen sharing paused.
68:07 I think it is. Can you see my screen right now or is it paused? >> Uh, I don't see anything moving. >> Perfect. It's exactly what I wanted. Then copy my passwords. >> I didn't even know you could do that. >> Yeah, there's a pause button in your screen share.
68:21 >> I've never used that. That I I should I should definitely use that. >> Yeah, it's it's so >> many times I'm like, shoot, I just brought that up on screen and >> Yeah. Yeah. Yeah. There's Yeah. So, yeah, you can hit pause. I just brought
68:33 up paste and Yeah, it paused the screen. So, >> nice. Anyways, um yeah, it logged me out there. So yeah, so this now entire page is now in Chinese and all of this content and when you look at the level
68:46 of content like from specifications and all this, how does one even approach building a page like this? Um let me show you. I'll give you a brief
68:59 quick quick run through. Um it starts off with uh a vehicle collection and um in here we have essentially I would consider this the brochure collection. This is like your generic
69:14 specs, your generic photos, your text, all of your your pizzazz about the the car. And sections in here have like you know your three languages. So, your feature title in three languages. You've
69:28 got your basic images. You've got your QR codes. Um, you have a whole bunch of different sections, some highlight sections, um, photos. I think even the video is in here. And
69:41 the one thing about the video I really want to show, and here's your gallery. I mean, this whole collection is huge. I think there's like 120ome fields in this collection um, alone.
69:54 And if I can get down to wherever this video is. Um, and find it. I'm going to actually have to see where it is. It probably went past it. Um, I think I did a video link.
70:07 It's crazy. You know what? I'm not even going to find Oh, here it is. Video link. >> So, we have the logic here. So, what's really cool is um we've actually um linked the video through a a Pubito streaming service to host the videos.
70:21 So, it's pretty nice. Um, but you see down here, we've actually hijacked even some of the CSS for Video Pro because the videos we get aren't all the same resolution. And so, what's really neat
70:34 is we're actually hijacking a couple of the containers around Video Pro and Video Pro itself with the CSS. So, in here, we're actually setting the video width so there's no black bars on the
70:47 video ever. It's always exactly the way we want it. And I thought that was neat. But you know we were >> one thing you could do just just to pause you I see you have a toggle there for use video link right >> what you could do is you could just you
70:59 could have a logic that says hey if the video URL is there you know um use it but but the gives you the ability to turn it on and off whenever even if one >> the reason why is that there's might be
71:13 a temporary replacement video that they would just drag in here so then you'd have the ability to manually make that switch and keep both in Okay. Um, which I thought was cool. But, um, one thing we didn't see is like, okay, where are
71:25 we storing these specs? Where are we storing these languages? How is that even happening? So, at the very top of this, uh, collection or sorry, this object, um, there is a section here for trims. Now, a vehicle will come in more
71:40 than just one trim. So, in here, you have the ability to select a trim. And so, we see here we've got this trim. So, let's flip over to the trim collection. And in this one, um, this is where it
71:52 gets really, really, really cool. So, in the trim, you set up, you name your trim, you set up the basic settings, basic trim settings, all your measurements. Um, and then we get down to like these, um, configurations like
72:06 this new energy, safety, security. You'll see here that it's just select lists. And so what we've done here is we've set um we've set this to be able to pull from a
72:20 completely separate collection. So if we scroll down the side here, we see here we actually have u vehicle config, vehicle specs. So most of these vehicles, some of them are a lot of crisscross of like features that they share. They use the same parts on some
72:34 of the cars. So why would we go in and enter this information every time we create a new car? It takes like 2 hours to enter a car into the inventory, right? It's ridiculous. So, why don't we just take all of those basic features, separate them out into its own
72:48 collection, and just pull them in. And what that allows us to do is like, for instance, we select this battery temperature control system. We've linked it in. So, if we go into um the new energy, and we go into this um
73:01 power battery temperature control system. When you click into this object, there is your three languages and your three descriptions. So, that even allows you to hover and we have a tip tip. And I don't know if the tip tips on actually. It's a great question. Oh,
73:14 there it is. Look at that. Tip tip with your glass glass swatch. Look at that. That That is your glass swatch, by the way. It's really cool. >> A tip tip with glass. So, you can actually hover over these and get some
73:27 additional information on those things and it's all stored in these separate collections. So, we're pulling in. >> Not only that, but now you have common language across all your car, all your models, right? So, if you want to update this for everything that has the power
73:40 battery temperature control system that boom, you just update it once. >> We made a mistake on the translation, fix the translation, all the cars with that items instantly update. >> Yep. >> Um, and it's also really cool is that then we could come in, edit the schema,
73:54 add another language. >> Yeah. >> And then on the project side, it's using >> And then on the project side, it's using agent uh lang and we could just modify with an additional language and it would have all those templates. It would auto
74:07 pull. So, it's it's super flexible to be able to deploy another language um super easily. But like the amount of data that is on this page times three languages is absolutely insane. Um but this is where
74:20 like we're pulling in all of these different options and specs. Uh and some of them like you know like some of these don't have more than one option. I think like oh I guess drive chain now has three. So it's it is pretty cool though. It's it's super flexible. Like we're
74:34 building something that you would never like these trims. I mean there's what? There's already 37 trims in in here already. Um we're talking like a massive amount of options in all of these here. It's it's like this is
74:46 >> so much work. Wow. >> So much work. >> And it's it's so good. When you scroll through this and you're just like like damn, this is beautiful. And then like this here with this with this uh trim, you're going to be able to actually
74:59 click and swap out the different trims on the page. So like you're it's it's it's crazy but nothing like this is insane. Like I would never in a like ever thought this would be something
75:12 that I would have been able to build you know it's um it it is it is amazing that this is the tools that we have um and how far you can push it. I think the logic part is like you've built this
75:25 system that I don't think you know when total CMS one I think you never thought how we would abuse total CMS 1 and now I'm looking at like total CMS 3 and like I don't even think you know how insane
75:39 like it's it's unlimited. So you have all this power you have all this ability that you just never had before to build like massive websites. Um, I don't know. I'm I'm excited. Like I honestly the
75:51 last like month of just coming into work and this is what I do every day and I play with these tools. I'm just like this is it's so much fun. Um I had like actually a meeting last week with a client and we literally jumped on a Zoom
76:04 call and I opened up the admin and I built out the schema. We talked about the logic how they would like to add things. So on the call, I'm building the schema with them and we had the schema and like 15 minutes and then I was like boom boom boom deployed and showed how we have the logic. Here's how you're
76:17 going to enter it. Here's your collection and showed them how that's going to work and then it was poof done. Signed off. It was like all in the call. I didn't have to like, oh, I'll call you back. >> Really quick, show show just show the color change thing on Hubertus' website
76:30 if you if you don't mind. >> Can you? >> Yeah, I can do that. >> It's really quick. I I just think that's a really great, you know, I mean, with one thing how you can really change something, you know.
76:42 >> Yeah. Um, and this is not even using the new Um, and this is not even using the new color swatch stuff yet. Um, this this one is this one's pretty cool. Um, shout out to Hubus. I know he's
77:00 color. So, we have this primary color. I'm just going to copy this so I don't take down someone's website.
77:12 Uh, it's lagging. All right. So, we have these set up primary colors, secondary colors. Um, so we can go in here and say, you know what, this primary color, um, we're going to make that curse orange and save that. And yeah, as soon
77:25 as we just change that color, all the green accents on this site have now changed to orange. Um, which is pretty neat. Uh yeah, it's crazy like how how the level of control that you have and
77:39 how you you the limitation on this really is your your thought process. And I think that's where the community like really thrives here. Um where you can actually just go, hey, you know,
77:52 look what I built and then open your eyes to more. I mean, here's a here's a really great thing. This page we're looking on right now, here's your header. Looks cool, right? Mhm. >> Well, psych the header is actually a
78:06 moving box slider which we only have one slide in. If I just go into duplicate this slide on that home here. Who? >> Oh, that's a bug.
78:19 >> That's a bug. Someone is you notice this template someone is using here. >> I don't know how he got that. So now um the the uh the header is
78:32 actually a moving box and so with one slide you have no idea um you have no idea that that was actually a moving box and you could have like dynamic slides or you could enable slides, disable slides all from the CMS. It's just it's
78:46 crazy like what you can think of and and what you can do. Um it's I mean I've had the most fun. I mean, this this site was one of the f this was the first site that I worked with somebody on building. Um, and I mean, we've had so much fun
78:59 with the way that you use Total CMS in here. And then even through building the site, so many things that you changed for us, you know, we had to go back and change some of the first things we did because um, we were doing color stuff when the color stuff was broken. Right
79:12 now we have color swatches and now we can actually like completely change our logic on that. Um, it's pretty pretty sweet. Uh, someone actually commented, I think it was Marcelo, he wanted to see the um the the I frame
79:27 embed. So, this was um just a test that I did. So, this is the dashboard homepage for my admin on my future upcoming and I literally injected a iframe into the page and you can click
79:40 through. It's like you can have like a whole wiki inside of your of your dashboard. And so yeah, you can go you can Oh, I just moved my mouse over to the iPad. There we go. Um, yeah, you can click a collection and if I click the logo at the top, it kicks me right back
79:55 into that iframe. Uh, hilarious. And I actually had it I think I switched off of my dark mode to your dark mode. So, there was no padding here, but I think the padding came back. So, um, but yeah, it's Yeah, it's it's cool. Like, you can
80:08 put in I think in here the template. Let me just check here. Admin home. >> Yeah. So, all I did was I framed in set the width and height and then I did some I'm modifying your max width. I don't think people realize that when I was
80:22 showing off um >> I didn't I didn't even show off the those other those other ones, but yeah. >> Yeah, I actually modified the max width. So, if you actually notice in my version, these forms go straight edge to edge. Now, I can do three or four four
80:37 column like templates. Um because no one does this on their phone. You don't have the mobile version yet. So, >> yeah, that's the next thing I'll harass you about, but for now, this is good. Let's just get it out the door. We'll deal with mobile later. >> Yeah, this is really cool. I mean, it's
80:49 it's a lot of fun. It's uh I I don't think I've ever had this much fun building websites. >> Awesome. Love it, dude. Uh any other questions that we missed?
81:09 Yeah. Is there any other things that we missed? >> I don't think so. A lot of people with minds blown. That's awesome. So, what's the big thing, Josh? What
81:24 What's the What's the Do you have any other big features left that you're like, I I really need this this one thing? Like, anything big or is it all just like little minor things like mobile? >> I think the last thing I don't know if you've enabled it yet cuz I haven't
81:37 tested it in a while. um is the proper locking down of the admin area where if I have someone in the O collection where those if they don't have access to their if I put on them a custom thing a way
81:50 that um that I could limit the admin area. >> Yes, that's fair. >> Um I think that's like the last thing. But I mean at this point in time um uh we've done I've done a site with two
82:02 separate off collections, one for business, one for customer. and we've been able to do all that logic and it works perfectly fine if we're keeping them out of the admin area that logic all that stuff that you did for me there. Um I think it's perfect. I think
82:16 >> I mean the last thing I asked you for was password reset. >> I think that was the last thing that was on that list and you've you're already on your way out the door almost with that. So, I mean, other than that, um
82:29 >> I think that was like the last major hurdle with one of the sites was just to be able to uh >> to do that, >> to just have that that password reset cuz that one site, the newspaper association, we have a we had a soft
82:42 launch and they had to do some ticket sales for a conference. Um and there was no way to do so, we were fielding all the password issues someone was having. Um we had to field the emails for that. So, that was in it wasn't a lot of people. It was like two or three people.
82:55 So, it was not too bad. But, um, that's where I had I said, "Hey, we're going to need this." Um, >> yeah. >> And I think other than that, I mean, >> everything else from like the logic, everything's there. Everything is there. You did the I mean, I really wanted
83:08 those color swatches. You made those color swatches. Um, I And I haven't even used them properly yet, but uh I think it's I think this is like such a great product. I mean, for me, I'm excited.
83:21 All my sites and like before, all my sites were total CMS one. every site that I build will be total CMS 3 and pro. I mean I I for me I can't when I look at like the customization and I know like some people had said like hey
83:36 you know um you know the the the licensing pricing for the pro side is is a lot different than what you're used to with standard but I mean the pro side of that licensing gives you these unlimited
83:48 collections and unlimited power to do this create like the menu logic all of my stuff's going to have that and the beauty of this is is I build this once I'm going to copy that schema to another website and I have all of that stuff.
84:01 Um, one thing I did on that that gym website with hubus is we have a um I have formats. I'll quickly show you this. I have a custom collection. if we look here, there's a custom
84:15 collection here for SEO. And what we did here is the folder name is the ID. So on any page that you go to um
84:28 if you're it if you're on this uh Beckinben training um if you look at this Beck and Balden yeah I say it wrong um sorry Matias and Hitus uh and Marcelo
84:40 uh wait no Marcelo are you German? Yeah. Um so we pull that pull that ID. Now of course the question will be hey what happens on the uh homepage right? So, I just did a little
84:53 PHP snippet that if it's on the homepage, it injects the word home into SEO helper and it pulls this ID straight out of the collection. So, all of this
85:05 SEO is managed right inside of here. Um, this is cool. Like you can do your your metatitles and your OG tags and your image all from right inside of the CMS. So, like the possibilities are endless. And for
85:18 me, when I build sites, it's going to be a lot of like optimization, but also reusing the stuff that I've built. Now, like with Total CMS one, we had to go open the old project, copy and paste a whole section out, and then like
85:30 completely modify and change all of those settings. Now, it's just like copy and paste schemas. Like, it's just ridiculous how easy that is. Um, it's it's Yeah, it's going to completely change the way I build websites. like
85:44 we're pumping out websites way bigger, way faster than we've ever done. Um, and that's something I'm excited about because you know Staxw Weaver is just my community business. I stack is a hobby for me primarily. I build I build
85:57 websites. That's my web design company. That's what I do. Um, and yeah, no, it's it's it's crazy. We're busy and this is taking our websites to a whole completely different level. >> Love it.
86:10 >> Yeah. You know, you said something I I've been thinking about it for a long time as well. I think you said it on I don't remember when you said it, but it's like you're you're building you're not building websites, you're building web apps because of total CMS 3, you know.
86:23 >> Yeah, 100%. Like the everything is now is now not just a website. It's an app. Like it's an application. It has complete use in in industries where now I'm not building like some people like, "Oh, I'm not building a $10,000 website." No, but I'm now building even
86:36 like subscription products, right? I'm I'm creating websites that I get monthly subscription fees for because it's now a business operation tool. Um now I had just a meeting just the other day with a client and showed off some of the other
86:49 work that I was working on. And yeah, so now we're going to be meeting next week and we're going to be going through their whole process of moving their whole system into a web app on the back end of their website and they're going to do the whole thing as a as an
87:02 application total CMS3. So it's it's crazy like there's just so many possibilities. Um, and like that's for even for me, like I'm super excited about the next version of Staxw Weaver because um, I've done some pretty cool stuff with the admin area that no one
87:14 will ever see of my website, but it's going to be even like a thousand times better with Total CMS 3. >> Sweet. Love it, dude. >> Cool. I got to run. >> Cool, dude. Thank you very much. >> No problem.
87:26 >> Take care. I appreciate it. >> Oh, everybody. Um, hey, if anyone wants, actually, you know what? Why don't we
87:38 Why don't I just open this up? Who would anybody like to join in the Zoom and just ask me whatever questions instead of typing in chat? Um, here, let's go ahead. I will uh let's get the I'll get the link. I'll
87:52 plop the link right in the chat. You guys can join. Okay. Uh hopefully this I'm not going to regret this. Um but if anyone wants to join,
88:04 there you go. join that Zoom. Um, yep. Join in. If anyone wants to join, yep. Join in. If anyone wants to join, hop on and we'll we'll answer some
88:33 questions live. >> David, what's cooking, brother?
88:47 >> Oh, >> Dr. Bob have a party now. >> Oh, too many buttons. >> Too mind blown? Matias, you're too mind-blown for questions. No, I I don't
89:01 believe it. Keep pressing the wrong button. >> It's all looking brilliant.
89:15 Uberish. Hopefully you didn't mind us uh tweaking your website for a little bit Getting visitors. Hey, what the heck? Oh, your the colors are orange now.
89:31 How are how are you enjoying Total CMS3? I know Josh has been helping you a lot building it, but do you do you find you're grasping it and you you enjoy it?
89:44 Oh, I I think maybe he's looking for his Josh gets so excited.
90:00 It's so funny being online with him, especially late at night and he's working on something. >> If people are still on on YouTube and
90:15 watching the stream and you have any questions, I will still watch the chat. You don't have to come in here. But yeah, >> so funny. >> so funny. >> Yeah. I hope no one from the customers
90:29 So, Hubert, see, are you enjoying it from uh from your from your end? You are you you're loving it, I assume? >> Yeah, I'm loving it completely, but everyone talks completely, so
90:42 yeah, it's it's opened a new world for us. >> Sweet. >> Oh, completely. >> Oh, completely. >> If you guys are on this Zoom, by the way, and you might want to close down the YouTube video. I'm hearing the echo from I think the YouTube video. So, if anyone has the YouTube still going, you
90:54 might want to turn turn that off. it completely but everyone talks completely. So um yeah it's it's open a new world for us. >> I think Hubert is it was you. I just
91:10 muted you. So anyway um okay. Oh Matias you can't join because your wife called you. I understand brother. I totally understand. He's going to have to go get a glass of wine. Excellent. Well, Matias, go tell your wife all the amazing things you
91:23 just saw and how it's going to change your life. >> Um, okay. >> So, Marcelo or David or Bob or you guys have any questions? >> Ah, so sorry. I had the the live stream
91:36 on the other side open so I hear all the all the voices. >> Exactly. Yeah. >> No, and I think all day I have a delay or so, but it was the other window. Sorry. Yeah. No problem. Um,
91:49 >> I love the new system. It opens so so big world for us. So every time I want to sit with with Josh and he show me new skills and new things on total CMS 3. Uh yeah, I'm so excited. It's yeah we have
92:04 no no uh uh uh u yeah gates. So we we can do everything. It's so so great. So fantastic. And uh yeah, I tell it to to Josh and if we found something that we didn't can do, we tell us to you and you
92:17 fix it. Excellent. Love it. >> I think you you see it most on Tuesday on Thursday. So when the big problems come up, >> but you can get nothing else done on
92:29 Tuesdays and Thursdays. Huh? >> So yeah. >> Yeah. >> Yeah. I mean I I basically thought I had >> Yeah. I mean I I basically thought I had it all, you know, had it pretty well
92:42 figured out. Okay. Schemas and here's my collections. Then I sit there and watch Josh and listen to Josh. I go, "Holy crap, I have to rethink my thinking on this thing because it's just like I'm
92:56 thinking about it again still from sort of the the the database, you know, perspective." And and now this is completely different now. Like I see what he puts into
93:08 collections. It just blows. I didn't even think about, oh, you do that. And I realized he's just looking at all these other tools we have that have settings in them. and he says, "Oh, all the saints are going into a collection." >> Yeah. >> And I'll just That's it. >> And I'll just That's it.
93:22 >> Yeah. >> It's so great. It's so great. So, and >> It's so great. It's so great. So, and and uh it's all a question of the if rule. So, I I see it every time every time when when we have a problem. So, uh Josh
93:35 bring the solution with an if rule and the next if rule and the next if rule is a little bit complicated from guys like me, but uh he do it so simple and so perfect. Yeah, it's so fantastic and
93:49 yeah, it works. It works so perfectly. >> Awesome. Very good. >> Yeah. >> Uh here I'll uh I'll share some some >> Uh here I'll uh I'll share some some stuff that see I didn't get to share yet.
94:02 Um on the stack side actually. Uh let's see. What do we change? What do we got? Uh oh, I'm in the wrong project. See?
94:16 Uh okay. Um so uh one it's going to look like a small change but it it was a lot
94:30 of work. Um and so in we go to custom let's see uh where is it? Admin. I think it was on this page. Yeah. Okay. So custom forms. Now, um if you if you had a custom form, okay, set up before, um
94:44 shoot, I don't have an existing one. Uh yours will say custom form V3040. Okay. Um so essentially, if you want this features that I'm just about to add, I'm about to show you, you're going
94:57 to have to add a new custom form to the page. Okay? And then you can just drag all your fields into here. Okay? Um so um the only thing that's changed is this parent stack. Okay.
95:10 And what has changed as well as this feature is now in all uh all of the forms. Um but only the custom form is completely new. Um so again you'll know it. You'll see the custom form V3040
95:25 in the stack title. If that's there um you might want to replace that with the new version. Okay. Um the old one should work. you just want to have these new features. So now um and it all has to do with form actions.
95:39 So uh before you can add um back to history um and a if you didn't know form actions we have the ability to do custom actions based on if you're creating a new object, if you're editing an object
95:52 or if you're deleting an object. Okay. Um and so and you can have all the same actions. So you can either go back in history which is essentially it'll go back to the previous page. Um, as long as that previous page is on your
96:04 website, um, you can refresh the current page. You can redirect to any URL. You can redirect to an object page, which is essentially the URL where it adds the
96:17 current uh ID of the object of the form you're in. So, let's say you uh create a new object and you wanted to redirect them to maybe the the the view page of that object, you can do that. Okay. Um, you can do a web hook.
96:31 Okay. And this is a new feature now. Um, so advanced and multi-actions. So when you click on advanced multi-actions, um, we now have a interface similar to what we have in Foundation 6 where you can actually add
96:45 in multiple actions. Okay. So let's say I wanted to do a web hook and then after that web hook I want to redirect to a URL. Okay. Um, you can do that now. So um again so now you can have multiple
96:59 actions um and you can have multiple actions. So if you wanted different actions for when a edit happened you can do that as well. So now now I have uh actions for if if it's a new form if I'm
97:12 editing an existing one or if you delete. So you can have custom actions for everything. Okay. Now um I haven't built it yet but there will be an email action here as well. Okay. Um, again,
97:25 uh, what I showed today isn't done yet. So, but there will be an email action. Um, and I'm also I might try to do a push notification service. Um, something called pushover. Um, uh, if I don't get
97:38 it in this beta, it will happen eventually. Um, but if I if I have time to squeak in, I I might um, try to squeeze that in. So, you can get push notifications to your phone or to your desktop and stuff like that. Um, using this.
97:51 >> Pushover is really really good. It's so good. >> Yeah. Um Um >> can you tell a small example for a web >> can you tell a small example for a web hook? >> Uh an example uh well so you you
98:04 essentially let's say you wanted to use active pieces or zap year or something like that. You could create a web hook um just like you would do uh the with the same thing with uh foundation 6 forms. Okay. And then it will send all
98:17 the data from this form to that web hook. >> Joe, can you do like a conditional on that? So, say um I have a member sign up form like an O collection sign form, right? And they check a box that says
98:31 they subscribe to emails. Can I make that that that action dependent on that
98:45 >> Maybe. I don't know. I >> That's a very >> I know it. >> Yeah. because like because like I for me I'm going to want to be able to either do a web hook to get them on my sendi
98:59 email list or um harass you enough to >> But yeah, because like that'd be really cool right from that initial sign up form if they want to join the email list as well as create a login for the
99:11 website, right? >> That'd be cool. Cool. >> Yeah. Just to throw another wrench at you. Just to throw another wrench at you. I if someone registers as a new account,
99:24 you could just web hook it and just >> Yeah, I mean I guess you could web hook it and then if they have the check box it adds and then it otherwise it it
99:36 escapes the web hook. Yeah, you >> you leave the logic on active pieces site. Yeah. Yeah, that's >> but just saying nice. >> See everybody this is why it's taking another seven months. >> Yeah. Sorry.
99:51 >> Uh I do I should say that these um these actions uh will happen sequentially. Um so like the web hook happens and then if the web hook happens then the redirect URL will will then happen after that. Um
100:05 I do plan on adding I haven't added it yet. There will be a continue if failed option. So right now uh by default if if an action fails then actions below it will not get executed. Um, but certain
100:19 web hooks, like let's say I I didn't care if this web hook failed or not. Um, I can make it continue on to redirect URL. Okay. Now, obviously a lot of these it it doesn't like redirect to URL or
100:32 redirect to object or go back in history or refresh those can't really fail. Um, if those happen any action, if I were to have let's say this, right? None of this
100:44 h matters because this web hook will never get ran because it's after these which essentially leave your page anyway. Right? Does that make sense? Right. So all four of these or yeah four
100:57 of these um yeah you can't really redirect your URL and redirect to all these. Right. It's going to be one or the other. So um so yeah uh if if you redirect the URL this one will never happen. So, you're going to want to make
101:09 sure you have the order correct so that the web hook happens and then you redirect to a URL. >> Joe, but but is it possible to to set an an if rule in there? So, in the in the
101:23 custom fields, >> uh right now, no, I don't believe there there is. Uh it maybe you can put a conditional in here. I don't know. I'd have I'd have to think about with that
101:38 It will be great. >> You could probably if if anything you could probably do it with with agent. Um if you're using agent for something that
101:54 would most likely work. Um but I don't know about twig conditionals. Um not sure how that would work. I'd have to think about that. So you mean like if I was on page A and I clicked something and it brought me to
102:09 this page, if I pass something via URL with agent, it could remove or add a step onto that next page. >> Yes. Yes. I I I because that that would also work in Foundation 6. I believe that would work here.
102:24 >> Um I believe that would work here. Just wait till people I even unleashed like custom contact forms with freaking loading data and options out of custom
102:38 >> That's going to be fun. >> Yeah, absolutely. >> All right. Uh let me see what what other
102:57 Uh Joe Josh a question to to both. So is it now possible um the the uh thing that you have shown with the the pictures in
103:09 terms 3 that we can set change the the uh ground settings from the size from the from the uh uh data um it switch them everything what we have done till now. So,
103:23 >> no. So, essentially what would happen is is if you chose in that image macro a preset, right, we which we we did not do on anything that we've done in that photography website. >> Um, but say we went into the thumbnails,
103:37 right, the gallery thumbnails and in and we set that to be a preset. >> Yeah. Then what that allows you to do is change the preset in the admin area which would then update what those macros do.
103:51 >> Right? So if we so we would have to first set all of the preset settings in the image macro to pull from that preset and then yeah you could then say oh this image isn't high resolution enough. You
104:05 could just update the preset primary setting and all the macros on the site would get instantly updated. So great. It goes so fast. >> Yeah. So then then now you could come up with all of our default image sizes with
104:19 all the default crops and set those up as presets and then we wouldn't have to go through all those pages to update those macros. We could always call upon that preset and then change that preset at any time which is >> essentially like what we were doing with
104:32 swatches, right? When you update a swatch and then it updates everywhere. Now you're going to be able to do that. >> I don't I don't know if I told you the section lock now you can provide a comma delimited list of collections. >> Yes, I saw I saw that in when you sent
104:47 the the message on that. I was like >> thanks. >> I'm so excited. I was very excited about that. I I know I didn't vocalize but I was very happy about the comma delimited list for the section marks. That's what I wanted. >> I needed that. That was the one thing I
105:00 needed for the restaurant conversion. Uh, another thing that you might like with um presets um is
105:13 uh let's see uh a I love the the collapsible in the docs because the docs actually have a lot of >> We all love it. We love it all. >> Okay. Um let's see. Did I
105:28 Oh, okay. Good. All right. So, um instyle text. Okay. Um, you can supply an image upload parameter. Okay. And in there you can pass a
105:41 So what that means is whenever you upload an image to style text, you can actually have a particular preset applied to that image. And why that's important is in the
105:54 future if you ever wanted to update all the images throughout all your style text, you can control it with this preset. Now, >> great. >> Does that make sense, >> Josh? Say that again.
106:08 >> Okay. So, uh, as an option to style text, because you know you can upload images to style text, right? >> Yeah. Yeah. Yeah. >> Okay. Well, let's say someone uploads a 5 megabyte image, you want to make sure that those are scaled down properly or
106:21 whatever you need, right? Um, so, uh, these image upload parameters will you can apply. Now, in this example, I'm applying a preset. You can actually supply specific things, but I think the preset makes most sense here because you
106:35 can just apply a preset, let's say style text, and then whenever you if you update that preset, all your images throughout all your style text will get updated. >> Interesting.
106:47 Is there an option because I haven't seen this, but you know how like Chris dropped like the whole all of the buttons for style text. Um, is there a way for us to preset
107:00 style text options like inline classes so I don't have to go to every style text like field and paste in the custom stuff that I wanted in that drop down. There would be a way that I could move
107:12 that into like a setting somewhere that like if I just set all my style texts to have this default versus going individually into each of them and updating >> um that that could be something that could
107:25 >> No, but that'd be something that'd be cool. I think in must would be nice down the road. >> Okay. >> Kind of >> this would be great. >> Or or enable to like preset like the inline classes so that like when when I
107:38 have that it doesn't necessarily have to be the whole settings, but maybe I could just preset like the inline class selection so that >> these classes that I've created I'm a quick access to them. >> Okay, >> that'd be cool. >> that'd be cool.
107:53 >> Um I think another thing so you you showed by the beginning. So uh um to to customize the the admin area when we come to the site to simmer 3 um
108:07 is there a way or it it will be great uh yeah to set a collection on it. You know what I mean? So so that that we can set a different different collections for
108:19 the uh for the admin area and to set it on and out how they looks or is it too complicated? explain it for me. Sorry for my English here. >> No worries. >> No, no, no.
108:31 >> Can you describe that again? Sorry, I I'm I >> Yeah, that that we have for the for the for the admin area where we come up where we have your your beautiful video and all the things so that that we can set collections on it
108:43 >> that we can do a >> Oh, well, so if you saw today, I I allow you to customize that entire dashboard now. So, you can put whatever you want on it. >> Yeah. With with >> So, yeah. So with HTML code, so then cubitus you could put in there if you
108:57 had like if you wanted to create your own link section quickly to those sections like those collections, you could do that. You could make that. >> Yeah, >> that's possible in this beta. I just >> that's possible in this beta. I just implemented that this week.
109:17 yeah, anyone great projects or something to show where we can learn much things?
109:30 uh Steve asked it in the chat about a file depot stack. I assume he's talking about a content side for the depot. Essentially, uh something similar to what the file
109:46 browser is on the admin side, but for con for the content side. So, you could have a nice little file browser. Um that's on the list. I I I took a stab at it. It ended up being a lot more difficult than I thought it was going to
109:59 be, so I punted it until after release. So, um it will happen. Um, I'll just it it was just a a little bit more work than I thought it was going to be. So, um, I thought I could just quickly use the admin thing and strip out the the
110:14 adminy stuff, but it turned out to be a lot more difficult than I thought. So, um, it'll uh that'll that'll happen
110:29 I'm going to see any other cool things I
111:01 Yeah, I think uh I think I think that was it. That was all I've I've kind of done. I mean the the I'm really happy with how the uh I mean we got a lot of changes to the to the dashboard side in
111:15 this in this beta coming up. Um so >> yeah, I'm uh I'm pretty I'm pretty happy Yeah, I was pretty happy this morning. I did this little this little auto dark mode thing. Um,
111:29 >> yeah, Joe, uh, Josh, show it to me. We >> Nice. >> But I think this settings here in the >> But I think this settings here in the
111:42 ground, we see it now. The first Yeah. Th this literally didn't exist two hours ago. So, >> Okay. Okay. You've done a so so great job.
111:54 >> Yeah. >> Uh, you know, it's kind of fun. I've >> Uh, you know, it's kind of fun. I've I've wanted to do stuff like this for for websites. So, you know, now that I kind of have a uh a way of of doing this, so it'll it'll probably filter
112:11 Any other questions, guys? Or else we'll >> Looking good. Good. >> Marcelo, any other questions?
112:24 >> Well, um yeah, how you do the um the dark and the light mode? Uh exactly colors or um percent? You understand the question? >> No, they they are they are exact colors. So I set color variables basically. I
112:38 have various shades from white to black and then on dark mode I just flip them essentially. Um, and luckily just by flipping the colors like basically white is black and black becomes white and then the various shades of gray and
112:51 white just flip um I just luckily turned out and it looks pretty darn good just by flopping the colors. So actually in dark mode the
113:03 because I use CSS variables the CSS variable for white I just set it to black like so that way anything that uses white just gets black instead. And I most of the time that's not going to
113:16 work, but I think because I did this, I styled this very black and white, it does work. Um, so I kind of got lucky there. I'll admit. Um, I was kind of dreading doing that and then I started
113:29 playing with it late last night and um, I was just I was like, you know what? Let me just flop the colors in dark mode and see how it looked. And it got me like 90%. There was a few tweaks I had to make here and there, but it got me
113:43 like 90% there. And I was like, whoa. I was pretty forward. Um, so I'm happy with that. But yeah, it definitely uh not all sites are going to look out the way I did with that. It's just cuz I chose a very black and white design
113:55 where it does work. >> But it's normally that you have only the the light mode and the dark mode. function. It's always black or dark mode or white
114:09 mode. It gives no rose rose effect or rat or anything on the Mac. >> So yeah. >> So yeah. >> Um in terms of localization, I know you asked about that, Marcelo.
114:25 so I I do want to localize the the back end. Um, I'm probably not going to localize all the docs. I'll be honest with you. Like the documentation is probably not going to get localized. Um,
114:42 uh, but a I do try to um, yeah, there's some things like the word filter here could be, you know, needs to be switched. So, I I do plan on that. Um, and I didn't talk about it, but I there
114:55 is a setting in here for local. Okay. Um and so that is the start. >> Yeah, that will be the start of it. Okay. Um yeah. Um there's a lot of work
115:09 to do. Um I mean if you want you can go ahead and swap that to German or you know whatever. If anyone else here needs something else, you can change you can set that to be German and actually some things will will will change uh but most
115:24 of it won't. Okay. Um, I did start early on. Um, very early on I I because I knew I wanted to localize things, but it was taking a very long time. It was slowing
115:37 down a lot. And so I I stopped doing that a while ago. Um, and I just continued on with English just to get things done. Um so but I I do want to revisit that to make sure that you know everything like you know um the save
115:51 buttons and all that jazz are you know not in English. >> Yeah the the thing is so the the English English main language for all this all the site and all the system this is not the hard point. The hard point is that
116:05 the whole uh uh trick stuff and all the things and the programming codes and so is in English and this will be in English the whole time. So we have to learn it. So we have no chance to >> uh there's nothing I can do about that
116:18 one. Programming languages are in English. Yeah. So >> yeah, >> I think you have all the bigger country. >> I think you have all the bigger country. Yeah. And this is the thing. So and this is the point why it's sometimes so hard
116:34 to understand how the process runs or something works because it's another language. So and this is yeah all know English. So, and uh >> one thing that's kind of good like like you have full control over at least
116:47 these labels and stuff like that, right? That's all you. So, you can set those to be, you know, what you want. So, I know for a little while it's going to be mixed, you know. >> Um but yeah, um
117:01 and there are some things like you like in if you edit the collection, you can set the uh the plural and singular version. Um, I don't like what what would you call objects
117:13 >> in German? >> Yeah. >> Objective. Objective. >> Objective. Objective. >> How do you How do you spell that? Just for fun. >> Yeah. O B G
117:27 E G G U. Yacht. Sorry. Yacht. Yeah. E car >> Yeah. >> This this mean object in German. >> This this mean object in German. >> All right. Okay. And if I if it was
117:40 plural, it would be an s or no >> uh >> for more than one >> zinga. Zingular is without s. Z singular is without s and uh plural is with s. >> Okay. >> Okay. >> Okay. >> So, yeah. So, there we go.
117:54 >> So, yeah. So, there we go. >> Object. No, it's wrong. >> Without the s. Without the s. Without the s. >> Object. >> No, this is plural is with the s and singular is without. >> Without the s. Sorry. So, I I was in the
118:08 English. So without the S. >> Yeah. >> Oh, that's without the S. >> Oh, that's without the S. >> Yeah. >> And you delete the E. >> And you delete the E. >> And you delete the E. >> No. No. >> No. No. >> Delete the E and the S at the end. >> Oh, delete the E and the S.
118:21 >> Only the T. It's the end. >> Only the T. Got it. >> Like that. >> It's real similar to to English. >> Very different. Okay. Uh I learn every Okay. Look at that. I can even learn. So
118:35 now I mean Okay. Just I just wanted to show you like here you know like some of that words can be done obviously now like we would need to do what new is right and but that's something that I would have to do on the back end right
118:47 so when you set your local to German it would go and it would get new you know in whatever the new version is right you you can't do that yourself right now but that's something that's on my you know um you know >> to-do list
119:01 >> we work the whole time on the system so you you can let it in English so so we we know it. And uh the the English words here are so similar to the Germans. I tell it to Josh every time we steal the
119:13 words from the winners of the war. We have the same here. >> Yes. But I have customers that don't understand English. So always ask, can you do it in German?
119:26 >> I understand. You know, things you could do is, you know, make sure when you name your collections, you can name them in German. So like I know I create you know by default it can create text you know English ones you you can you know create
119:42 your own in in German though right >> you know so you know when you create a text collection instead of this being named text you know you can name it you know whatever it is you know >> um
119:55 >> and that way that way down here it would show up there you know in German. So um yeah >> yeah I do some some sections in German but but most I do everything in English so it's
120:09 >> it's better to understand. >> So but Marcelo it is it is something I agree needs to happen um and it will
120:22 happen um hopefully not too far away. Okay. >> But it will all it'll all start with >> Great.
120:37 So, sometimes uh Google translator or AIS don't make the the wrong words. Uh so, if you need help um >> perfect, thank you. I I appreciate I will definitely reach out because I
120:50 Yeah, I I am fully aware that uh Google Translate sucks. I think AI actually is a little bit better than Google translate sometimes but but yeah even then yeah getting uh what some sometimes it's hard it's like some languages like
121:05 let's say you know I had new object right but let's say you you had you know new member like I know some languages you there's different versions of new based on what's comes after it you know I don't think I'll ever get to that
121:19 level of localization but hopefully that will be okay if That makes sense. >> Yeah, it makes completely sense. I uh I planned to do it so the whole back end and the whole stuff in English. So, and
121:31 if I do it customized for the customer and the customer has special things like we hear it back in Ben training. Yeah. So, uh then I do the collection this name. So, >> yeah. >> So, that that he can find it. Yeah. So, >> So, that that he can find it. Yeah. So,
121:46 otherwise he cannot find it. So, but uh it's not difficult if the rest is in English. Wait. Yeah, great job. Yeah, great job. >> Cool, guys. Well, thank you very much. >> We thank you.
121:59 >> Take care. You have a great >> rest of your week. Hopefully, we'll see some of you guys on Friday, the hangout. Yeah. All right. Bye, guys. Bye. >> Bye.