Modals - Revision history

Thai: /* HTML */

2020-11-16T23:33:31Z

HTML

← Older revision		Revision as of 23:33, 16 November 2020
Line 51:		Line 51:

	<pre>		<pre>
	<p><a href="/wiki/Launch_modal" id="n-Launch-modal" class="btn btn-~~default~~ modal-toggle" data-target="#myModal" data-toggle="modal">Launch modal</a>		<p><a href="/wiki/Launch_modal" id="n-Launch-modal" class="btn btn-secondary modal-toggle" data-target="#myModal" data-toggle="modal">Launch modal</a>
	</p>		</p>
	<div class="modal fade" id="myModal">		<div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel" style="display: none;" aria-hidden="true">
	<div class="modal-dialog">		<div class="modal-dialog" role="document">
	<div class="modal-content">		<div class="modal-content">
	<div class="modal-header">		<div class="modal-header">
	<~~div~~ class="~~dropdown"><a href="INVALID~~-~~TITLE:<span aria-hidden="true">&times;</span>~~" id="~~n-.3Cspan-aria-hidden.3D.22true.22.3E.C3.97.3C.2Fspan.3E~~" class="~~close~~" ~~data-dismiss~~="~~modal~~">~~<span>×~~</span></~~a></div~~>		<h5 class="modal-title" id="myModalLabel"><span class="mw-headline" id="Modal_title">Modal title</span></h5>
	<h4 class="~~modal-title~~"><span class="mw-~~headline" id~~="~~Modal_title~~"></span>~~Modal title~~</h4>		<div class="dropdown"><span class="close" data-dismiss="modal"><span>×</span></span></div>
	</div>		</div>
	<div class="modal-body">Modal body</div>		<div class="modal-body">Modal body</div>
	<div class="modal-footer">		<div class="modal-footer">
	<div class="btn-group"><a href="/wiki/Close" id="n-Close" class="btn btn-~~default~~" data-dismiss="modal">Close</a></div>		<div class="btn-group mr-2"><a href="/wiki/Close" id="n-Close" class="btn btn-secondary" data-dismiss="modal">Close</a></div>
	<div class="btn-group"><a href="/wiki/Modal_Action" id="n-Modal-Action" class="btn btn-primary">Modal Action</a></div>		<div class="btn-group mr-2"><a href="/wiki/Modal_Action" id="n-Modal-Action" class="btn btn-primary">Modal Action</a></div>
	</div>		</div>
	</div>		</div>
Line 72:		Line 72:
	</div>		</div>
	<div class="tab-pane fade" id="bs3" role="tabpanel" aria-labelledby="bs3-tab">		<div class="tab-pane fade" id="bs3" role="tabpanel" aria-labelledby="bs3-tab">

	=== Modals for Bootstrap 3 ===		=== Modals for Bootstrap 3 ===

Thai: /* Markup */

2020-11-16T23:30:39Z

Markup

@@ Line 8: / Line 8: @@
 ==== Markup ====
- <nowiki><btn data-toggle="modal" data-target="#myModal">Launch modal</btn></nowiki>
+<pre>
 <btn data-toggle="modal" data-target="#myModal">Launch modal</btn>
 ====Result====

Thai: /* Result */

2020-11-16T23:30:02Z

Result

← Older revision		Revision as of 23:30, 16 November 2020
Line 32:		Line 32:
	====Result====		====Result====

	<btn data-toggle="modal" data-target="#myModal~~" type="button~~">Launch modal</btn>		<btn data-toggle="modal" data-target="#myModal">Launch modal</btn>

	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
Line 39:		Line 39:
	<div class="modal-header">		<div class="modal-header">
	<h5 class="modal-title" id="myModalLabel">Modal title</h5>		<h5 class="modal-title" id="myModalLabel">Modal title</h5>
	<btn ~~type="button"~~ class="close" data-dismiss="modal" aria-label="Close">\|<span aria-hidden="true">×</span></btn>		<btn class="close" data-dismiss="modal" aria-label="Close">\|<span aria-hidden="true">×</span></btn>
	</div>		</div>
	<div class="modal-body">Modal body</div>		<div class="modal-body">Modal body</div>
	<div class="modal-footer">		<div class="modal-footer">
	<btn class="btn btn-secondary" data-dismiss="modal~~" type="button~~">Close</btn>		<btn class="btn btn-secondary" data-dismiss="modal">Close</btn>
	<btn class="btn btn-primary~~" type="button~~">Modal Action</btn>		<btn class="btn btn-primary">Modal Action</btn>
	</div>		</div>
	</div>		</div>

Thai: /* Result */

2020-11-16T23:28:58Z

Result

← Older revision		Revision as of 23:28, 16 November 2020
Line 32:		Line 32:
	====Result====		====Result====

	<btn data-toggle="modal" data-target="#myModal">Launch modal</btn>		<btn data-toggle="modal" data-target="#myModal" type="button">Launch modal</btn>

	<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
	<div class="modal-dialog">		<div class="modal-dialog" role="document">
	<div class="modal-content">		<div class="modal-content">
	<div class="modal-header">		<div class="modal-header">
			<h5 class="modal-title" id="myModalLabel">Modal title</h5>
	<btn type="button" class="close" data-dismiss="modal" aria-label="Close">\|<span aria-hidden="true">×</span></btn>		<btn type="button" class="close" data-dismiss="modal" aria-label="Close">\|<span aria-hidden="true">×</span></btn>
	~~<h4 class="modal-title">Modal title</h4>~~
	</div>		</div>
	<div class="modal-body">Modal body</div>		<div class="modal-body">Modal body</div>
	<div class="modal-footer">		<div class="modal-footer">
	<btn data-dismiss="modal">Close</btn>		<btn class="btn btn-secondary" data-dismiss="modal" type="button">Close</btn>
	<btn class="btn btn-primary">Modal Action</btn>		<btn class="btn btn-primary" type="button">Modal Action</btn>
	</div>		</div>
	</div>		</div>
	</div>		</div>
	</div>		</div>



	====HTML====		====HTML====

Thai at 23:25, 16 November 2020

2020-11-16T23:25:11Z

← Older revision		Revision as of 23:25, 16 November 2020
Line 4:		Line 4:
	<div class="tab-content" id="versionContent">		<div class="tab-content" id="versionContent">
	<div class="tab-pane fade show active" id="bs4" role="tabpanel" aria-labelledby="bs4-tab">		<div class="tab-pane fade show active" id="bs4" role="tabpanel" aria-labelledby="bs4-tab">
	==== Markup====		=== Modals for Bootstrap 4 ===

			==== Markup ====

	<nowiki><btn data-toggle="modal" data-target="#myModal">Launch modal</btn></nowiki>		<nowiki><btn data-toggle="modal" data-target="#myModal">Launch modal</btn></nowiki>
Line 74:		Line 76:
	</div>		</div>
	<div class="tab-pane fade" id="bs3" role="tabpanel" aria-labelledby="bs3-tab">		<div class="tab-pane fade" id="bs3" role="tabpanel" aria-labelledby="bs3-tab">
			=== Modals for Bootstrap 3 ===

	==== Markup====		==== Markup====

Thai at 23:24, 16 November 2020

2020-11-16T23:24:31Z

← Older revision		Revision as of 23:24, 16 November 2020
Line 1:		Line 1:
	[[Category:Components]]__TOC__		[[Category:Components]]__TOC__
	{{~~version~~}}		{{versions}}

	<div class="tab-content" id="versionContent">		<div class="tab-content" id="versionContent">

Thai at 23:24, 16 November 2020

2020-11-16T23:24:22Z

@@ Line 1: / Line 1: @@
 [[Category:Components]]__TOC__
 ==== Markup====
@@ Line 68: / Line 71: @@
 </div>
 </pre>

Thai at 18:44, 5 September 2016

2016-09-05T18:44:49Z

← Older revision		Revision as of 18:44, 5 September 2016
Line 33:		Line 33:
	<div class="modal-content">		<div class="modal-content">
	<div class="modal-header">		<div class="modal-header">
	<btn type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">×</span></btn>		<btn type="button" class="close" data-dismiss="modal" aria-label="Close">\|<span aria-hidden="true">×</span></btn>
	<h4 class="modal-title">Modal title</h4>		<h4 class="modal-title">Modal title</h4>
	</div>		</div>

Thai at 18:44, 5 September 2016

2016-09-05T18:44:16Z

← Older revision		Revision as of 18:44, 5 September 2016
Line 22:		Line 22:
	<nowiki></div></nowiki>		<nowiki></div></nowiki>
	<nowiki></div></nowiki>		<nowiki></div></nowiki>



	====Result====		====Result====
Line 42:		Line 44:
	</div>		</div>
	</div>		</div>



	====HTML====		====HTML====

Thai at 18:42, 5 September 2016

2016-09-05T18:42:53Z

@@ Line 44: / Line 44: @@
 ====HTML====
 <pre>
 </pre>