asked
2014-06-26 19:11:29 +0800
orthello 18 ● 2 If listbox has rows or height defined then popup works as expected.
If listbox only has vflex="true" defined and does not define rows or height then when
popup displays the listbox goes blank/disappears. When the popup is no longer visible then the listbox re-appears.
Any ideas how to fix this?
Causes listbox not to take up all available space (but popup displays correctly)
<listbox id="paneljurorsId"
hflex="true"
rows="18"
...
Causes listbox to go blank when popup displays:
<listbox id="paneljurorsId"
hflex="true"
vflex="true"
...
I have screenshots but I don't have enough karma to upload them. That's funny.
Here is the listcell that cause the popup to display:
<listcell label="@load(panelJuror.panelJurorCodeListToString)"
tooltip="@load(empty panelJuror.panelJurorCodeList ? '' : 'CurrentPanelJurorCodePopup, at_pointer')" >
This is the popup that displays when one of the listcells is hovered over:
<popup id="CurrentPanelJurorCodePopup"
width="600px"
onOpen="@command('panelJurorCodePopupOnOpen', opened=event.open, panelJuror=event.reference.getAttribute('panelJuror'))">
<grid span="true"
model="@load(vm.onMouseOverPanelJurorCodeListModel)">
<columns>
<column value="Action"
hflex="1"
align="left"
valign="middle"/>
<column value="Code"
hflex="1"
align="left"
valign="middle"/>
<column value="Description"
hflex="2"
align="left"
valign="middle"/>
<column value="Comment"
hflex="3"
align="left"
valign="middle"/>
<column value="Date"
hflex="2"
align="left"
valign="middle"/>
<column value="User"
hflex="1"
align="left"
valign="middle"/>
<column value="Transferred To"
hflex="2"
align="left"
valign="middle"/>
</columns>
<template name="model" var="pjc">
<row>
<a disabled="@load(vm.isArchived or pjc.domainPanelJurorCode.jmsDomainPanelJurorCode)"
image="@load(vm.isArchived or pjc.domainPanelJurorCode.jmsDomainPanelJurorCode ? '/img/action-remove-disable.ico' : '/img/action-remove-enable.ico')"
tooltiptext="Remove code"
onClick="@command('doRemovePanelJurorCode', pjc=pjc)"/>
<label value="@load(pjc.domainPanelJurorCode.code)"/>
<label value="@load(pjc.domainPanelJurorCode.description)"/>
<textbox value="@bind(pjc.comment)"
disabled="@load(vm.isArchived)"
width="120px"
cols="255"
rows="1"
tooltiptext="@load(pjc.comment)"
onChange="@command('doSavePanelJurorCodeComment', pjc=pjc)"/>
<label value="@load(empty pjc.assignedDate ? '' : core:formatDate(pjc.assignedDate, 'MM/dd/yy hh:mm a'))"/>
<label value="@load(empty pjc.assignedUser ? '' : pjc.assignedUser.loginName)"/>
<label value="@load(empty pjc.destinationPanel ? '' : pjc.destinationPanel.toStringShort)"/>
</row>
</template>
</grid>
</popup>
To clarify: Depending on the browser the listbox either goes blank or the screen flickers.