Thank you! This was exactly the overview I needed. Quick note: entering {{ loop.first ?: ' collapsed' }} in twig is the same as {{ loop.first ? loop.first : ' collapsed' }}, which means that if loop.first is true, then a "1" is output (and if false, then the expected "collapsed"). If you want to use this pattern, then it should be something like {{ loop.first ? '' : ' collapsed' }}.
Great video! A couple things need fixing on your blog post for this tutorial. At Template: paragraph-accordion.html.twig the code for it is missing the top line of code: {% block paragraph %} You say to name the file paragraph--accordion-item.html.twig, but when I named it that the accordion didn't work. After changing the file name to paragraph--accordion.html.twig it worked, and it's what you have in your Github repo. At the end of the tutorial you said you couldn't install Radix Layouts. Two new development versions were released on 3 Oct 2023. I just successfully installed Radix Layout 8x-5.0 using Composer with no issues. So you might want to make a new tutorial video on it. Thanks so much for making this video.
Great video! Can you do a tutorial on styling a Drupal Commerce project? Maybe starting with Commerce Kickstart. There is so little quality content out there. Tnx
Hi Ivan, as always - great tutorial. I've just set up a new site from scratch, this installs Drupal 10.2 and the latest radix 6 beta. Things have changed SIGNIFICANTLY there and I just can't get the Carousel (etc.) to work at all, it doesn't trigger the block hierarchy properly. Any plans for an updated tutorial based on Radix 6 anytime soon ? ;-)
Interesting, when I recorded this video, none of the 6.x betas were out. I'll need to see what's changed. Hopefully, they'll get an RC version out. Thanks for the heads up.
Great, thanks 🙂 I first thought well, take a step back and use 5 for now, but then the Radix project page states; "Which version? For Bootstrap 5, you can go cutting-edge and start with 6.x or start stable and go with 5.x (don't!)" so I, as a newbie to Drupal site-building and programming, will try to take on the challenge, but you'll definitely be faster than I can ever be ;-) I guess that sentence in the Radix documentation is the core of it "With Radix 6.x and Drupal ^10.1, we now support the core SDC and don't require the great components module anymore."
Hi Ivan, what would be great, for those not working in web develp, is a Bit about how you determine the load time, which twig template. In your radix webinar, you looked at the load times, and files being loaded. This is an area of interest. Just a suggestion.
sir i need a session with you we are working on a project but facing alot of issues can we have a session on any video sharing platform where u could help us please
24:12 I don't know why, but anything I modify in this scss library doesn't have almost any effect on the appearance. I also tried to implement some bootstrap carousel variables but without change.
@@WebWash It is there, exactly as you showed @import "bootswatch"; and the colour of the notification bar changed exactly as in your video and the font was slightly different. But it fully ignores all the _variables.scss, I can change any variable there or use a different theme from bootswatch but nothing changes even if the _variables.scss file is linked and I flush all caches. The only thing that works for me is to download the bottstrap.css of any template on bootswatch and replace the build/css/main.style.css with it in the libraries.yml and then make changes direct in the css file. I could for example modify the carousel indicators (size, color) and other things. I don't know if this is the correct way, however it seems that my scss variables don't override the default ones. I appreciate your work and chose this tutorial because it is up-to-date. Everything in your video worked well. Even though I'm just a hobby programmer with no experience in Bootstrap, Twig, or Drupal, I feel that your video has helped me understand the structure of themes and how to implement Bootstrap features in Drupal. I could customize my own website as I needed. Looking forward to watching your upcoming courses and building some more cool stuff on my website.
thank you very much for this video, I have a little problem, when I execute the command: drush --include="web/themes/contrib/radix" radix:create SUBTHEME_NAME, I have this error: There are no commands defined in the "radix" namespace. Can you help me please
Can I ask you a question? But was drupal created to facilitate people's work or to create work for people? But above all for those who are aimed at normal users or expert users? Because I don't think an entrepreneur will ever have time to learn all the secrets of Drupal, I find it quite ridiculous. So I'm really puzzled about this CMS 🤔. I still haven't fully understood what his great qualities are. Could you make a video about this? It would be interesting
> But was drupal created to facilitate people's work or to create work for people? Drupal was developed to be flexible with flexibility comes complexity. > But above all for those who are aimed at normal users or expert users? Are you referring to site builders or users? > Because I don't think an entrepreneur will ever have time to learn all the secrets of Drupal, An entrepreneur should use the right tool for the right job. If WordPress does the job then use it. > I find it quite ridiculous Which part? > So I'm really puzzled about this CMS 🤔. I still haven't fully understood what his great qualities are. This is a philosophical question, you don't know what you don't know. 😄
It would be better if you start by explaining what your tools stack looks like for people new to drupal and bootstrap. Apart from node and npm I have no other tools installed before I started watching this video which makes hard to follow what you are doing.
@solarwinds690, thanks for your comment and feedback. This video is geared towards intermediate users familiar with the tools and Bootstrap. Including a basic primer in every video is challenging, as it could detract from the advanced content and time constraints. I'd spend 10-20 minutes doing the basics in each video. However, I understand where you're coming from, and I'll consider creating a separate tutorial that covers the basic tool stack required for Drupal and Bootstrap. If you're learning new tech but find the content too advanced, figure out what you need to learn and look for another video. Then come back to this one when you're ready. It's just part of the learning process. :)
@@WebWash i understand, i spent 30min searching through other videos for where to start from and i was expecting the presenter of this video to spend 30 sec explaining the tool stack. you just dont think the same coz you are an advanced user and i am a beginner. At least address the audience at the beginning so we dont waste time. At this point i say good bye to drupal. Wishing you all the best.
@rade95, I truly regret if my free content didn't fully align with your needs as a beginner. My videos are designed to cater to various users, from those just starting out to more experienced individuals. It's challenging to create content that perfectly fits everyone's skill level. Since Drupal is an open-source platform, you might consider creating and sharing a video once you've identified the necessary tools through your research. This approach is actually how I generate ideas for my video topics. If I need to learn something, it's likely that someone else could benefit from that knowledge as well. I wish you all the best in your future endeavors.
Technically the slide is added around the 1 hour mark. This video is about teaching people how to 1, use Radix and 2 set up Bootstrap components. It's not about how fast you can build a site. > Sorry but with a framework is more fast to do all. Use any of the 100s of frameworks you want.
in Radix 6 , to change the Nav Color , Add a Compontent page-navigation {% embed 'yoursubtheme:navbar' with { container: 'fixed', navbar_theme: 'dark', navbar_utility_classes: [ 'justify-content-between bg-primary', ], } %} don't forget to change your templates/page/page.html.twig to your subtheme
Here's a blog post about this video with notes: www.webwash.net/getting-started-with-radix-bootstrap-in-drupal/
Thanks for covering Radix Ivan, great work as always
Thank you! This was exactly the overview I needed.
Quick note: entering {{ loop.first ?: ' collapsed' }} in twig is the same as {{ loop.first ? loop.first : ' collapsed' }}, which means that if loop.first is true, then a "1" is output (and if false, then the expected "collapsed"). If you want to use this pattern, then it should be something like {{ loop.first ? '' : ' collapsed' }}.
Great work Ivan!
Thanks
Great post! For me it cleared up a lot about the whole twig system in Drupal
Glad to help.
Really great video/tutorial. Keep up the good work!
Well done! Thank you for your thorough, insightful explanations!
Ivan, thank you for sharing such wonderful knowledge. Rest assured you helped many people, thank you very much!
Thanks.
Great video! A couple things need fixing on your blog post for this tutorial. At Template: paragraph-accordion.html.twig the code for it is missing the top line of code: {% block paragraph %}
You say to name the file paragraph--accordion-item.html.twig, but when I named it that the accordion didn't work. After changing the file name to paragraph--accordion.html.twig it worked, and it's what you have in your Github repo.
At the end of the tutorial you said you couldn't install Radix Layouts. Two new development versions were released on 3 Oct 2023. I just successfully installed Radix Layout 8x-5.0 using Composer with no issues. So you might want to make a new tutorial video on it.
Thanks so much for making this video.
Awesome video. Thanks!!
Great video! Can you do a tutorial on styling a Drupal Commerce project? Maybe starting with Commerce Kickstart. There is so little quality content out there. Tnx
you rock man! thank you
Thanks.
It would be good to see a follow up for version 6, going in to the differences with Single Directory Components now in core.
Yes, I'm aware of version 6.x.
Just need to find the time to do it. :)
@@WebWash Thank you for a great video. I am looking forward to your Radix 6 tutorial😀
Hi Ivan, as always - great tutorial.
I've just set up a new site from scratch, this installs Drupal 10.2 and the latest radix 6 beta. Things have changed SIGNIFICANTLY there and I just can't get the Carousel (etc.) to work at all, it doesn't trigger the block hierarchy properly.
Any plans for an updated tutorial based on Radix 6 anytime soon ? ;-)
Interesting, when I recorded this video, none of the 6.x betas were out.
I'll need to see what's changed.
Hopefully, they'll get an RC version out.
Thanks for the heads up.
Great, thanks 🙂
I first thought well, take a step back and use 5 for now, but then the Radix project page states;
"Which version? For Bootstrap 5, you can go cutting-edge and start with 6.x or start stable and go with 5.x (don't!)"
so I, as a newbie to Drupal site-building and programming, will try to take on the challenge, but you'll definitely be faster than I can ever be ;-)
I guess that sentence in the Radix documentation is the core of it "With Radix 6.x and Drupal ^10.1, we now support the core SDC and don't require the great components module anymore."
Hi Ivan, what would be great, for those not working in web develp, is a Bit about how you determine the load time, which twig template. In your radix webinar, you looked at the load times, and files being loaded. This is an area of interest. Just a suggestion.
Thanks Ivan, it was enjoyable to watch.
Hi Ivan any chance you could do an employee website?
With a phone directory. Carlo
Nice tutorial. But I had one more question.
Where do I put the nvm files?
Which is included with the Radix description.
It's compiled into build/css/main.style.css and build/js/main.script.js
It's all configured in webpack.mix.js.
sir i need a session with you we are working on a project but facing alot of issues can we have a session on any video sharing platform where u could help us please
24:12 I don't know why, but anything I modify in this scss library doesn't have almost any effect on the appearance. I also tried to implement some bootstrap carousel variables but without change.
Make sure you add the bootswatch file into main.style.scss
@@WebWash It is there, exactly as you showed @import "bootswatch"; and the colour of the notification bar changed exactly as in your video and the font was slightly different. But it fully ignores all the _variables.scss, I can change any variable there or use a different theme from bootswatch but nothing changes even if the _variables.scss file is linked and I flush all caches.
The only thing that works for me is to download the bottstrap.css of any template on bootswatch and replace the build/css/main.style.css with it in the libraries.yml and then make changes direct in the css file. I could for example modify the carousel indicators (size, color) and other things. I don't know if this is the correct way, however it seems that my scss variables don't override the default ones.
I appreciate your work and chose this tutorial because it is up-to-date. Everything in your video worked well. Even though I'm just a hobby programmer with no experience in Bootstrap, Twig, or Drupal, I feel that your video has helped me understand the structure of themes and how to implement Bootstrap features in Drupal. I could customize my own website as I needed. Looking forward to watching your upcoming courses and building some more cool stuff on my website.
thank you very much for this video, I have a little problem, when I execute the command: drush --include="web/themes/contrib/radix" radix:create SUBTHEME_NAME, I have this error: There are no commands defined in the "radix" namespace. Can you help me please
Ensure the Radix base theme is activated, before running the command, and that "web/themes/contrib/radix" is the correct path.
Hello. When i enter npm run watch i see only > watch
> mix watch ant nothing happens
Can I ask you a question? But was drupal created to facilitate people's work or to create work for people? But above all for those who are aimed at normal users or expert users? Because I don't think an entrepreneur will ever have time to learn all the secrets of Drupal, I find it quite ridiculous. So I'm really puzzled about this CMS 🤔. I still haven't fully understood what his great qualities are. Could you make a video about this? It would be interesting
> But was drupal created to facilitate people's work or to create work for people?
Drupal was developed to be flexible with flexibility comes complexity.
> But above all for those who are aimed at normal users or expert users?
Are you referring to site builders or users?
> Because I don't think an entrepreneur will ever have time to learn all the secrets of Drupal,
An entrepreneur should use the right tool for the right job. If WordPress does the job then use it.
> I find it quite ridiculous
Which part?
> So I'm really puzzled about this CMS 🤔. I still haven't fully understood what his great qualities are.
This is a philosophical question, you don't know what you don't know. 😄
Is there a way to make for drupal 11 and radix 6.x?
Just use 6.0.0-rc5, it's compatible with Drupal 11
I personally haven't tested it out but I'd start there.
It would be better if you start by explaining what your tools stack looks like for people new to drupal and bootstrap. Apart from node and npm I have no other tools installed before I started watching this video which makes hard to follow what you are doing.
@solarwinds690, thanks for your comment and feedback.
This video is geared towards intermediate users familiar with the tools and Bootstrap. Including a basic primer in every video is challenging, as it could detract from the advanced content and time constraints. I'd spend 10-20 minutes doing the basics in each video.
However, I understand where you're coming from, and I'll consider creating a separate tutorial that covers the basic tool stack required for Drupal and Bootstrap.
If you're learning new tech but find the content too advanced, figure out what you need to learn and look for another video. Then come back to this one when you're ready. It's just part of the learning process. :)
@@WebWash i understand, i spent 30min searching through other videos for where to start from and i was expecting the presenter of this video to spend 30 sec explaining the tool stack. you just dont think the same coz you are an advanced user and i am a beginner. At least address the audience at the beginning so we dont waste time. At this point i say good bye to drupal. Wishing you all the best.
@rade95, I truly regret if my free content didn't fully align with your needs as a beginner. My videos are designed to cater to various users, from those just starting out to more experienced individuals.
It's challenging to create content that perfectly fits everyone's skill level.
Since Drupal is an open-source platform, you might consider creating and sharing a video once you've identified the necessary tools through your research. This approach is actually how I generate ideas for my video topics.
If I need to learn something, it's likely that someone else could benefit from that knowledge as well.
I wish you all the best in your future endeavors.
3 hours to put one slide?? 😭now i understand why nothing use drupal .Sorry but with a framework is more fast to do all. In my opinion
Technically the slide is added around the 1 hour mark.
This video is about teaching people how to 1, use Radix and 2 set up Bootstrap components. It's not about how fast you can build a site.
> Sorry but with a framework is more fast to do all.
Use any of the 100s of frameworks you want.
@@WebWash thanks obiously!
@@WebWash good video compliments!
in Radix 6 , to change the Nav Color , Add a Compontent page-navigation
{%
embed 'yoursubtheme:navbar' with {
container: 'fixed',
navbar_theme: 'dark',
navbar_utility_classes: [
'justify-content-between bg-primary',
],
}
%}
don't forget to change your templates/page/page.html.twig to your subtheme