Hello guys,
1) set parameter/listener for your select component. (i.e., you have already have a parameter created).
2) There is a property called JQuery Plugin for select component
give value as "chosen" for this property
3)
Write below code for Select component "Post Execution" section and change % values or you can use pixels(px) in place of %'s.
function f(){
$('select').chosen({ width: '200%' });
$('.chzn-single').css('width','200%');
$('.chzn-drop').css('width','200%');
$('.chzn-search input').css('width','83%');
}
3) Check the output..
Some points to note down..
Can you make this input responsive ?
Will the above code affects the serach & drop down width for multi select ?(This tip works only when
References
http://harvesthq.github.io/chosen/
http://harvesthq.github.io/chosen/options.html
1) set parameter/listener for your select component. (i.e., you have already have a parameter created).
2) There is a property called JQuery Plugin for select component
give value as "chosen" for this property
3)
Write below code for Select component "Post Execution" section and change % values or you can use pixels(px) in place of %'s.
function f(){
$('select').chosen({ width: '200%' });
$('.chzn-single').css('width','200%');
$('.chzn-drop').css('width','200%');
$('.chzn-search input').css('width','83%');
}
3) Check the output..
Some points to note down..
Can you make this input responsive ?
Will the above code affects the serach & drop down width for multi select ?(This tip works only when
References
http://harvesthq.github.io/chosen/
http://harvesthq.github.io/chosen/options.html
No comments:
Post a Comment