Transcript

00:08 hey everybody excellent we are back on the uh live stream
00:14 bandwagon how's everyone doing today let me know in the
00:21 chat I was just on with Ben literally 4 minutes ago um he was helping me out
00:27 with some bugs in beta 14 which we'll get an update to out today with some fixes Mr
00:34 Cole's here how's it going Mr
00:41 Cole excellent okay audio and visuals good it's been a while since I've
00:47 actually done the lives instead of uh like a hangout or something like that so sweet thanks Mr Cole audio and visual is
00:53 good sweet you know knock on wood we've been on a roll lately with the audio and visual for a while there it was like hit
00:59 and miss um so hope the uh the live streaming gods are with us for all of 2025 okay
01:08 um so let's just uh start chitchatting about total CS 3 um you know I've been
01:14 working on beta 14 for a long time um and remind me I don't know if I've I've
01:20 if I've shown off what I've done with Depot yet um on the on live stream I think I showed them off on Hangouts um
01:28 and maybe if we have some time today I can kind of show off a little bit of what I've done but um let me know in the chat if
01:34 you'd like to see it later on um but beta 14 was supposed to have Depot and
01:41 file uploads and image uploads into into style text as well as some other bug
01:47 fixes okay and um I've been working very hard for the last four or
01:54 five weeks I forget exactly how long um on Depot and uh
02:01 I uh it you know when you work on something for so many hours and for so
02:06 long um I I felt a little burnt out on that feature so um you know coming this
02:12 over the weekend I was like I got to get I got to get beta 14 out and I was just like you know what I'm going to stop
02:18 working on Depot for a a little bit let's work on the other things that I had planned for beta
02:23 14 and um there were some bugs um with editing collections that were you know
02:28 kind of annoying right for beta testers so um I took 2 days and uh I think 3
02:35 days actually and uh completely reworked The Collection editing uh to a more
02:42 improved workflow uh and uh once it was done I was really happy with it and you know
02:48 yesterday I was like you know what I think I'm just going to ship this out as beta 14 um because yeah it's got a lot
02:54 of other nice features okay and obviously fixes so that you guys can continue using total Cs and and editing
03:00 your collections again cuz that was kind of annoying right
03:06 um so yeah uh that's beta1 14 has um PHP
03:12 8.4 um initial support um there's going to be more work uh there's some
03:17 libraries that I use that I've submitted fixes for for 8.4 they haven't
03:22 integrated that into the codebase yet so um but yeah we're we're on the path
03:28 to full 8.4 support it does work the only thing that's kind of left is
03:34 there's some depr you'll might see some deprecation there just warnings saying hey PHP 8.4 behaves this way differently
03:42 the way you're doing it is kind of the old way we recommend you use the new way right um so yeah and they changed some
03:50 quite fundamental things actually um that a lot of uh PHP developers have been doing um for years so um
04:00 yeah not huge fixes like I said I've submitted two or three fixes to some open source libraries that I use um and
04:08 other libraries that they used people have already submitted fixes to those so it's just php4 was just shipped last
04:14 month um so hopefully those will all get integrated in and within a month or two
04:20 all those deprecation warnings again they're just warnings um but hopefully all those will get uh uh cleaned up
04:27 which my goal is to have zero warnings at all right I want a completely clean code base for total cms3 um you know
04:33 just figure over time you just when something pops up fix it right right away or else you know it's just one of
04:39 those things that just they just compile and and then it becomes a a huge hump up mess if you try to fix it two years
04:45 later right so anyway um Gallery got some nice additions um and I actually
04:52 broke it okay I'm sorry if you use certain settings inside the gallery um I
04:58 found out that it does break so um I've fixed that already there might be some
05:03 more fixes I need to work on after this live stream um but yeah we'll go over
05:09 that when I look at the live when I look at the gallery and stuff like that so okay without further Ado Let's uh
05:16 let's jump in let's share my desktop and um let's look at what is new
05:22 um another thing that's new um is I'm moving if you probably are aware I
05:33 um I've been using Arc as my main browser for a while right I don't know
05:38 it's probably been what six months or so and actually you know I never did a live stream on it and um you know it was
05:46 always one of those things I'm I'm going to show off how I you know use ARC and
05:51 Arc was a a nice web browser it took me I forced myself to learn it and use it
05:57 and I grew to love it and and then the company decided that they're no longer
06:02 going to be working on it and um I just decided you know what instead of
06:09 continuing to use it I'm just going to call it dead and move back to Safari and
06:15 um it's actually been quite a challenge because I I've gotten really used to
06:20 some workflows in Arc so um yeah anyway I'm back to I'm back to
06:27 um back to Safari for now okay um so let's go in let's just go into my
06:34 dashboard
06:42 here actually I don't need the project file open right now I don't need that either
06:50 okay so um as you're aware um in beta 13 um if you were to go into a collection
06:56 let's just call this a collection and use hit edit collection it didn't work okay and obviously now um
07:03 it does that was a a big fix um but it wasn't just fixed I I actually
07:09 completely revamped this form um this form is actually really complex okay um
07:16 it does some um highly interactive has some highly interactive components to it
07:21 um that isn't just your run-of-the middle form okay um and here's an example of when
07:30 you created a collection this was a collection based on a Blog what it did is it it brought in all the various
07:38 Fields okay from a Blog and you can go ahead and you can edit all these
07:43 fields um now the problem was if I were to go into um my schemas and let's say I
07:52 had uh let's just look at this demo schema if I were to make any changes to this this schema none of those changes
07:59 would have been reflected in my collection which was kind of annoying right um because then you kind of had
08:06 you have to edit in both places and um yeah and the reason for that is when you
08:11 created a collection there let's look at this demo collection since this is the one based off what we were just looking
08:17 at if I were to let's say change the the names uh the name schema uh or the name
08:23 field in the schema I would then have to go to the the collection for this and then update and make those changes as
08:29 well if I wanted to okay um and if I added a new field to the
08:37 schema it was actually impossible to add um that new field to my collection so
08:43 that was a there was multiple issues with the workflow and how this form was built before okay I have to sneeze one
08:53 second bless me okay um so how does the the form work now um
09:01 if you notice that uh we actually have the ability to delete Fields now so I can go ahead and I can delete all kinds
09:06 of fields okay and uh but let me show you uh a workflow from the beginning so
09:12 I'm going to go ahead and create a new collection and um we're just going to call this um ABC demo just so it's at
09:20 the top okay and I'm going to base It Off My Demo schema and let's just save
09:28 that what you'll notice now uh prior when you created a new collection um it
09:34 would import all the fields from a schema in here and now it doesn't do any of that so by default it'll just
09:41 dynamically um inherit everything from the schema okay which is cool so that
09:46 way if I make any changes from the schema The Collection automatically gets or any any collection based on this
09:53 schema gets those updates okay which is cool um but let's go back to ABC
10:01 schema but at a point now you'll see that we have form field overrides and if I click on this I see all of the
10:08 available fields from my schema so now if I want to you know if I do want to
10:13 override the schema for some reason okay for this particular field I can click on just the fields that I need to
10:21 override um and then I can click on those and make let's say instead of this um I'm going to call this one ABC title
10:29 for some reason okay and we can save
10:37 that and there we go so now um my abc schema um all the fields are inherited
10:44 from the schema except the title field which I override the label okay um now
10:51 obviously you can override more things you can override the field type and all kinds of stuff right but um yeah I
10:57 thought that was nice okay and again if I want to add another one I
11:02 just go in here click on another field you can edit that one so on and so forth
11:07 okay um and eventually here kind of a cool thing if you go ahead and add
11:15 everything voila so once you add all the fields that little select box is gone
11:20 just kind of Auto clears itself um now if I were to save this um I'd have
11:25 custom fields or this collection um customizes everything outside the schema
11:33 okay so there we go um then the next thing was for um object
11:40 form overrides now I think a lot of people don't understand what these are and they have limited use case um but I
11:48 needed to update these as well to reflect the similar change that we had um and I'll show you exactly uh some
11:54 great use cases for this okay and why I built it but essentially you click the
12:00 plus just as you did before um and at that point here we just do um you know I ABC object okay um and then in here you
12:10 can then override specific Fields similar to up here um the interaction is
12:15 the same right so you can override specific fields for a specific
12:21 object okay so that's uh uh the overview of the
12:27 overhaul of the collection form again I think for the most part I think the
12:33 workflow of uh let's just leave page the workflow of just inheriting
12:40 everything from the schema okay is probably actually in hindsight like the
12:46 90% use case 90% of the time um you're not going to add any overrides or 99% of
12:54 the time you're not going to add any custom object overrides okay um yeah in
13:00 hindsight those were features I added that I thought were cool and they do
13:06 serve Edge case scenarios but now I think this default workflow is much
13:11 better it's easier to maintain okay so um while I am on Uh custom uh
13:21 object form overrides um let's talk about what those are this isn't something new in beta 14 but I know it's
13:27 something that obviously it's related to what I just implemented and um yeah
13:33 let's look at that the best use case that I have for this is a lot of the uh generic out of
13:41 the-box collections um simple ones like text text is I think uh a big one and I
13:48 thought I had more examples in here actually let me go to my another test site that I have all right and let's go
13:57 into uh t ah here okay so um here is now obviously a text
14:06 collection okay um if we were to look look at the text schema just to see what
14:12 is what is a text okay it's easy all it is is an ID in a bit of text and that
14:19 bit of text by default is a text area okay but there are so many ways in
14:26 total CMS to save text we have plain text with a text area we have style text we have all kinds of stuff right so um
14:34 having a collection tied to just plain text doesn't really make sense
14:41 right so um let's go back into my collection okay and let's go into and I
14:49 have a lot of collections in here all right now again if I click on new object
14:55 here I can create a new text object right maybe this is like um you know um
15:02 homepage Dash oops homepage Dash uh a banner I don't know okay um right and
15:10 then you would type in into here you would type in your your text right voila right and again this is
15:20 saved as just plain text as you see another small little tidbit if you ever
15:25 see this little these little um grabby bars the the text you can actually resize it okay dynamically which is kind
15:32 of cool okay um so yeah this saves as plain text okay
15:41 but what if I what if I when I click on you know uh an object okay here let's
15:47 just save this one for fun okay we'll go back to my text collection right now let's look at
15:54 something like uh my text oh that one isn't
16:00 um do I have one that's set up as well let's do my time right now if you look at my time you'll notice that this isn't
16:07 a text box right this is a a Time Field right and that's because what I've done
16:14 is I knew that this object called my time um I wanted to store something very
16:21 specific okay so what I did is um I used the custom object overrides and if we go
16:28 into edit collection you'll see that I have multiple overrides here for objects so
16:35 for the object ID my select okay I've made the text box a
16:42 select box and I I've even I've even added um some options
16:49 available okay uh if we look at the about me okay um what I've done here is
16:55 text is set to styled text about me
17:01 to um I think that was just me playing around um you just goad and we'll delete that and then I had my time which we saw
17:08 where I set the text area to be text now another thing I did is I overrided the
17:13 ID field to make it hidden right so if you notice let's go back to my uh text
17:20 collection oops uh if we go to that one that I just
17:27 added homepage Banner okay you notice by default it shows the ID um field and the
17:34 text area okay but when I went into my time it just showed the time field it didn't show the ID field and that's
17:40 because I customized the ID field to be hidden okay so kind of a nice thing uh
17:46 something that you can do if you like and if we looked at the my select box if you notice here and then have a
17:53 select box and the option that I select is then saved to the CMS
17:59 okay so that's how custom object overrides can be used and and I imagine
18:04 this is it allows you to customize your objects so that it's easier for your
18:11 customers or your end users or yourself to enter in the data that you
18:21 need okay all right so um any questions I I
18:27 don't see any questions about that in the um in the uh chat but uh yeah uh I'm just show you the about me here's the
18:34 again about me had style text and there we go we have style text
18:41 boxes cool okay um next thing uh if you
18:47 noticed earlier uh when I went into edit collection and my select and I I created
18:52 this um customized uh select box in here you'll notice that I had a and I've
18:58 shown this a few times I think you can have custom settings and custom options um for your stuff now um prior the
19:07 documentation for this was uh a little wrong okay um so I've another thing that
19:13 I've done in beta 14 if you go into docs you notice that there's a new documentation setting section called
19:19 dashboard and there's field settings and field options okay um in this uh example
19:26 here is the field options and you can just kind of copy and paste these templates um you know for adding options
19:34 to select boxes and data lists and stuff like that so um these are Now official
19:40 um Snippets that if you copy and paste these into either field settings or field options um these examples work now
19:50 okay uh prior uh they were inside of twig templates and they were under forms
19:57 and if you scroll down there there was some of this data down here that were similar but this was meant for um adding
20:05 this if you were to code in twig um the the values look a little bit different
20:10 so that's that's the difference there okay so these particular ones are all in Json which can be copied and pasted
20:17 directly now okay um so I kind of had to document this stuff twice because there's whether or not you're developing
20:23 this by hand or using the stacks uh there's different ways to implement this stuff
20:29 um settings I try to um organize these out into um the types of settings for
20:35 different different types of fields have different settings for example file and image they have various rules okay and
20:41 you can upload these if you want to limit by Min height Max and uh orientation and file type stuff like
20:47 that so if you want to make sure someone can only upload a zip file or something like that you can do that here okay um
20:54 there's the ability to customize uh the ID field and how that that field gets
20:59 autogenerated um so this is settings that you can use with an ID field so on and so forth there there's a bunch of
21:05 them here um there I even documented out uh some style text options okay and
21:11 there's I link here there is a laundry list of of settings that you can have um
21:17 for the style text editor okay huge amount um so and all of those should
21:22 work um oops I need to make that open in new tab um um all that should work
21:30 inside here okay sweet
21:38 um am I missing something here let's see what else before we dive into Gallery is
21:43 there anything else that I
21:52 missed okay let's dive into Gallery okay um
22:06 okay so Gallery uh Gallery is going to be on this page
22:24 here all right actually before I all I dive in gallery um I I need to go over
22:29 there and pick up something really quick I'll be right back in two seconds life happens this is a live stream it's real
22:37 life be right
22:57 back
23:27 e
23:57 e
24:27 e e
25:22 okay hopefully I didn't uh hopefully I didn't uh lose any of you
25:28 sorry about that uh looks like I lost two people darn it okay well um Gallery
25:34 um now I will admit uh I did break Gallery I'll show you exactly what if if
25:40 you're if you already downloaded the beta and uh yeah there's a couple settings that actually didn't if you
25:46 were using gallery and you and you turned on custom collection property um your page is
25:52 broken um I fixed that okay um but yeah page is broken so
25:59 sorry about that I'll get that fixed out today obviously when I was testing all
26:04 this I didn't check that particular box during my tests so sorry um
26:12 but just to show you there are a bunch of new settings now inside Gallery stack
26:18 they're in their under Gallery features okay all of these settings are new and allows us to customize how the
26:26 gallery looks okay so first off we have the ability for um
26:32 the lightbox pager and what that is is down here at the bottom okay by
26:38 default U we show the thumbnails um for the images I think that's really nice
26:43 okay but um we also have the ability to do a pager I'll show you what that is in a little bit I don't want to keep changing
26:50 and Publishing um too much um next up is zoom okay so do we have inside the light
26:57 box do we have the zoom feature okay also zoom and mobile and all that jazz okay you can turn on and off a
27:04 download button for now I'll just turn all of these on so we can see them uh full screen image linking and
27:12 autoplay you have the ability to change the actual animation okay there's a lot
27:17 of animations here um default is slide which I like but if we want to do I
27:23 don't know let's do like um zoom in actually you know what let's
27:29 try lollipop I actually wanted to see what lollipop was um and then you can change the animation speed as well so
27:35 let's just I up that to 500 and also here let's Chang this to nav dot so you can see all the different
27:41 things I'm going to go and quickly publish that
27:58 oh that was fast all right let's refresh my page so now you'll notice that um
28:04 instead of the thumbnails at the bottom we have little nav dots but what's kind of cool is when you hover over the nav
28:09 dot you get to see the actual image so it's kind of a more minimalistic um you
28:15 know light box um but it still gives you the ability to see what the image is um
28:21 by hovering over it so quite like that and then you click on it and obviously it takes you there okay um
28:29 oh so the lollipop animation is interesting it kind of um the the current image slides out and then the
28:35 new image fades in from the back um so yeah lots of new um animations here
28:42 you'll have to go through and play with all these and find find the one that you like let's try what's slide skew curious
28:49 what that is actually hav't even played with all these animations so
28:56 um I try to few verified they worked shipped it okay uh let's play around
29:02 let's have a
29:08 look that looks pretty run-of-the-mill let's see
29:16 here oh it is oh I see what it's sliding but if you have to catch it it's a very
29:22 subtle thing but as it's sliding out the image skews actually it might this
29:28 animation might look nicer if it was um let's do like a second let's do like
29:35 1250 let's see what that looks like if it was a little bit slower I think slid skew would look
29:45 cooler all right let's look at that
29:51 again there you go if you if you notice it kind of it skews as it's sliding ah I
29:58 don't know I don't love it um I kind of like the lollipop though that's kind of interesting there's actually lollipop reverse let's see how that what that
30:04 like and probably Let's do let's do 1,00 uh one second see how that
30:12 looks and I've totally overlooked all the other features we'll look at that
30:19 too okay uh one thing you'll notice when I refresh this page um when I turn on
30:25 image linking okay um it actually updates the browser history with the
30:31 particular images and you can actually link to a particular image in the slideshow which is pretty cool okay so
30:40 um yeah it's interesting uh and here actually kind of uh that's an interesting animation so it fades out
30:46 and then the new one fades in interesting okay um other features up here obviously where I have zoom we have
30:52 the ability to autoplay so we click on autoplay it will automatically
30:59 um Advance let's see there we go okay I probably need I'll probably
31:05 need to add some settings in the future for timing right so you can adjust the timing of that and whatnot but um yeah I
31:12 just thought i' I'd add in a bunch of little features that weren't too difficult to add um that were kind of uh
31:18 you know plugins that were available for this piece of software that I purchased for us okay um full screen um not sure
31:26 if this will come in oh it does come in through on on um so yeah now we have a full screen we can go full screen with
31:32 our light box um obviously my images aren't too large um or else they'd Go
31:38 full screen okay but uh yeah I like that full screen um then we have the download
31:45 button which allows us to actually download uh the actual image okay so if you click on that um do we want to
31:52 download yep and it will download that particular image for us okay um um and there you go U that's all
32:00 the new features in gallery um yeah pretty simple stuff um easy to configure
32:07 um I think there's some nice options here we'll add a little bit more in the future such as you know when I was doing the uh the autoplay probably need some
32:16 sort of timing on that um we have timing for animation as well and there's actually another one I was
32:23 thinking I don't remember I don't remember now okay um so yeah there we go
32:29 let's see um I think that was it for for this uh it's pretty quick one
32:35 today let's see where's my
32:40 announcements I think I went over through all the
32:48 features uh oh here collection form news dashboard documentation Gallery stack
32:55 PHP top 4 bunch of security fixes yep okay um that has to do it for uh for the new
33:00 features if anyone wants to see Depot I'll take time to kind of show um show
33:06 that oh another thing for gallery I know that where everyone's going to want or not everyone but people are going to want is the ability to customize the
33:12 colors and the theming and all that that will definitely come as well um a lot of that will probably come in the form of a
33:18 Swatch most likely right so we can actually have the ability to style a gallery and style you know galleries so
33:25 we can keep them in sync across multiple pages and stuff like that so um yeah styling and colors and stuff like that
33:32 will probably come as a form of a Swatch rather than baking them into the gallery
33:37 themselves right again because if you have galleries you might have galleries on multiple Pages different galleries
33:43 you want to make sure that all their styles are in sync and the best way to do that is to take those Styles and have
33:48 a Swatch for it okay so um yeah definitely something for the future there okay but I think you know just
33:55 sticking with the the classic black um is uh can't go wrong there for now at
34:00 least okay um Depot let's show off uh Depot
34:06 just really quick um they again they are still a work in progress okay um but the
34:12 UI is pretty slick actually I I am pretty happy with it oh man I just
34:18 realized that um so I was using Ark and
34:23 I hadn't tested Depot in Safari yet and um yeah the little carrot things uh I
34:29 hide them in Arc but in Safari they aren't hidden so um interesting I'll
34:34 have to make sure I I look at that right but uh yeah here's the UI for Depot um
34:40 if you know the big thing for Depot and why it's taking so much work is that added support for folders okay and um
34:48 you can click on a file oh and look at that that doesn't uh in Safari that's not working
34:54 or that or it's not on this particular build all right let's let's check this this
35:01 one
35:06 oops let me look here oh I don't even have Depot added all right well um so
35:13 when you select a file it should populate that information over here interesting here I am uh I'm actually
35:19 very interested to see I'm going to launch Arc um because that was the kind
35:25 of my browser of choice up until last week uh I'm going to go ahead and launch this let's see how it behaves
35:32 differently in here oh there oh the interesting so here
35:41 in Arc I do have the I do have the little collapsible triangles but they're they're swapped right um and then oh I
35:49 must have I must have totally broke that but when you select a file it should have populated the file information over
35:56 here um interesting and it only does it for folders right now darn it okay um so
36:04 anyway um interesting let's go back to Safari
36:10 um so yeah you'll be able to when you click on a file you'll be able to actually see the info very similar to finder um where it shows you all the
36:18 info about the particular file and then you'll be able to download it by clicking the download file button
36:24 okay um if you want to upload it you know a file to a particular folder you select the folder and then you drag um
36:32 the file that you want to upload into that folder right here that that's actually what I'm working on now or what
36:38 I'm going to start working on um so yeah uh this is the UI for Depot
36:45 um I think it's pretty cool um I like it uh unfortunately this that's bugging me about Safari where it swaps these I'll
36:52 see if I can make that standardized sound horrible but eh I kind of liked it the other way but it's all
37:00 good um sweet there you go guys um I guess we're going to have a Swatch with
37:08 a note a SW oh yes you you want pen integrated with
37:14 swatches I understand I get it um cool I think we're uh I think
37:21 we're going to call it early today guys there's early one I know it um if you guys have any questions let me know in
37:28 the chat right now I'm happy to help answer any questions even if it's not CS3 related um but yeah hope you enjoy
37:34 total cms3 um this new update uh I I hope to get uh Depot released officially
37:41 by the end of the year okay um so by the end of this month we should have Depot
37:47 and uh style text uploads um as well okay so that's my goal um still have you
37:53 know a couple weeks of work uh to do on that um it's a lot of trick stuff so um
37:59 you know you had this idea I'll just add folders right and um simple right just
38:05 the folder and when you when you add that extra layer of complexity that like
38:10 it really 10xs the the scope of what Depot is um and while I like it you have
38:16 to be able to you know um add new folders had files into folders and have
38:21 folders in folders and then you have to be able to move things around and it there there's yeah it really did 10x
38:29 Depot I I think it's nice I I mean I'm happy I'm doing it um and if I was going to do it do it now is the time right
38:36 because I know once uh once it's shipped I'm going to be less willing to create something of this magnitude um you know
38:45 um at least update Depot to this magnitude right it would probably have to be something completely new so I am
38:51 glad that that it's getting done it's turning out really really well um I never thought I'd be building a file
38:57 browser from scratch um you know there were a lot of you know open source file browser things out there but they were
39:04 all they were all so heavy and complex and um I didn't want that right um I I
39:13 wanted just what we needed and so I built all of this 100% from scratch so
39:19 I'm pretty happy with it I'm not done yet um but yeah it's uh it's turning out really really well and uh pretty happy
39:25 with that so cool guys I uh going to call it quits we get 18 minutes back of your time okay and so
39:34 hope you have a great rest of your week happy holidays if I don't see you um
39:39 until then uh we will have a hangout this Friday as well so hopefully we'll
39:44 see some of you at the hangout this Friday and maybe I'll have some more Depot working who knows okay guys so
39:50 take care have a wonderful rest of your week go out there and make your websites great bye