Collapse profile fields?

[hawayman]

Hi!

Goooooogeled that but no good answer. What i want is, how collapse group profile fields in viewtopic and profile view?

Have anyone some idea?

[david63]

I think that you will need to explain a little better, perhaps with an image, as to what you mean by

collapse group profile fields

[hawayman]

Something like that would be good!

[3Di]

Depends on your style, an easy way could be (prosilver here)

OPEN .\styles\prosilver\template\viewtopic_body.html

Find this block

Code: Select all

		<!-- EVENT viewtopic_body_postrow_custom_fields_before -->
		<!-- BEGIN custom_fields -->
			<!-- IF not postrow.custom_fields.S_PROFILE_CONTACT -->
				<dd class="profile-custom-field profile-{postrow.custom_fields.PROFILE_FIELD_IDENT}"><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}{L_COLON}</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
			<!-- ENDIF -->
		<!-- END custom_fields -->
		<!-- EVENT viewtopic_body_postrow_custom_fields_after -->

and surrond it with the new HTML5 details TAG

Like

Code: Select all

	<div>
		<details>
			<summary title="collapse cpf">&nbsp;&nbsp;<i class="icon fa-compress fa-fw" style="color: #0076b1" aria-hidden="true"></i> Collapse CPF</summary>
			<!-- EVENT viewtopic_body_postrow_custom_fields_before -->
			<!-- BEGIN custom_fields -->
				<!-- IF not postrow.custom_fields.S_PROFILE_CONTACT -->
					<dd class="profile-custom-field profile-{postrow.custom_fields.PROFILE_FIELD_IDENT}"><strong>{postrow.custom_fields.PROFILE_FIELD_NAME}{L_COLON}</strong> {postrow.custom_fields.PROFILE_FIELD_VALUE}</dd>
				<!-- ENDIF -->
			<!-- END custom_fields -->
			<!-- EVENT viewtopic_body_postrow_custom_fields_after -->
		</details>
	</div>

If you have doubts or questions please post in the styles forum.

2019-12-07 02_30_12-collapse CPF.png

2019-12-07 02_31_24-collapse CPF open.png

[hawayman]

Thanks for code, it works almost but i dont understand why it give me those 3x duplicates and that small triangle icon?



My code!

Code: Select all

		<!-- BEGIN custom_fields -->
		<div>
		<details>
		<summary title="PC Spec"><i class="icon fa-compress fa-fw" style="color: #0076b1" aria-hidden="true"></i> PC Spec</summary>
		<!-- IF not postrow.custom_fields.S_PROFILE_CONTACT -->
	    <dd class="profile-gender"><strong>{L_GENDER}{L_COLON}</strong> {postrow.USER_GENDER}</dd>
			<!-- ENDIF -->
			</details>
			</div>
		<!-- END custom_fields -->

[3Di]

If you have doubts or questions please post in the styles forum.

[mrgoldy]

You should post the details and summary tags outside the BEGIN and END tag.

[3Di]

Yup, the discussion moved here since.
viewtopic.php?f=591&t=2531456