[4.0] BS beta 3

[dgrammatiko]

Pull Request for Issue # .

Summary of Changes

Beta 3

Testing Instructions

Open the cassiopeia/index.php and add

• After line

  joomla-cms/templates/cassiopeia/index.php

  Line 97 in 621e20c

  $stickyHeader = $this->params->get('stickyHeader') ? 'position-sticky sticky-top' : '';

HTMLHelper::_('bootstrap.offcanvas');

• after line

  joomla-cms/templates/cassiopeia/index.php

  Line 174 in 621e20c

  <div class="grid-child container-component">

<button class="btn btn-primary" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
  <b>OFF-CANVAS-TEST</b>
</button>

<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel">
  <div class="offcanvas-header">
    <h5 class="offcanvas-title" id="offcanvasExampleLabel">Offcanvas</h5>
    <button type="button" class="btn-close text-reset" data-bs-dismiss="offcanvas" aria-label="Close"></button>
  </div>
  <div class="offcanvas-body">
    <div>
      Some text as placeholder. In real life you can have the elements you have chosen. Like, text, images, lists, etc.
    </div>
  </div>
</div>

You should have an off canvas like:

Actual result BEFORE applying this Pull Request

Expected result AFTER applying this Pull Request

Documentation Changes Required

I wrote some documentation on using Bootstrap (the interactive parts) here: https://gist.github.com/dgrammatiko/efb3de4aa7cab4813a244f93f73cc0fd

If someone could move this to the Joomla docs I would appreciate it

[brianteeman]

I have tested this item ✅ successfully on 51fb55e

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32827.}

[Quy]

I have tested this item ✅ successfully on 51fb55e

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32827.}

[Quy]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32827.}

[dgrammatiko]

@Quy please remove RTC. There is a new component in Bootstrap.
Will send the code in a bit

[dgrammatiko]

Ok support for off-canvas added

[laoneo]

Guess we need here some more tests.

[Quy]

I have tested this item ✅ successfully on b179bd6

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32827.}

[WebAtelier47]

I have tested this item ✅ successfully on b179bd6

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32827.}

[alikon]

RTC

---

_{This comment was created with the J!Tracker Application at issues.joomla.org/tracker/joomla-cms/32827.}