Author Topic: Missing triangle icon  (Read 3934 times)

AdamMcArdle

  • Newbie
  • *
  • Posts: 2
    • View Profile
Missing triangle icon
« 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

AdamMcArdle

  • Newbie
  • *
  • Posts: 2
    • View Profile
Re: Missing triangle icon
« Reply #1 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.

paramvir

  • Administrator
  • Hero Member
  • *****
  • Posts: 6310
    • View Profile
Re: Missing triangle icon
« Reply #2 on: June 24, 2015, 08:16:09 pm »
You are right. There is no triangle in case of multiple select by design.