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