No field label prevents display of Tooltip AND Required '*' marker

[katw]

Hi,

This is probably a fix for future release.

Current form logic inserts and attaches the Required Marker and field ToolTip to the field label .quform-label.

<div class="quform-label quform-label-#_##">
     <label class="quform-label-text" for="quform_#_##_####">
                Label Text
                <span class="quform-required">*</span>
      </label>
      <div class="quform-tooltip-icon quform-tooltip-icon-hover">
                 <i class="qicon-question-circle"></i>
                 <div class="quform-tooltip-icon-content">Tool tip messsage</div>
       </div>
</div>

BUT if the field label is empty; as with your example for GDPR compliance; these important items do not show as the label area is not rendered.

This is unfortunate, as these are usability tools as well as a design concern.

The logic of using the label DIV is reasonable for 99% of use cases. But for the 1% of other cases there needs to be an alternate location used for these two elements.

In the GDPR single checkbox example it makes sense to add the required and tooltip icon to the end of the checkbox option text. (see attached)

For now we can fake the required by embedding the <span class="quform-required">*</span> to the end of the checkbox option label. AND then make CSS style adjustments to apply the set style.

But the Tooltip isn’t as easy.

May need workshopping ideas for how to handle possible 1% use-cases. But would love to see this handled in future versions.

Attachments:

You must be logged in to view attached files.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[katw]

Nice temp fix. But not a long-term one as tooltip text is disconnected from the form builder UI so makes tooltip text maintenance tricky for non-dev users.

I will give some thought to approaches and share the ideas with you. May be in a few weeks though.

Thanks for giving it thought.

[katw]

Should the options label (which now contains HTML markup) be URL encoded or will this be handled?

BTW my checkbox label is now 460 characters long.

So use of a text-editor is a must for tweaking the label content before posting in form builder UI field 😉

[katw]

Just so you know…

An unwanted side-effect of the temporary solution/s is the visibility of the required marker ‘*’ and the tooltip hint text (not tooltip icon) in Edit Entry view.

Creating a CSS Style to target both and hide them can be used.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Ally]

You don't have permission to view this content. Please log in or register and then verify your purchases to gain access.

[Author]

Posts