Help:Collapsed section - Revision history

HOST-GSKEBECHET: Minor update for toggle all content markup

2024-06-12T14:42:50Z

Minor update for toggle all content markup

← Older revision		Revision as of 09:42, 12 June 2024
Line 54:		Line 54:

	<blockquote>		<blockquote>
	<code><nowiki><span class="mw-customtoggle-1 mw-customtoggle-2" style="color:#0000ff">'''Toggle all content</span></nowiki></code>		<code><nowiki><span class="mw-customtoggle-1 mw-customtoggle-2" style="color:#0000ff">'''Toggle all content.'''</span></nowiki></code>
	</blockquote>		</blockquote>

	Appears as:		Appears as:
	<blockquote>		<blockquote>
	<span class="mw-customtoggle-1 mw-customtoggle-2" style="color:#0000ff">'''Toggle all content</span>		<span class="mw-customtoggle-1 mw-customtoggle-2" style="color:#0000ff">'''Toggle all content.'''</span>
	</blockquote>		</blockquote>

GS4-XERAPHINA: /* Custom Toggle Changing Collapse/Expand Text */

2023-05-09T14:27:26Z

Custom Toggle Changing Collapse/Expand Text

← Older revision		Revision as of 09:27, 9 May 2023
Line 100:		Line 100:

	===Custom Toggle Changing Collapse/Expand Text===		===Custom Toggle Changing Collapse/Expand Text===
	After of October 2017, there is no built in way to have differing text on a Custom Toggle like there are with other toggles attached to collapsible sections (e.g. "Collapse" changes to "Expand" and vice versa when the toggle is clicked). To workaround this, create another custom toggle span that is collapsed and have the two control each other and themselves. As seen on the [[Forging]] page:		After October 2017, there is no built in way to have differing text on a Custom Toggle like there are with other toggles attached to collapsible sections (e.g. "Collapse" changes to "Expand" and vice versa when the toggle is clicked). To workaround this, create another custom toggle span that is collapsed and have the two control each other and themselves. As seen on the [[Forging]] page:

	<pre{{log2}}><nowiki>		<pre{{log2}}><nowiki>

GS4-XERAPHINA: /* Collapsed Table */

2022-03-04T19:49:14Z

Collapsed Table

← Older revision		Revision as of 14:49, 4 March 2022
Line 93:		Line 93:
	\| I learned how to make a toggle for a collapsed table		\| I learned how to make a toggle for a collapsed table
	\|}		\|}

			Additional examples can be viewed on the [[Duskruin]] page.

	===Containing a Pre Tag===		===Containing a Pre Tag===

GS4-XERAPHINA: /* Advanced Collapsing */

2022-03-04T19:43:51Z

Advanced Collapsing

← Older revision		Revision as of 14:43, 4 March 2022
Line 87:		Line 87:
	: <code><nowiki>\|+ style="white-space:nowrap; text-align:left;" \| To view the lists of potential titles, click <span class="mw-customtoggle-1" role="link" style="color:#0000ff">'''here'''</span>.</nowiki></code>		: <code><nowiki>\|+ style="white-space:nowrap; text-align:left;" \| To view the lists of potential titles, click <span class="mw-customtoggle-1" role="link" style="color:#0000ff">'''here'''</span>.</nowiki></code>

	'''~~<big>~~Example~~</big>~~'''		'''Example'''
	: {\| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-tableexample"		: {\| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-tableexample"
	\|+ style="white-space:nowrap; text-align:left;" \| To view the collapsed table, click <span class="mw-customtoggle-tableexample" role="link" style="color:#0000ff">'''here'''</span>.		\|+ style="white-space:nowrap; text-align:left;" \| To view the collapsed table, click <span class="mw-customtoggle-tableexample" role="link" style="color:#0000ff">'''here'''</span>.

GS4-XERAPHINA: /* Collapsed Table */

2022-03-04T19:43:18Z

Collapsed Table

← Older revision		Revision as of 14:43, 4 March 2022
Line 88:		Line 88:

	'''<big>Example</big>'''		'''<big>Example</big>'''
	: {\| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-1"		: {\| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-tableexample"
	\|+ style="white-space:nowrap; text-align:left;" \| To view the collapsed table, click <span class="mw-customtoggle-1" role="link" style="color:#0000ff">'''here'''</span>.		\|+ style="white-space:nowrap; text-align:left;" \| To view the collapsed table, click <span class="mw-customtoggle-tableexample" role="link" style="color:#0000ff">'''here'''</span>.
	\|-		\|-
	\| I learned how to make a toggle for a collapsed table		\| I learned how to make a toggle for a collapsed table

GS4-XERAPHINA: /* Collapsed Table */

2022-03-04T19:42:20Z

Collapsed Table

← Older revision		Revision as of 14:42, 4 March 2022
Line 71:		Line 71:
	The following will put a collapse option on the top left of a table. It can be combined with other class options, such as wikitable and sortable, by putting a space between each one in the class quotes.		The following will put a collapse option on the top left of a table. It can be combined with other class options, such as wikitable and sortable, by putting a space between each one in the class quotes.

	<code><nowiki>{\| class="mw-collapsible" </nowiki></code>		: <code><nowiki>{\| class="mw-collapsible" </nowiki></code>

	To pre-collapse a table:		To pre-collapse a table:

	<code><nowiki>{\| class="mw-collapsible mw-collapsed" </nowiki></code>		: <code><nowiki>{\| class="mw-collapsible mw-collapsed" </nowiki></code>

	Please note the preference above for having information being visible on the page when loaded, with some exceptions.		Please note the preference above for having information being visible on the page when loaded, with some exceptions.

			Collapsible tables can be formatted to allow for custom toggles which will allow them, much like collapsed sections, to be expanded with a "toggle all." In order for this to work properly, the table should be formatted with a toggle id. Note, the toggle id is similar to that of a regular collapsed section.

			: <code><nowiki>{\| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-1"</nowiki></code>

			From there, the table should be captioned. This caption will serve as the tables "toggle" to collapse or expand it. Note, for the purpose of accessibility, <code><nowiki>role="link"</nowiki></code> must be used to highlight the toggle in the caption.

			: <code><nowiki>\|+ style="white-space:nowrap; text-align:left;" \| To view the lists of potential titles, click <span class="mw-customtoggle-1" role="link" style="color:#0000ff">'''here'''</span>.</nowiki></code>

			'''<big>Example</big>'''
			: {\| class="mw-collapsible mw-collapsed" id="mw-customcollapsible-1"
			\|+ style="white-space:nowrap; text-align:left;" \| To view the collapsed table, click <span class="mw-customtoggle-1" role="link" style="color:#0000ff">'''here'''</span>.
			\|-
			\| I learned how to make a toggle for a collapsed table
			\|}

	===Containing a Pre Tag===		===Containing a Pre Tag===

VANKRASN39: remove wip, add info at top discussed in previous meetings

2018-05-13T01:56:40Z

remove wip, add info at top discussed in previous meetings

← Older revision		Revision as of 20:56, 12 May 2018
Line 1:		Line 1:
	All pages with multiple collapsed sections must have a place to "toggle all" to expand all sections at once. This is primarily to make word searching effective. A browser word search on a page (using CTRL+F) will not find text while it is collapsed.		All pages with multiple collapsed sections must have a place to "toggle all" to expand all sections at once. This is primarily to make word searching effective. A browser word search on a page (using CTRL+F) will not find text while it is collapsed. Unless it is a spoiler, having text visible when the page is opened is preferred; however, for repeated information that is inserted via LST--for example the material difficulty tables on the [[Enchant Item (925)]] and [[Ensorcell (735)]] pages that takes up a lot of space--pre-collapsing the information is appropriate.

	==Creating a Collapsed Section==		==Creating a Collapsed Section==
Line 65:		Line 65:

	==Advanced Collapsing==		==Advanced Collapsing==

	{{work-in-progress\|section}}
	Since collapsing is used to hide large amounts of code/text, it is useful to look at some more detailed examples.		Since collapsing is used to hide large amounts of code/text, it is useful to look at some more detailed examples.

VANKRASN39: /* Collapsed Table */ info

2018-05-13T01:55:39Z

Collapsed Table: info

← Older revision		Revision as of 20:55, 12 May 2018
Line 69:		Line 69:

	===Collapsed Table===		===Collapsed Table===
			The following will put a collapse option on the top left of a table. It can be combined with other class options, such as wikitable and sortable, by putting a space between each one in the class quotes.

			<code><nowiki>{\| class="mw-collapsible" </nowiki></code>

			To pre-collapse a table:

			<code><nowiki>{\| class="mw-collapsible mw-collapsed" </nowiki></code>

			Please note the preference above for having information being visible on the page when loaded, with some exceptions.

	===Containing a Pre Tag===		===Containing a Pre Tag===

VANKRASN39: /* Advanced Collapsing */ instructions on changing the toggle text

2017-10-12T20:31:16Z

Advanced Collapsing: instructions on changing the toggle text

← Older revision		Revision as of 15:31, 12 October 2017
Line 72:		Line 72:
	===Containing a Pre Tag===		===Containing a Pre Tag===
	A very common tag that is used on GSWiki is <code><nowiki><pre{{log2}}></nowiki></code>. When this appears within the collapsed section, it is better to use a <code><nowiki><div></nowiki></code> instead of a <code><nowiki><span></nowiki></code> as the collapsed section. When the collapsed section is within a <code><nowiki><pre{{log2}}></nowiki></code>, using <code><nowiki><span></nowiki></code> is better.		A very common tag that is used on GSWiki is <code><nowiki><pre{{log2}}></nowiki></code>. When this appears within the collapsed section, it is better to use a <code><nowiki><div></nowiki></code> instead of a <code><nowiki><span></nowiki></code> as the collapsed section. When the collapsed section is within a <code><nowiki><pre{{log2}}></nowiki></code>, using <code><nowiki><span></nowiki></code> is better.

			===Custom Toggle Changing Collapse/Expand Text===
			After of October 2017, there is no built in way to have differing text on a Custom Toggle like there are with other toggles attached to collapsible sections (e.g. "Collapse" changes to "Expand" and vice versa when the toggle is clicked). To workaround this, create another custom toggle span that is collapsed and have the two control each other and themselves. As seen on the [[Forging]] page:

			<pre{{log2}}><nowiki>
			<span class="mw-collapsible" id="mw-customcollapsible-2">
			[<span class="mw-customtoggle-1 mw-customtoggle-2 mw-customtoggle-3" style="color:#0000ff">Click to view original '''Forging Guide''' (introductory material)</span>]</span><span class="mw-collapsible mw-collapsed" id="mw-customcollapsible-3">[<span class="mw-customtoggle-1 mw-customtoggle-2 mw-customtoggle-3" style="color:#0000ff">Click to view full article</span>]</span></nowiki></pre>

			On the Forging page everything gets expanded or collapsed at the same time, and there are no other toggle functions, so all of the sections in the article are named "1". "2" is the initial toggle display that is '''initially not collapsed''', and "3" is the toggle display that appears when "2" is clicked, and is '''initially collapsed'''.

	[[Category: Help]]		[[Category: Help]]

VANKRASN39: /* Advanced Collapsing */ change wip to section

2017-10-12T16:48:49Z

Advanced Collapsing: change wip to section

← Older revision		Revision as of 11:48, 12 October 2017
Line 65:		Line 65:

	==Advanced Collapsing==		==Advanced Collapsing==
	{{work-in-progress}}		{{work-in-progress\|section}}
	Since collapsing is used to hide large amounts of code/text, it is useful to look at some more detailed examples.		Since collapsing is used to hide large amounts of code/text, it is useful to look at some more detailed examples.