Ingo Wolfmayr created OFBIZ-12638:
-------------------------------------
Summary: Tooltip Helveticus layout issue
Key: OFBIZ-12638
URL: https://issues.apache.org/jira/browse/OFBIZ-12638
Project: OFBiz
Issue Type: Improvement
Components: themes/helveticus
Affects Versions: Upcoming Branch
Reporter: Ingo Wolfmayr
Fix For: Upcoming Branch
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:
{code:java}
<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>{code}
!image-2022-06-13-12-17-23-755.png!
ProductStore:
{code:java}
<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&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>
{code}
!image-2022-06-13-12-16-11-005.png!
Is there a working exampe that I can use as reference.
Shoud a tooltip be displayed below as in productstore example?
--
This message was sent by Atlassian Jira
(v8.20.7#820007)
