My apologies - I posted before coffee.
We've created a custom slushbucket and are hoping to expand the columns of text. We can only expand so far and then the space between the text columns increases instead.
The UI Action that calls the UI Page:
function addExts(){
//Open a dialog window to select Approval Groups
var dialog = new GlideDialogWindow('x_enig_quote_extrm_add_extention');
dialog.setTitle('Add Extentions/Ajouter des extensions');
dialog.setPreference('sysparm_groupQuery', 'active=true');
dialog.setSize(1000,400);
dialog.render();
return false;
}
Here's the HMTL from the UI Page:
<?xml version="1.0" encoding="utf-8" ?>
<j:jelly trim="false" xmlns:j="jelly:core" xmlns:g="glide" xmlns:j2="null" xmlns:g2="null">
<TABLE width="100%" >
<tr>
<td align="right">
<p><label for="search_field" style="display:inline">Extension Group/Groupes d'extensions de garantie: </label>
<input id="search_field" type="text" name="search_field" value=''/></p>
</td>
</tr>
<tr>
<td align="right">
<button onclick="myFunction()">Search/Rechercher</button>
</td>
</tr>
</TABLE>
<TABLE >
<TR>
<TD>
<br>Select Extension(s)/Sélect extensions </br>
</TD>
</TR>
<TR>
<TD>
<g:ui_slushbucket/>
<script>
//Time out functiuon to generate results when the dialog 1st runs-->
setTimeout("myFunction()", 0.1);
</script>
</TD>
</TR>
<TR>
<TD align="right">
<!-- Include the 'dialog_buttons_ok_cancel' UI macro -->
<g:dialog_buttons_ok_cancel ok='return continueOK()' cancel="return continueCancel()" ok_type='button' cancel_type="button"/>
</TD>
</TR>
</TABLE>
</j:jelly>
And the Client Script where our changes are in lines 1 - 6:
//BORDER="0" width="100%"
addLoadEvent(function(){
//jQuery('.slushselect').attr("style", "width: 950px"); //expands the ui_slushbucket macro
jQuery('.slushselect').attr("width", "400px");
jQuery('.slushselect').attr("size", "5");
GlideDialogWindow.get().onResize();//recenter the GDW after resizing it.
});
function myFunction(){
gettingExt();
}
function gettingExt(){
//jQuery('.slushselect').attr("style", "width: 400px"); //expands the ui_slushbucket macro
//GlideDialogWindow.get().onResize();
//
slush.clear();
var search = gel('search_field').value;
var search1 = g_form.getValue("company_code");
var search2 = g_form.getValue("print_language");
//var search1 = gel('search_field1').value;
//var search2 = gel('search_field2').value;
//var search3 = gel('search_field3').value;
//var search4 = gel('search_field4').value;
//var search5 = gel('search_field5').value;
slush.clear();
var ajax = new GlideAjax('ExtremeQuoteAjaxScripts');
ajax.addParam('sysparm_name', 'getExtResults');
ajax.addParam('sysparm_search', search);
ajax.addParam('sysparm_search1', search1);
ajax.addParam('sysparm_search2', search2);
//ajax.addParam('sysparm_search4', search4);
//ajax.addParam('sysparm_search5', search5);
//ajax.addParam('lang', language);
//alert("got this far2");
ajax.getXML(loadResponse);
return false;
}
//Called when we get a response from the 'addLoadEvent' function
function loadResponse(response){
//document.getElementById('loading_image').style.display= 'none';
//Process the return XML document and add techs to the left select
var xml = response.responseXML;
var e = xml.documentElement;
var items = xml.getElementsByTagName("item");
if(items.length == 0){
return;
}
//Loop through item elements and add each item to left slushbucket
for (var i = 0; i < items.length; i++) {
var item = items[i];
slush.addLeftChoice(item.getAttribute('value'), item.getAttribute('text'));
}
}
//Called when the 'OK' button gets clicked
function continueOK(){
var msg1 = getMessage('one.item.selected');
var msg2 = getMessage('refresh.coverages.list');
//Get the selected values from the right slushbucket
var values = slush.getValues(slush.getRightSelect());
//Get the sys_id of the current record
//error with below
var taskID = g_form.getUniqueValue();
//Make sure we have at least one selection
if(values == '' ){
alert(msg1);
return;
}
//Build Many-To-Many from selected Ext
var search1 = g_form.getValue("company_code");
var search2 = g_form.getValue("print_language");
var ajax = new GlideAjax('ExtremeQuoteAjaxScripts');
ajax.addParam('sysparm_name', 'CreateExts');
ajax.addParam('sysparm_locID', taskID);
ajax.addParam('sysparm_values', values);
ajax.addParam('sysparm_search1', search1);
ajax.addParam('sysparm_search2', search2);
ajax.getXML('addCollectionResponse');
GlideDialogWindow.get().destroy();
alert(msg2);
}
//Called when we get a response from the 'continueOK' function -- not actually using this
function addCollectionResponse(){
GlideDialogWindow.get().destroy();
//GlideList2.get('').setFilterAndRefresh('');
return false;
}
//Called when the 'Cancel' button gets clicked
function continueCancel(){
//Close the dialog window
GlideDialogWindow.get().destroy();
return false;
}
And here's the result:
Thanks for the quick reply.
