Skip to content

Commit bb9d90f

Browse files
author
Fran
committed
modal over modal
1 parent 29b0701 commit bb9d90f

File tree

1 file changed

+28
-0
lines changed

1 file changed

+28
-0
lines changed

README.md

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -143,6 +143,34 @@ You can group a modal with the same ID, to display different content loaded dyna
143143
</div>
144144
</div>
145145
</div>
146+
```
147+
148+
### Modal over modal
146149

150+
You can open a modal inside another modal. The container can be of any kind, but the one that is opened must be: modal-dynamic
147151

152+
```html
153+
<!-- First modal -->
154+
<button
155+
type="button"
156+
class="btn btn-primary"
157+
data-bs-toggle="modal"
158+
data-bs-target="#exampleModal2"
159+
>
160+
Modal over modal
161+
</button>
162+
163+
<!-- Within the first modal -->
164+
<a type="button"
165+
class="btn btn-primary modal-dynamic"
166+
href="#modal-over-over"
167+
data-title="Modal over modal"
168+
data-url="#modal-content-over"
169+
data-width="400"
170+
data-class="fade"
171+
data-template="#template1"
172+
data-keyboard="true"
173+
data-backdrop="">
174+
Open modal
175+
</a>
148176
```

0 commit comments

Comments
 (0)