Question about RPG feature

Technical Details

Forum version : #PunBB
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
Forum link : http://rotavn.forumotion.com/forum

Description of problem

Hello guys

I'm building a RPG feature for my site and first of thing here are my settings in ACP -> Modules -> RPG -> Fields Management
And when viewing in user's profile
How to display an only field named "Character" what contains an <img> inside it?
For example they are 2 fields with a same name "Character"
With an image inside <dl>

Code:

<dl class="rpg_fields"><dt>&nbsp;<span class="gen">Character</span> :</dt><dd class="rpg_fields-l"><span class="gen"><span class="gen">Prophetess ★★</span><img src="https://i.imgur.com/PPPIJEv.png" alt="Prophetess ★★" style="vertical-align: top;"> </span></dd></dl>

And without any image

Code:

<dl class="rpg_fields"><dt>&nbsp;<span class="gen">Character</span> :</dt><dd class="rpg_fields-l"><span class="gen"><span class="gen"></span></span></dd></dl>

Thanks

Bump

Have a nice days everyone

hi

you want the name Character to one field to not displaying at all?

For more detail, there are 4~6 Character field and I only want the one already have an IMG tag inside be allow to show
This one should

Code:

<dl class="rpg_fields">
<dt><span>Character</span> :</dt>
<dd class="rpg_fields-l"><span><span><img src="IMAGE LINK" /></span></span></dd>
</dl>

This one shouldn't

Code:

<dl class="rpg_fields">
<dt><span>Character</span> :</dt>
<dd class="rpg_fields-l"><span><span>NOTHING HERE</span></span></dd>
</dl>

Hello it's bump again

did you try to put to the field name instead of character this

&nbsp;

It's good but how could you choose a field if it was invisible

i dont know any other solution sorry

There should be a edit icon appear when you hover your cursor over the field.

My problem can be solved by adding these scripts
With an jQuery library

Code:

<script type="text/javascript">
$('.rpg-dll').not(':has(img)').hide() // or remove() to take it out completely
<script>

Without jQuery

Code:

<script type="text/javascript">
        Array.from(document.querySelectorAll("dl.rpg-dll")).forEach(el => {
        let hasImage = el.querySelectorAll("img").length > 0;
        if (!hasImage) el.style.display = "none";
        });
    </script>

Special thanks to Luca and charlietfl

Problem solved & topic archived. Please read our forum rules: ESF General Rules