[ https://issues.apache.org/jira/browse/OFBIZ-12638?page=com.atlassian.jira.plugin.system.issuetabpanels:comment-tabpanel&focusedCommentId=17896383#comment-17896383 ]
ASF subversion and git services commented on OFBIZ-12638: --------------------------------------------------------- Commit 2113d2163637544ce159be2b9085a1539387c537 in ofbiz-framework's branch refs/heads/trunk from Florian Motteau [ https://gitbox.apache.org/repos/asf?p=ofbiz-framework.git;h=2113d21636 ] Fixed: Fix tooltips display and styles leaks (OFBIZ-12730) (#851) Use natives browser tooltips instead of handmade tooltips. Fixes at least one glitch (OFBIZ-12730) due to styles leaking. Removes the global "transition: .2s" which leads to animate every single element modification (causes OFBIZ-13104, and possibly other problems/lagging). Only apply these transitions to buttons to keep a nice effect on hover. We may have to add other selectors if needed. OFBIZ-12638 OFBIZ-12730 OFBIZ-13104 > 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 > Assignee: Jacques Le Roux > 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, > image-2024-11-07-16-39-36-666.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&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)