As of December 1, 2020, Focal Point is retired and repurposed as a reference repository. We value the wealth of knowledge that's been shared here over the years. You'll continue to have access to this treasure trove of knowledge, for search purposes only.
Join the TIBCO Community TIBCO Community is a collaborative space for users to share knowledge and support one another in making the best use of TIBCO products and services. There are several TIBCO WebFOCUS resources in the community.
From the Home page, select Predict: WebFOCUS to view articles, questions, and trending articles.
Select Products from the top navigation bar, scroll, and then select the TIBCO WebFOCUS product page to view product overview, articles, and discussions.
Request access to the private WebFOCUS User Group (login required) to network with fellow members.
Former myibi community members should have received an email on 8/3/22 to activate their user accounts to join the community. Check your Spam folder for the email. Please get in touch with us at community@tibco.com for further assistance. Reference the community FAQ to learn more about the community.
Has anyone figured out how to modify the height of an open multiselect drop down box with HTML composer?This message has been edited. Last edited by: Kerry,
WebFOCUS & DataMigrator 7.7.03M Windows 2003, Windows 2008 x64
Unfortunately modifying the height of the box (in 7702 at least) has no effect, and in fact reverts back to its original 22px height.
Modifying the Z-index does work for the main box itself, but doesn't affect the z-index of the expanded box. Keep in mind we're talking about the multiselect drop-down box, not a regular multiselect list box or double list...
WebFOCUS & DataMigrator 7.7.03M Windows 2003, Windows 2008 x64
This multi-select dropdown box is hard to control, but what about simulating a control like that. See code below. The idea is that is you "mouseover" that control, it expands to a greater height and when you "mouseout", it shrinks back to the 22px.
-Fred-
<HTML>
<HEAD>
<META id=mycharsetmeta content="text/html; charset=ISO-8859-1" http-equiv=Content-Type>
<META id=Generation content="Created in release 7702, Generation 3.0">
<SCRIPT id=IBI_RelCallBack type=text/javascript>function AdjustChildrenPosition(){
}
</SCRIPT>
<SCRIPT id=IBI_OptionsScript type=text/javascript>
var cgipath = "cgipath";
var ibirls = "ibirls3";
var rltdyncalendar = "rltdyncalendar";
var gmap = "ibigmap";
var olap="olap";
var olappanebase="olappanebase";
var olapdrill="olapdrill";
var ibixmltree="ibixmltree";
var ibiOptions = new Array(cgipath,ibirls);
</SCRIPT>
<SCRIPT id=IBI_nls type=text/javascript src="/ibi_html/javaassist/nls.js"></SCRIPT>
<SCRIPT id=IBI_nlsVars type=text/javascript src="/ibi_html/javaassist/nlsvars.js"></SCRIPT>
<SCRIPT id=IBI_ibigbl type=text/javascript src="/ibi_html/javaassist/ibi/html/js/ibigbl.js"></SCRIPT>
<SCRIPT id=IBI_ibigblloadCss type=text/javascript>
ibigblloadCss(null);
addIntlTranslatedJS("composertrans.js");
</SCRIPT>
<TITLE>HtmlPage</TITLE>
<SCRIPT id=clientEventHandlersJS type=text/javascript>
//Begin function window_onload
function window_onload() {
UpdateData();
// TODO: Add your event handler code here
//add onInitialUpdate() function to make changes before initial run of the reports
}
//End function window_onload
//Begin function listbox1_onmouseover
function listbox1_onmouseover(ctrl) {
ctrl.style.height = "200px";
}
//End function listbox1_onmouseover
//Begin function listbox1_onmouseout
function listbox1_onmouseout(ctrl) {
ctrl.style.height = "22px";
}
//End function listbox1_onmouseout
</SCRIPT>
<SCRIPT for=window type=text/javascript eventname="onload">window.onload = function() { window_onload(); }</SCRIPT>
</HEAD>
<BODY style="OVERFLOW: auto" nextelementuniquenumber="1" thumbnailscale="4" elementtype="21" edaconnectionrequired="true">
<SELECT style="Z-INDEX: 1000; POSITION: absolute; BACKGROUND-COLOR: #ffffff; WIDTH: 420px; HEIGHT: 22px; TOP: 80px; LEFT: 130px" id=listbox1 language=javascript onmouseover=listbox1_onmouseover(this) tabIndex=1 onmouseout=listbox1_onmouseout(this) multiple size=3 defaultselection="1" persistentuniqueid="compUid_1" name="listbox1"></SELECT>
<SPAN style="Z-INDEX: 2; POSITION: absolute; WIDTH: 420px; HEIGHT: 133px; TOP: 110px; LEFT: 130px" id=text1 tabIndex=2>Lorem ipsum dolor sit amet, at sea abhorreant constituam. Omnesque vituperatoribus vel ne, nobis numquam eu sed. Velit errem officiis id ius, ius option euismod appellantur et. Eu has alia hinc euismod, vidisse persius vivendum eu per, in nonumy fastidii nam. Est ea quem comprehensam, elit vituperatoribus ei mel, probo ferri populo vis eu. Pri ea elit temporibus, quo et noluisse assentior, audiam invenire splendide at ***.</SPAN>
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=layoutinfo type=hidden>
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibiapp_app value=baseapp type=hidden name="ibiapp_app">
<INPUT style="POSITION: absolute; TOP: -100px; LEFT: -100px" id=ibic_server value=EDASERVE type=hidden isdataserversarea="1" name="ibic_server">
<xml id=focus_xmlelement>
<script type="text/xml" nextelementuniquenumber="2">
<rootxmlnode focoption="_FOC_NULL" top="50" left="10" width="150" height="130">
<variables></variables>
<input_controls>
<input_control bindcontrolid="compUid_1" elementtype="9" name="listbox1" id="listbox1" multiple="1" inbinding="1" top="20" left="30" width="60" height="20" onetimepopulated="0">
<link linktype="default" persistentuniqueid="compUid_1">
<condition default="1" name="Default" whattodowithcontrol="0" valuescompareoperator="0" parameterscompareoperator="0" conditionmultiselectoperator="0">
<data_info checkForDuplicateValues="0" sourcetype="typeMaster" datatype="1" modifiedrequest="0" ibiapp_app="baseapp" datasource="CAR.mas" displayfield="CAR.CARREC.MODEL" ibiformat="A24" dfformat="A24" datafield="CAR.CARREC.MODEL" addnoselectionoption="1" dynnoselectiondisplayvalue="- Make Selection -">
<![CDATA[TABLE FILE CAR
SUM FST.CAR.CARREC.MODEL
BY CAR.CARREC.MODEL
-*insert_filters_here
ON TABLE PCHOLD FORMAT XML
END
]]></data_info></condition></link></input_control></input_controls>
<other_bound_objects></other_bound_objects>
<requests></requests></rootxmlnode></script>
</xml></BODY>
<SCRIPT id=IBI_loader type=text/javascript>
doBeforeLoad();
</SCRIPT>
</HTML>
Has anyone figured out how to modify the height of an open multiselect drop down box with HTML composer?
Keith,
The parameter that you need to change is the "size" not the height. Although having a value in height will override the size parm in many situations. I'm guessing that you've already changed the multiple parm?
If the GUI will not let you blank the height then you'll have to achieve it in edit.
Not something I've checked myself but, if the height keeps reverting to the default 22px even after you've set size then you many need to raise a call on inforesponse.
T
In FOCUS since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2
WebFOCUS App Studio 8.2.06 standalone on Windows 10
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004
Setting the size will not help for this kind of control-type. This is (AFAIK) a kind of new.
When you select in the GUI controltype "multiple listbox", the height (or size) is set by default to 22px (only the first item is visible). When clicking on that control, it's height is set to a bigger height and acts like a multi-select listbox. After selecting 1 or more elements and clicking away from that control, the height is set back to it's default of 22px and the selected items are then visible in the first "row", seperated with a semi-colon, like ITALY; ENGLAND; JAPAN.
Clicking again on that control, the items are made selected again It looks like a combination of a multi-select listbox and a non-editable text-box (must be all javascript handled)
Of course, you are correct. I was refering to what I am currently working on - 7.6.10. In that version, the "drop down list" and "list box" both have the "multiple" and "size" attributes, although, on the "drop down list" control, the "multiple" attribute does not appear until you type a value into the "size" attribute. The "height" attribute does not get defaulted in either case within the GUI when dragged onto the form.
I think also worth a mention is the fact that, in your example, you set Z-INDEX for the select to 1000. Folks need to remember that the layering of certain controls in earlier versions of I.E. are problematic.
T
In FOCUS since 1986
WebFOCUS Server 8.2.01M, thru 8.2.07 on Windows Svr 2008 R2
WebFOCUS App Studio 8.2.06 standalone on Windows 10
Posts: 5694 | Location: United Kingdom | Registered: April 08, 2004
Focal Point Forums 