Difference between revisions of "Template:Ansreq/Sandbox"

From Pathfinder Wiki
m (removed the 100% styling of the div so it is not bigger than the table)
(changed the width setting so it uses CSS. The other way is outdated; moved the toggle butten into the table. looks cleaner)
Line 11: Line 11:
 
<table width="100%" cellspacing=0>
 
<table width="100%" cellspacing=0>
 
<tr>
 
<tr>
<td bgcolor=#8080e0 width=15%>
+
<td bgcolor=#8080e0 style="width: 15%; padding:0 0.5em;">
 
<font size=3 color=#202020>
 
<font size=3 color=#202020>
 
'''''{{#switch:{{SUBPAGENAME}}
 
'''''{{#switch:{{SUBPAGENAME}}
Line 18: Line 18:
 
|Requirement}} {{{num}}}'''''</font>
 
|Requirement}} {{{num}}}'''''</font>
 
</td>
 
</td>
<td bgcolor=#c0c0ff>
+
<td bgcolor=#c0c0ff style="width: 85%; padding:0 0.5em;">
 
<b><font size=3 color=#202020>{{:{{#titleparts:{{{page}}}|3|1}}/Requirement/{{{num}}}{{#switch:{{SUBPAGENAME}}|es=/es|fr=/fr}}}}</font></b>
 
<b><font size=3 color=#202020>{{:{{#titleparts:{{{page}}}|3|1}}/Requirement/{{{num}}}{{#switch:{{SUBPAGENAME}}|es=/es|fr=/fr}}}}</font></b>
</td></tr>
+
</td>
 +
<td bgcolor=#c0c0ff style="text-align: right; padding:0 0.5em; white-space:nowrap;">
 +
<span class="mw-customtoggle-ansReq">[<span style="text-decoration: underline; color: blue; cursor: pointer;">{{#switch:{{SUBPAGENAME}}|es=Mostrar/ocultar Respuestas|fr= Afficher/Masquer Réponses|Show/Hide Answers}}</span>]</span>
 +
</td>
 +
</tr>
 
</table>
 
</table>
 
<!--create collapsible box for the answers-->
 
<!--create collapsible box for the answers-->
 
<div class="toccolours mw-collapsible" id="mw-customcollapsible-ansReq">
 
<div class="toccolours mw-collapsible" id="mw-customcollapsible-ansReq">
 
<div class="mw-customtoggle-ansReq" href="#" style="width: 100%; text-align: right; margin-bottom: 1em;">[<span style="text-decoration: underline; color: blue;">{{#switch:{{SUBPAGENAME}}|es=Mostrar/ocultar Respuestas|fr= Afficher/Masquer Réponses|Show/Hide Answers}}</span>]</div>
 
 
 
<div class="mw-collapsible-content">
 
<div class="mw-collapsible-content">
 
Test Content
 
Test Content

Revision as of 23:30, 8 November 2020

This is a Sandbox of the template, to test out new stuff. So if it should be used, it needs to be copied without the dummy content. Also there is a problem with the uniqueness of the ID of the customcollapsible and the CLASS of the custom toggle button. I (DesignerThan) want to include the "num"-argument into the CSS ID and CLASS but I was not able to do that because the string gets implemented as it is and won't be replaced. Maybe some body can help with that.


Requirement {{{num}}}

{{:{{{page}}}/Requirement/{{{num}}}}}

[Show/Hide Answers]

Test Content