[ANN] Bootstrap 5 for Seaside in Pharo
Hi, after some of you are using https://github.com/astares/Seaside-Bootstrap4 I wanted to let you know that I just published the new / updated project to support for Bootstrap 5 web development (https://getbootstrap.com) in Seaside using Pharo. Project location is on GitHub: https://github.com/astares/Seaside-Bootstrap5 It might not be fully complete by 100% with all new possibilities of BS5 - but it is usable and tests are green in Pharo 8 and Pharo 9. Examples are included, just follow the instructions on the Github page. Feel free to send contributions via PR's. Have fun! T.
Hi Torsten, Great, thanks for doing the Bootstrap series, it has been very useful for me/us, we use it in several production web apps. We're still on 3 though ;-) Sven
On 30 Jul 2021, at 09:24, Torsten Bergmann <astares@gmx.de> wrote:
Hi,
after some of you are using https://github.com/astares/Seaside-Bootstrap4 I wanted to let you know that I just published the new / updated project to support for Bootstrap 5 web development (https://getbootstrap.com) in Seaside using Pharo.
Project location is on GitHub:
https://github.com/astares/Seaside-Bootstrap5
It might not be fully complete by 100% with all new possibilities of BS5 - but it is usable and tests are green in Pharo 8 and Pharo 9. Examples are included, just follow the instructions on the Github page.
Feel free to send contributions via PR's.
Have fun! T.
Hi Torsen some of the examples seem to be not working, probably same for BS4, BS3 for instance - Collapse - dropdowns Does Javascript have to be also loaded, I tried to add "aRoot javascript url: ' https://code.jquery.com/jquery-3.6.0.min.js <https://code.jquery.com/jquery-3.6.0.min.js%E2%80%99>'. per your other post but still couldn't get it to work. How can I make it work ? thanks Sanjay On Fri, 30 Jul 2021 at 17:53, Sven Van Caekenberghe <sven@stfx.eu> wrote: > Hi Torsten, > > Great, thanks for doing the Bootstrap series, it has been very useful for > me/us, we use it in several production web apps. We're still on 3 though ;-) > > Sven > > > On 30 Jul 2021, at 09:24, Torsten Bergmann <astares@gmx.de> wrote: > > > > Hi, > > > > after some of you are using > https://github.com/astares/Seaside-Bootstrap4 > > I wanted to let you know that I just published the new / updated project > to > > support for Bootstrap 5 web development (https://getbootstrap.com) in > Seaside > > using Pharo. > > > > Project location is on GitHub: > > > > https://github.com/astares/Seaside-Bootstrap5 > > > > It might not be fully complete by 100% with all new possibilities of BS5 > - but > > it is usable and tests are green in Pharo 8 and Pharo 9. Examples are > included, > > just follow the instructions on the Github page. > > > > Feel free to send contributions via PR's. > > > > Have fun! > > T. >
Hi Sanjay, Have you looked at the differences between BS4 and BS5? Among the main differences are: - removes jQuery as a dependency and uses vanilla JS instead. - replaces default looking form elements by styled ones If you're starting from scratch it might be worth trying it, and maybe fix whatever glitch there is, otherwise BS4 is pretty stable and suits most needs. Regards! Esteban A. Maringolo On Fri, Jul 30, 2021 at 10:17 AM Sanjay Minni <sm@planage.com> wrote:
Hi Torsen
some of the examples seem to be not working, probably same for BS4, BS3 for instance - Collapse - dropdowns
Does Javascript have to be also loaded, I tried to add "aRoot javascript url: 'https://code.jquery.com/jquery-3.6.0.min.js'. per your other post but still couldn't get it to work. How can I make it work ?
thanks Sanjay
On Fri, 30 Jul 2021 at 17:53, Sven Van Caekenberghe <sven@stfx.eu> wrote:
Hi Torsten,
Great, thanks for doing the Bootstrap series, it has been very useful for me/us, we use it in several production web apps. We're still on 3 though ;-)
Sven
On 30 Jul 2021, at 09:24, Torsten Bergmann <astares@gmx.de> wrote:
Hi,
after some of you are using https://github.com/astares/Seaside-Bootstrap4 I wanted to let you know that I just published the new / updated project to support for Bootstrap 5 web development (https://getbootstrap.com) in Seaside using Pharo.
Project location is on GitHub:
https://github.com/astares/Seaside-Bootstrap5
It might not be fully complete by 100% with all new possibilities of BS5 - but it is usable and tests are green in Pharo 8 and Pharo 9. Examples are included, just follow the instructions on the Github page.
Feel free to send contributions via PR's.
Have fun! T.
Thanks Esteban I was looking at BS5 and am starting from scratch ... nearly I am trying to understand why the examples like "Collapse" "Dropdown" are not working or how can i get them to work. then I can try building further with warm regards Sanjay Minni +91-9900-902902 On Fri, 30 Jul 2021 at 19:02, Esteban Maringolo <emaringolo@gmail.com> wrote:
Hi Sanjay,
Have you looked at the differences between BS4 and BS5?
Among the main differences are: - removes jQuery as a dependency and uses vanilla JS instead. - replaces default looking form elements by styled ones
If you're starting from scratch it might be worth trying it, and maybe fix whatever glitch there is, otherwise BS4 is pretty stable and suits most needs.
Regards!
Esteban A. Maringolo
On Fri, Jul 30, 2021 at 10:17 AM Sanjay Minni <sm@planage.com> wrote:
Hi Torsen
some of the examples seem to be not working, probably same for BS4, BS3 for instance - Collapse - dropdowns
Does Javascript have to be also loaded, I tried to add "aRoot javascript url: '
https://code.jquery.com/jquery-3.6.0.min.js'. per your other post but still couldn't get it to work.
How can I make it work ?
thanks Sanjay
On Fri, 30 Jul 2021 at 17:53, Sven Van Caekenberghe <sven@stfx.eu> wrote:
Hi Torsten,
Great, thanks for doing the Bootstrap series, it has been very useful
for me/us, we use it in several production web apps. We're still on 3 though ;-)
Sven
On 30 Jul 2021, at 09:24, Torsten Bergmann <astares@gmx.de> wrote:
Hi,
after some of you are using
https://github.com/astares/Seaside-Bootstrap4
I wanted to let you know that I just published the new / updated project to support for Bootstrap 5 web development (https://getbootstrap.com) in Seaside using Pharo.
Project location is on GitHub:
https://github.com/astares/Seaside-Bootstrap5
It might not be fully complete by 100% with all new possibilities of BS5 - but it is usable and tests are green in Pharo 8 and Pharo 9. Examples are included, just follow the instructions on the Github page.
Feel free to send contributions via PR's.
Have fun! T.
Hi Torsten, Sven, Esteban as some of the examples are not working for me like "collapse" "dropdown" I came across this in the https://getbootstrap.com/docs/5.0/getting-started/introduction/ Ques: Is the script indicated below required and there else how to add it in the SBSExample ? "Many of our components require the use of JavaScript to function. Specifically, they require our own JavaScript plugins and Popper. Place one of the following <script>s near the end of your pages, right before the closing </body> tag, to enable them. ... Components requiring JavaScript - Alerts for dismissing - Buttons for toggling states and checkbox/radio functionality - Carousel for all slide behaviors, controls, and indicators - Collapse for toggling visibility of content - Dropdowns for displaying and positioning (also requires Popper) - Modals for displaying, positioning, and scroll behavior - Navbar for extending our Collapse plugin to implement responsive behavior - Toasts for displaying and dismissing - Tooltips and popovers for displaying and positioning (also requires Popper) - Scrollspy for scroll behavior and navigation updates ... <script src=" https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script> " Regards Sanjay On Fri, 30 Jul 2021 at 19:08, Sanjay Minni <sm@planage.com> wrote:
Thanks Esteban
I was looking at BS5 and am starting from scratch ... nearly I am trying to understand why the examples like "Collapse" "Dropdown" are not working or how can i get them to work. then I can try building further
with warm regards Sanjay Minni +91-9900-902902
On Fri, 30 Jul 2021 at 19:02, Esteban Maringolo <emaringolo@gmail.com> wrote:
Hi Sanjay,
Have you looked at the differences between BS4 and BS5?
Among the main differences are: - removes jQuery as a dependency and uses vanilla JS instead. - replaces default looking form elements by styled ones
If you're starting from scratch it might be worth trying it, and maybe fix whatever glitch there is, otherwise BS4 is pretty stable and suits most needs.
Regards!
Esteban A. Maringolo
On Fri, Jul 30, 2021 at 10:17 AM Sanjay Minni <sm@planage.com> wrote:
Hi Torsen
some of the examples seem to be not working, probably same for BS4, BS3 for instance - Collapse - dropdowns
Does Javascript have to be also loaded, I tried to add "aRoot javascript url: '
https://code.jquery.com/jquery-3.6.0.min.js'. per your other post but still couldn't get it to work.
How can I make it work ?
thanks Sanjay
On Fri, 30 Jul 2021 at 17:53, Sven Van Caekenberghe <sven@stfx.eu> wrote:
Hi Torsten,
Great, thanks for doing the Bootstrap series, it has been very useful
for me/us, we use it in several production web apps. We're still on 3 though ;-)
Sven
On 30 Jul 2021, at 09:24, Torsten Bergmann <astares@gmx.de> wrote:
Hi,
after some of you are using
https://github.com/astares/Seaside-Bootstrap4
I wanted to let you know that I just published the new / updated project to support for Bootstrap 5 web development (https://getbootstrap.com) in Seaside using Pharo.
Project location is on GitHub:
https://github.com/astares/Seaside-Bootstrap5
It might not be fully complete by 100% with all new possibilities of BS5 - but it is usable and tests are green in Pharo 8 and Pharo 9. Examples are included, just follow the instructions on the Github page.
Feel free to send contributions via PR's.
Have fun! T.
Thanks, Checked it out. Dropdown and Navbar dropdown are working, but carousel, collapse and modal are not working. also, i don't know if it is relevant - on the bs5 doc homepage (at https://getbootstrap.com/docs/5.0/getting-started/introduction/) : 1. it says css file https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css must be loaded before other stylesheets, but i couldn't see it loaded. 2. The javascript file https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js is required before closing </body> tag, but i see it loaded twice, in the header and near the end of the page (I attempted the above but not having skills at tool development level i get held up at every little thing) in the examples - Alerts - the link in the link colour example points to BS-4 doc, you may want to change that to BS-5 :) with warm regards Sanjay Minni On Sat, 31 Jul 2021 at 00:49, Torsten Bergmann <astares@gmx.de> wrote:
Hi Sanjay,
you wrote:
as some of the examples are not working for me like "collapse" "dropdown"
This was already fixed - I forgot to push to GH. Load latest version from master.
Have fun T. (aka "astares")
Yeap, I like how they're built, and it has a good use case for Traits! I'm using both BS3 and BS4, the latter has more support for CSS Flex layout (which I still don't master). Thanks for this! I'll have to catch up and update my related extensions [1]. Best regards! [1] https://github.com/eMaringolo/seaside-bootstrap-select https://github.com/eMaringolo/seaside-bootstrap4-icons Esteban A. Maringolo On Fri, Jul 30, 2021 at 9:24 AM Sven Van Caekenberghe <sven@stfx.eu> wrote:
Hi Torsten,
Great, thanks for doing the Bootstrap series, it has been very useful for me/us, we use it in several production web apps. We're still on 3 though ;-)
Sven
On 30 Jul 2021, at 09:24, Torsten Bergmann <astares@gmx.de> wrote:
Hi,
after some of you are using https://github.com/astares/Seaside-Bootstrap4 I wanted to let you know that I just published the new / updated project to support for Bootstrap 5 web development (https://getbootstrap.com) in Seaside using Pharo.
Project location is on GitHub:
https://github.com/astares/Seaside-Bootstrap5
It might not be fully complete by 100% with all new possibilities of BS5 - but it is usable and tests are green in Pharo 8 and Pharo 9. Examples are included, just follow the instructions on the Github page.
Feel free to send contributions via PR's.
Have fun! T.
participants (4)
-
Esteban Maringolo -
Sanjay Minni -
Sven Van Caekenberghe -
Torsten Bergmann