Pentaho Tools :

Pentaho C-Tools(CDE,CDF,CDA),Pentaho CE & EE Server,OLAP-Cubes,Analysis using Pivot4J, Saiku Analytics, Saiku Reporting, Ad-hoc Reporting using Interactive Reporting Tool,Dashboards,Reports using PRD, PDD,Data Integration using Kettle ETL,Data Mining usign WEKA,Integration of Servers with Databases,Mobile/iPad compatible Dashboards using Bootstrap Css,Drilldown dashboards,Interactive Dashboards

Thursday 26 June 2014

Tip: Chosen jQuery Single Select input control in Pentaho CDE - Will it helpful to you instead normal inputs ?

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










No comments:

Post a Comment