[
https://issues.apache.org/jira/browse/OFBIZ-12638?page=com.atlassian.jira.plugin.system.issuetabpanels:all-tabpanel
]
Ingo Wolfmayr updated OFBIZ-12638:
----------------------------------
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:
{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?
was:
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?
> 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
> 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
>
>
> 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.7#820007)
