User:WikiAdmin/sandbox: Difference between revisions

From Gulf States Flood Help
No edit summary
No edit summary
 
(128 intermediate revisions by the same user not shown)
Line 1: Line 1:
<div style="border: 1px red solid;">
<big>'''Code for Collapsible Section'''</big>
<p style="font-size: 2em; border: 1px blue solid;">{{{title|Title}}}</p>
<pre>
<p style="font-weight: bold; font-size: 1.5em; border: 1px green solid;">First Section</p>
{{Collapsible-section
<div class="mw-collapsible">
|number  = 1
<div class="mw-collapsible-toggle-placeholder"></div>
|title  = Example
<p class="mw-collapsible-content mw-collapsed" style="border: 1px #000 solid;">{{{body|Some text}}}</p>
|content = Here's the first line of content.
</div>
...
</div>
}}
</pre>


== Divs ==
{{Collapsible-section
<big>'''Collapsible div '''</big>
|number  = 1
----
|title  = Example
<div class="mw-collapsible" data-collapsetext="You may collapse me by clicking here" data-expandtext="Let me back out !">
|content = Here's the first line of content.
{{Sample content}}
</div>
 
<div style="clear:both"></div>
 
<big>''' Collapsible div (collapsed by default) '''</big>
----
<div class="mw-collapsible mw-collapsed">
{{Sample content}}
</div>
 
<div style="clear:both"></div>
 
<big id="head-colapsible_div_nested_in_collapsed_div">''' Collapsible div nested in collapsed div '''</big>
----
<div class="mw-collapsible mw-collapsed" style="background-color:#f9f9f9">
Hi there this is text in the outer div.
<div class="mw-collapsible" style="background:#f9f9f9">
This content is inside the nested collapsible div.
</div>
</div>
 
<div style="clear:both"></div>
 
== Tables ==
<big id="head-collapsible_table">''' Collapsible table '''</big>
----
{| class="wikitable sortable mw-collapsible"
! Hello
! World
|-
| Content
| Goes
|-
| In
| Here
|}
 
<div style="clear:both"></div>
 
<big id="head-collapsible-table-w-caption">''' Collapsible table with caption '''</big>
----
{| class="wikitable sortable mw-collapsible"
|+ I am a caption!
! Hello
! World
|-
| Content
| Goes
|-
| In
| Here
|}
{| class="wikitable mw-collapsible"
|+ Same, but without sortability (no explicit &lt;thead>)
! Hello
! World
|-
| Content
| Goes
|-
| In
| Here
|}
 
<div style="clear:both"></div>


<big>''' Collapsible table (collapsed by default) '''</big>
{{Box task
|image  = Sol-img-filler.png
|size    = 200px
|alt    = the image alt text
|caption = Here is a caption
|text    = some text
}}
<big>'''Code for Box Task'''</big>
<pre>
{{Box task
|image  = Sol-img-filler.png
|size    = 200px
|alt    = the image alt text
|caption = Here is a caption
|text    = some text
}}
</pre>
----
----
{| class="wikitable mw-collapsible mw-collapsed"
! Hello
! World
|-
| Content
| Goes
|-
| In
| Here
|}


<div style="clear:both"></div>


<big>''' Collapsible table in collapsed div '''</big>
{{Box task eq
|image  = Img-eq-proc-transfer-01.png
|size    = 400px
|alt    = An image of the Waiting Period Type showing "Transfer".
|caption = The Waiting Period Type should show "Transfer".
|section = General Information
|field  = Waiting Period Type
|entry  = Transfer
|info    = In the General Information section of the Policy Record, find the Waiting Period Type and confirm that is shows "Transfer".
}}
<big>'''Code for Box Task EQ'''</big>
<pre>
{{Box task eq
|image  = Img-eq-proc-transfer-01.png
|size    = 400px
|alt    = An image of the Waiting Period Type showing "Transfer".
|caption = The Waiting Period Type should show "Transfer".
|section = General Information
|field  = Waiting Period Type
|entry  = Transfer
|info    = In the General Information section of the Policy Record, find the Waiting Period Type and confirm that is shows "Transfer".
}}
</pre>
----
----
<div class="mw-collapsible mw-collapsed">
Some text in the div here.
{| class="wikitable sortable mw-collapsible"
! Hello
! World
|-
| Content
| Goes
|-
| In
| Here
|}
Some more text in the div.
</div>
<div style="clear:both;"></div>


<big>''' Collapsible table-cell content in a table'''</big>
----


<table class="wikitable">
{{Box task review
<tr>
|file = [[File:Img-nfip-declarations-01.png|200px]]
<th>X</th> <th>Y</th> <th>Z</th>
|info =
</tr>
The following details must match '''exactly''' on the prior declarations page or renewal bill.
<tr>
* All policyholder's names
<td>Hi, the content in the cell below me is collapsible and collapsed by default</td> <td>35</td> <td>91</td>
* Property Address
</tr>
* Prior Policy Number
<tr>
* Prior Company Name
<td class="mw-collapsible mw-collapsed">I'm the mw-collapsible cell content!</td> <td>42</td> <td>63</td>
* Prior Company NAIC Code
</tr>
* Policy Expiration Date to New Policy Effective Date
</table>


<div style="clear:both"></div>
{{attention|The NFIP coverage limits must be checked for '''coverage increase amounts higher than Option B''' if the premium was received less than 30 Days prior to Expiration.}}
}}
<big>'''Code for Box Task Review (plus Attention)'''</big>
<pre>
{{Box task review
|file = [[File:Img-nfip-declarations-01.png|200px]]
|info =
The following details must match '''exactly''' on the prior declarations page or renewal bill.
* All policyholder's names
* Property Address
* Prior Policy Number
* Prior Company Name
* Prior Company NAIC Code
* Policy Expiration Date to New Policy Effective Date


== Lists ==
{{attention|The NFIP coverage limits must be checked for '''coverage increase amounts higher than Option B''' if the premium was received less than 30 Days prior to Expiration.}}
<big id="head-collapsible-ul">''' Collapsible unordered list '''</big>
}}
</pre>
----
----
<ul class="mw-collapsible">
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
</ul>


<div style="clear:both"></div>


<big id="head-collapsible-ol">''' Collapsible ordered list '''</big>
{{spoiler
----
|num = A31
<ol class="mw-collapsible">
|click  = They can keep the same policy when they transfer to your agency.
<li>One</li>
|info    =  
<li>Two is more than one</li>
{{wrong|This is incorrect if the agent only writes for Widgets United.}} <br>
<li>..a total of three items!</li>
</ol>


<div style="clear:both"></div>
Text


== Custom toggles ==
}}
<big>''' Pre-made toggle'''</big>
----


<div id="collapse-pre-one" class="mw-collapsible"><div class="mw-collapsible-toggle toccolours" style="float: none;"><span class="down">[[File:Arrow-down-dash-2.0.svg|50px|center|link=]]</span><span class="up">[[File:Arrow-up-dash-2.0.svg|50px|center|link=]]</span></div>
<big>'''Code for Spoiler'''</big>
<div class="mw-collapsible-content">
<pre>
{{Sample content}}
{{spoiler
</div></div>
|num = A31
 
|click  = They can keep the same policy when they transfer to your agency.
<div style="clear:both"></div>
|info    =  
 
{{wrong|This is incorrect if the agent only writes for Widgets United.}} <br>
<big id="h-pre-made-toggle-with-link">''' Pre-made toggle with link in it'''</big>
----
<div class="mw-collapsible"><div class="mw-collapsible-toggle toccolours" style="float: none;">This is a toggle with link to [[#top|the top of the page]]</div>
<div class="mw-collapsible-content">
{{Sample content}}
</div></div>
 
<div style="clear:both"></div>
 
<big>''' Remote collapsible 1 (div, multiple togglers) <sup class="mw-customtoggle-myDivision" style="color:orange">@</sup>'''</big>
----
 
:<strong class="mw-customtoggle-myDivision">@</strong>
 
<div class="usermessage mw-customtoggle-myDivision">Click here or on one of the @'s to expand the hidden element.</div>
 
<div class="mw-customtoggle-myDivision" style="cursor:pointer">[[File:At_char.svg|100px|left|link=|title=Click me!]] &lArr; @@Clicking here or on At-image will toggle also@@<div style="clear:both"></div></div>
 
<div class="mw-collapsible mw-collapsed" id="mw-customcollapsible-myDivision">
<div class="toccolours mw-collapsible-content">{{Sample content}}</div>
</div>
 
<div style="clear:both"></div>
 
<big>''' Custom collapsible 2 (table)'''</big>
----
 
<div class="usermessage mw-customtoggle-myTable">Click here to toggle the table.</div>
 
{| class="wikitable sortable mw-collapsible" id="mw-customcollapsible-myTable"
! Hello
! World
|-
| Content
| Goes
|-
| In
| Here
|}
 
<div style="clear:both"></div>
 
<big>''' Custom collapsible 3 (list)'''</big>
----
 
<div class="usermessage mw-customtoggle-myList">Click here to toggle the list.</div>
 
<ul class="mw-collapsible" id="mw-customcollapsible-myList">
<li>A</li>
<li>B</li>
<li>C</li>
<li>D</li>
</ul>
 
<div style="clear:both"></div>
 
<big>''' Custom collapsible 4 (table-row)'''</big>
----
 
<table class="wikitable">
<tr>
<th>X</th> <th>Y</th> <th>Z</th>
</tr>
<tr>
<td><span class="mw-customtoggle-AA mw-customtoggle-BB mw-customtoggle-CC">I'm the mw-customtoggle for A, B and C. Click me to toggle three table-rows at once!</span></td> <td>20</td> <td>11</td>
</tr>
<tr id="mw-customcollapsible-AA" class="mw-collapsible mw-collapsed">
<td>I'm the mw-customcollapsible row A</td> <td>20</td> <td>7</td>
</tr>
<tr id="mw-customcollapsible-BB" class="mw-collapsible mw-collapsed">
<td>I'm the mw-customcollapsible row B</td> <td>21</td> <td>11</td>
</tr>
<tr id="mw-customcollapsible-CC" class="mw-collapsible mw-collapsed">
<td>I'm the mw-customcollapsible row C</td> <td>29</td> <td>1</td>
</tr>
<tr>
<td>This is just a plain table cell</td><td>0</td><td>30</td>
</tr>
</table>
 
<big>''' Custom collapsible 5 (double purpose toggle)'''</big>
----
 
 
<div class="toccolours">
<div class="mw-collapsible toccolours" id="mw-customcollapsible-DPT">
I am custom collapsible "DPT".
</div>
 
<div class="mw-collapsible toccolours"><span class="mw-collapsible-toggle mw-customtoggle-DPT" style="cursor: pointer; border: 1px solid #aaa; border-radius: 5px; padding: 2px;">I am a toggle for my parent ("collapsible div") and custom toggle for "DPT".</span>
<div class="mw-collapsible-content">
I am a collapsible div.
</div>
</div>
</div>
 
 
<div style="clear:both"></div>
 
== Combination ==
<big>''' Combination example '''</big>
----
<ul class="mw-collapsible mw-collapsed" data-collapsetext="I understand" data-expandtext="Click here for more information">
<li>Table is collapsed by default</li>
<li>Second row contains collapsible list</li>
<li>Third row contains a collapsible block with custom labels</li>
</ul>


{| class="wikitable plainlinks mw-collapsible mw-collapsed"
Text
!colspan="3" | <strong class="mw-collapsible-toggle mw-collapsible-toggle-expanded" style="color:#FF00EE;float:none">Collapse</strong> '''{{FULLPAGENAME}}'''
|-
|width="14%" | #1
|
Hello, [{{fullurl:{{FULLPAGENAME}}|action=edit}} edit this page]
Hello, [{{fullurl:{{FULLPAGENAME}}|action=purge}} purge this page]
Hello, [{{fullurl:{{TALKPAGENAME}}|action=edit&section=new}} add new section to talkpage]
|width="14%"| [[File:Example.svg|25x25px]]
|-
|width="14%" | #2
|
<ul class="mw-collapsible">
<li>Lorem</li>
<li>Ipsum</li>
<li>Dolor</li>
</ul>
|width="14%"| [[File:Example.svg|25x25px]]
|-
|width="14%" | #3
|
There's a lot more secret content hidden !
<div style="background:red" class="mw-collapsible mw-collapsed" data-collapsetext="Hide me" data-expandtext="Reveal me">
'''This following code is top secret:'''<br />
: ''kmnd ihwkxucnskdf''
</div>
|width="14%"| [[File:Example.svg|25x25px]]
|-
|colspan=3 style="text-align:center"|Last edited by [[User:{{REVISIONUSER}}|{{REVISIONUSER}}]] on {{REVISIONTIMESTAMP}}
|-
|colspan=3 style="text-align:center"|[{{fullurl:{{FULLPAGENAME}}|oldid={{REVISIONID}}}} Permalink to this revision]
|}


== Custom toggle link placement ==
}}
<div class="mw-collapsible">
</pre>
<h2>
<!-- end of the collapsible -->
<span style="color: purple">A fancy heading</span>
}}
<div class="mw-collapsible-toggle-placeholder"></div>
</h2>
<div class="mw-collapsible-content">
<p>Outer collapsible content.</p>
<p lang="la">Lorem ipsum dolor sit amet.</p>
<div class="mw-collapsible">
<h3>
<span style="color: purple">A fancier heading</span>
<div class="mw-collapsible-toggle-placeholder"></div>
</h3>
<div class="mw-collapsible-content">
<p>Inner collapsible content.</p>
<p lang="la">Consectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>

Latest revision as of 13:38, 3 March 2025

Code for Collapsible Section

{{Collapsible-section
|number  = 1
|title   = Example
|content = Here's the first line of content.
...
}}

Example

Here's the first line of content.
the image alt text
Here is a caption
some text

Code for Box Task

{{Box task
|image   = Sol-img-filler.png
|size    = 200px
|alt     = the image alt text
|caption = Here is a caption
|text    = some text
}}


An image of the Waiting Period Type showing "Transfer".
Section Field Entry
General Information Waiting Period Type Transfer

In the General Information section of the Policy Record, find the Waiting Period Type and confirm that is shows "Transfer".

Code for Box Task EQ

{{Box task eq
|image   = Img-eq-proc-transfer-01.png
|size    = 400px
|alt     = An image of the Waiting Period Type showing "Transfer".
|caption = The Waiting Period Type should show "Transfer".
|section = General Information
|field   = Waiting Period Type
|entry   = Transfer
|info    = In the General Information section of the Policy Record, find the Waiting Period Type and confirm that is shows "Transfer".
}}


The following details must match exactly on the prior declarations page or renewal bill.
  • All policyholder's names
  • Property Address
  • Prior Policy Number
  • Prior Company Name
  • Prior Company NAIC Code
  • Policy Expiration Date to New Policy Effective Date
The NFIP coverage limits must be checked for coverage increase amounts higher than Option B if the premium was received less than 30 Days prior to Expiration.

Code for Box Task Review (plus Attention)

{{Box task review
|file = [[File:Img-nfip-declarations-01.png|200px]] 
|info =
The following details must match '''exactly''' on the prior declarations page or renewal bill.
* All policyholder's names
* Property Address
* Prior Policy Number
* Prior Company Name
* Prior Company NAIC Code
* Policy Expiration Date to New Policy Effective Date

{{attention|The NFIP coverage limits must be checked for '''coverage increase amounts higher than Option B''' if the premium was received less than 30 Days prior to Expiration.}}
}}


They can keep the same policy when they transfer to your agency.
This is incorrect if the agent only writes for Widgets United.
Text

Code for Spoiler

{{spoiler
|num = A31
|click   = They can keep the same policy when they transfer to your agency.
|info    = 
{{wrong|This is incorrect if the agent only writes for Widgets United.}} <br>

Text

}}