Page 2 of 2

Re: where is the rio layouts and themes page?

Posted: 09 Nov 2016, 16:48
by aragorn

Re: where is the rio layouts and themes page?

Posted: 17 Nov 2016, 14:06
by gapler
aragorn, please help me...

I purchase the Rio Theme months ago... But now I need a feature that exists in dashboard.xhtml, then I go to store.primefaces, downloaded again the rio-layout-3.1.2.zip, but I can find that file on my zip file...

Where can I get it?

Re: where is the rio layouts and themes page?

Posted: 18 Nov 2016, 14:17
by aragorn
Which feature in Rio Dasboard?

Re: where is the rio layouts and themes page?

Posted: 21 Nov 2016, 18:53
by gapler
aragorn wrote:Which feature in Rio Dasboard?

the graphic ...

Re: where is the rio layouts and themes page?

Posted: 25 Nov 2016, 16:40
by aragorn
graphic??? I think you want chart styles in dashboard.xhtml.

Code: Select all

    <script type="text/javascript">
            function skinChart() {
                this.cfg.shadow = false;
                this.cfg.title='';
                this.cfg.seriesColors = ['#FF4081', '#FBB040', '#1C75BC'];
                this.cfg.grid = {
                    background: '#ffffff',
                    borderColor: '#ffffff',
                    gridLineColor: '#E8E8E8',
                    shadow: false,
                };
                this.cfg.axesDefaults = {
                    rendererOptions: {
                        textColor: '#778D9B'
                    }
                };
                this.cfg.seriesDefaults = {
                    shadow: false,
                    markerOptions: {
                        shadow: false
                    }
                }
            }
        </script>
        <style type="text/css">
            .jqplot-target, .jqplot-axis {
                color: #778D9B;
            }
        </style>
in dashboard.xhtml

Code: Select all

<p:chart type="line" model="#{chartView.lineModel1}" style="height:320px;" responsive="true"/>
in ChartDemoView.java

Code: Select all

...
        lineModel1 = initLinearModel();
        lineModel1.setTitle("Linear Chart");
        lineModel1.setLegendPosition("e");
        Axis yAxis = lineModel1.getAxis(AxisType.Y);
        yAxis.setMin(0);
        yAxis.setMax(10);
        lineModel1.setExtender("skinChart");
        
        lineModel2 = initCategoryModel();
        lineModel2.setTitle("Category Chart");
        lineModel2.setLegendPosition("e");
        lineModel2.setShowPointLabels(true);
        lineModel2.getAxes().put(AxisType.X, new CategoryAxis("Years"));
        yAxis = lineModel2.getAxis(AxisType.Y);
        yAxis.setLabel("Births");
        yAxis.setMin(0);
        yAxis.setMax(200);
        
        zoomModel = initLinearModel();
        zoomModel.setTitle("Zoom");
        zoomModel.setZoom(true);
        zoomModel.setLegendPosition("e");
        yAxis = zoomModel.getAxis(AxisType.Y);
        yAxis.setMin(0);
        yAxis.setMax(10);
...