ParamQuery grid support forum

General Category => Help for ParamQuery Select => Topic started by: AdamMcArdle on June 24, 2015, 05:28:38 pm

Title: Missing triangle icon
Post by: AdamMcArdle on June 24, 2015, 05:28:38 pm

I've just noticed that my drop-down lists are missing the triangle icon on the right-hand side. I've inspected the page and compared it to the examples on the main page, and I seem to be missing a <span> element
<div class="pq-select-button pq-no-capture ui-widget ui-state-default ui-corner-all pq-select-multiple" data-name="param_AdminArea" tabindex="0" name="param_AdminArea" style="width: 305px;">
    <span class="ui-icon ui-icon-triangle-1-s"></span>
    <div class="pq-select-text">Select options</div>
</div>

The bit in red is missing from my page. If I add it back in manually on the F12 debugger, the icon appears.

The code I'm using to add the PQSelect is this:

$(document).ready(function(){
$( "#param_AdminArea" ).pqSelect({
checkbox: true,
maxDisplay: 1,
}).on("change", function(evt){
var val = $(this).val();
$(':hidden#hidden_AdminArea').val(val);
});
});
}


Is there an option I'm missing?

Thanks in advance

Title: Re: Missing triangle icon
Post by: AdamMcArdle on June 24, 2015, 05:58:23 pm

Found it. For some reason, the triangle only shows on Single selects (i.e. those without a multiple="multiple" attribute).
As per line 57 of the pqselect.dev.js:

Code: [Select]

(multiple ? "" : "<span class='ui-icon ui-icon-triangle-1-s'></span>"),

I've removed this check and it's now showing on all controls, which is what I'd prefer. Hopefully it's of some help to someone.

Title: Re: Missing triangle icon
Post by: paramvir on June 24, 2015, 08:16:09 pm

You are right. There is no triangle in case of multiple select by design.