[jira] [Comment Edited] (OFBIZ-12638) Tooltip Helveticus layout issue

["Florian Motteau (Jira)" <ji...@apache.org>]

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

Florian Motteau edited comment on OFBIZ-12638 at 11/6/24 4:16 PM:
------------------------------------------------------------------

[~jleroux] this issue is caused by the way Helveticus handles tooltips. This form is written in FTL, and differs from what is generated by the form engine, causing this glitch.

Fixed in [https://github.com/apache/ofbiz-framework/pull/851]


was (Author: JIRAUSER289190):
[~jleroux] this issue is caused by the way Helveticus handles tooltips. This form is written in FTL, and differs from what is generated by the form engine, causing this glitch.

Fixed in https://github.com/apache/ofbiz-framework/pull/851{*}{*}

> 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)