[OFBIZ-12638] Tooltip Helveticus layout issue

• Type: Sub-task
• Status: Open
• Priority: Minor
• Resolution: Unresolved
• Affects Version/s: Upcoming Branch
• Fix Version/s: Upcoming Branch
• Component/s: themes/helveticus
• Assignee: Unassigned
• Reporter: Ingo Wolfmayr
• Created: 13/Jun/22 10:19
• Updated: 23/Dec/22 11:35

Description

See screenshot.

Catalog --> Categories --> ProductAssocs

The layout is spoiled because css class tooltip is defined. Helveticus theme uses this class to add css class "has-tooltip" to parent. The stylesheet definition of this class makes it look like it shows in the screenshot.

I dont understand the current implementation of tooltips with helveticus theme.

 

ProductAssocs:

 <div>
                        <span class="label">${uiLabelMap.ProductProductId}</span>
                        <@htmlTemplate.lookupField formName="addProductCategoryMemberForm" name="productId" id="productId" fieldFormName="LookupProduct"/>
                        <br/>
                        <span class="label">${uiLabelMap.CommonFromDate}</span>
                        <@htmlTemplate.renderDateTimeField name="fromDate" event="" action="" className="" alert="" title="Format: yyyy-MM-dd HH:mm:ss.SSS" value="" size="25" maxlength="30" id="fromDate1" dateType="date" shortDateInput=false timeDropdownParamName="" defaultDateTimeString="" localizedIconTitle="" timeDropdown="" timeHourName="" classString="" hour1="" hour2="" timeMinutesName="" minutes="" isTwelveHour="" ampmName="" amSelected="" pmSelected="" compositeType="" formName=""/>
                        <span class="tooltip">${uiLabelMap.CommonRequired}</span>
                          <br />
                          <span class="label">${uiLabelMap.CommonComments}</span> <textarea name="comments" rows="2" cols="40"></textarea>
                          <input type="submit" value="${uiLabelMap.CommonAdd}" />
                    </div>

ProductStore:

 

<tr>
<td class="label">
<label for="EditProductStore_payToPartyId" title="Bitte beachten Sie, dass dies mit der organizationPartyId übereinstimmt, zu denen die Hauptbuch Transaktionen übermittelt werden." id="EditProductStore_payToPartyId_title">Zahlung an Akteur ID</label>  </td>
<td>
<!-- @renderLookupField -->
<span class="field-lookup">
    <div id="3_lookupId_EditProductStore_payToPartyId_auto"></div><input type="text" name="payToPartyId" value="Company" size="25" id="3_lookupId_EditProductStore_payToPartyId" data-lookup-ajax-enabled="true" data-lookup-presentation="layer" data-lookup-request-url="LookupPartyName" data-lookup-form-name="EditProductStore" data-lookup-optional-target="" data-lookup-width="640" data-lookup-height="500" data-lookup-position="topleft" data-lookup-modal="true" data-lookup-show-description="true" data-lookup-default-minlength="2" data-lookup-default-delay="300" data-lookup-args="" data-lookup-ajax-url="EditProductStore_payToPartyId,https://localhost:8443/catalog/control/LookupPartyName,ajaxLookup=Y&amp;searchValueFieldName=payToPartyId" class="ui-autocomplete-input" autocomplete="off">  <a href="javascript:void(0);" id="3_lookupId_button"></a><span id="3_lookupId_EditProductStore_payToPartyId_lookupDescription" class="tooltip"><p>
</td>
</tr>

Is there a working exampe that I can use as reference.

Shoud a tooltip be displayed below as in productstore example?