[ 
https://issues.apache.org/jira/browse/OFBIZ-12638?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17651632#comment-17651632
 ] 

Jacques Le Roux commented on OFBIZ-12638:
-----------------------------------------

Here is another example copied from the duplicate OFBIZ-12398. Not sure it's 
related to Ingo's discovery.

Have a look at 
https://demo-trunk.ofbiz.apache.org/catalog/control/EditProductAssoc?productId=GZ-BASKET

Here is an example:
!https://issues.apache.org/jira/secure/attachment/13036538/Image%20001.png!

> Tooltip Helveticus layout issue
> -------------------------------
>
>                 Key: OFBIZ-12638
>                 URL: https://issues.apache.org/jira/browse/OFBIZ-12638
>             Project: OFBiz
>          Issue Type: Sub-task
>          Components: themes/helveticus
>    Affects Versions: Upcoming Branch
>            Reporter: Ingo Wolfmayr
>            Priority: Minor
>             Fix For: Upcoming Branch
>
>         Attachments: image-2022-06-13-12-20-42-426.png, 
> image-2022-06-13-12-21-34-819.png, image-2022-06-13-13-38-58-628.png
>
>
> 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-20-42-426.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&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>
> {code}
> !image-2022-06-13-12-21-34-819.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.10#820010)

Reply via email to