Statistics: Posted by ajotta — 28 Jun 2018, 13:56
Statistics: Posted by mert.sincan — 28 Jun 2018, 13:25
Statistics: Posted by ajotta — 27 Jun 2018, 13:32
CODE:
<script type="text/javascript"> // Blue : #3E98D3 | Red : #EF3F61 | Green : #2BB673 | Orange : #F15732 function skinChart() { this.cfg.shadow = false; this.cfg.title = ''; this.cfg.seriesColors = ['#3E98D3', '#EF3F61', '#2BB673', '#F15732']; this.cfg.grid = { background: '#ffffff', borderColor: '#ffffff', gridLineColor: '#F5F5F5', shadow: false }; this.cfg.axesDefaults = { rendererOptions: { textColor: '#666F77' } }; this.cfg.seriesDefaults = { shadow: false, lineWidth: 1, markerOptions: { shadow: false, size: 7, style: 'circle' } } } function skinBar() { this.cfg.shadow = false; this.cfg.title = ''; this.cfg.seriesColors = ['#2BB673', '#F15732']; this.cfg.grid = { background: '#ffffff', borderColor: '#ffffff', gridLineColor: '#F5F5F5', shadow: false }; this.cfg.axesDefaults = { rendererOptions: { textColor: '#666F77' } }; this.cfg.seriesDefaults = { shadow: false, lineWidth: 1, renderer: $.jqplot.BarRenderer, markerOptions: { shadow: false, size: 7, style: 'circle' } } } function skinArea() { this.cfg.shadow = false; this.cfg.title = ''; this.cfg.seriesColors = ['#EF3F61', '#2BB673']; this.cfg.grid = { background: '#ffffff', borderColor: '#ffffff', gridLineColor: '#F5F5F5', shadow: false }; this.cfg.axesDefaults = { rendererOptions: { textColor: '#666F77' } }; this.cfg.seriesDefaults = { shadow: false, lineWidth: 1, markerOptions: { shadow: false, size: 7, style: 'circle' } } } function skinBubble() { this.cfg.shadow = false; this.cfg.title = ''; this.cfg.seriesColors = ['#2BB673', '#F15732']; this.cfg.grid = { background: '#ffffff', borderColor: '#ffffff', gridLineColor: '#F5F5F5', shadow: false }; this.cfg.axesDefaults = { rendererOptions: { textColor: '#666F77' } }; this.cfg.seriesDefaults = { shadow: false, lineWidth: 1, renderer: $.jqplot.BubbleRenderer, markerOptions: { shadow: false, size: 7, style: 'circle' } } } function skinZoom() { this.cfg.shadow = false; this.cfg.title = ''; this.cfg.seriesColors = ['#2BB673', '#F15732']; this.cfg.grid = { background: '#ffffff', borderColor: '#ffffff', gridLineColor: '#F5F5F5', shadow: false }; this.cfg.axesDefaults = { rendererOptions: { textColor: '#666F77' } }; this.cfg.seriesDefaults = { shadow: false, lineWidth: 1, markerOptions: { shadow: false, size: 7, style: 'circle' } } } function skinPie() { this.cfg.shadow = false; this.cfg.title = ''; this.cfg.seriesColors = ['#3E98D3', '#EF3F61', '#2BB673', '#F15732']; this.cfg.grid = { background: '#ffffff', borderColor: '#ffffff', gridLineColor: '#F5F5F5', shadow: false }; this.cfg.axesDefaults = { rendererOptions: { textColor: '#666F77', } }; this.cfg.seriesDefaults = { renderer: $.jqplot.PieRenderer, shadow: false, lineWidth: 1, markerOptions: { shadow: false, size: 7, style: 'circle' } } } function skinDonut() { this.cfg.shadow = false; this.cfg.title = ''; this.cfg.seriesColors = ['#3E98D3', '#EF3F61', '#2BB673', '#F15732']; this.cfg.grid = { background: '#ffffff', borderColor: '#ffffff', gridLineColor: '#F5F5F5', shadow: false }; this.cfg.axesDefaults = { rendererOptions: { textColor: '#666F77', } }; this.cfg.seriesDefaults = { renderer: $.jqplot.DonutRenderer, shadow: false, lineWidth: 1, markerOptions: { shadow: false, size: 7, style: 'circle' } } } function skinBarAndLine() { this.cfg.shadow = false; this.cfg.title = ''; this.cfg.seriesColors = ['#3E98D3', '#EF3F61']; this.cfg.grid = { background: '#ffffff', borderColor: '#ffffff', gridLineColor: '#F5F5F5', shadow: false }; this.cfg.axesDefaults = { rendererOptions: { textColor: '#666F77' } }; this.cfg.seriesDefaults = { shadow: false, lineWidth: 5, renderer: $.jqplot.BarRenderer, markerOptions: { shadow: false, size: 7, style: 'circle' } } } function skinMeterGauge() { this.cfg.title = ''; this.cfg.seriesDefaults = { shadow: false, lineWidth: 5, renderer: $.jqplot.MeterGaugeRenderer, rendererOptions: { shadow: false, min: 100, max: 800, intervals: [200, 300, 400, 500, 600, 700, 800], intervalColors: ['#3E98D3', '#EF3F61', '#2BB673', '#F15732', '#3E98D3', '#EF3F61', '#2BB673'] } } } function skinMultiAxis() { this.cfg.shadow = false; this.cfg.title = ''; this.cfg.seriesColors = ['#2BB673', '#F15732']; this.cfg.grid = { background: '#ffffff', borderColor: '#ffffff', gridLineColor: '#F5F5F5', shadow: false }; this.cfg.axesDefaults = { rendererOptions: { textColor: '#666F77' } }; this.cfg.seriesDefaults = { shadow: false, lineWidth:1, renderer: $.jqplot.BarRenderer, markerOptions: { shadow: false, size: 7, style: 'circle' } } }</script><style type="text/css"> .jqplot-target, .jqplot-axis { color: #546E7A; }</style>
And you need to add the above custom js method using setExtender method to model.Statistics: Posted by mert.sincan — 12 Sep 2017, 15:14
Statistics: Posted by ajotta — 08 Sep 2017, 16:52
Statistics: Posted by ajotta — 08 Aug 2017, 20:38
- You can change the class of h:body or use javascript;and besides how do I switch between a standard menu with the side?
- You need to override css style. For mobile, you can use @media queries; https://responsivedesign.is/develop/bro ... eakpoints/The menu in the mobile version was not like in Paradise, how do I leave the mobile version as the version for better navigation?
Statistics: Posted by mert.sincan — 31 Jul 2017, 08:00
Statistics: Posted by ajotta — 24 Jul 2017, 20:06
Statistics: Posted by ajotta — 24 Jul 2017, 15:02
CODE:
#layout-menu > li > a { box-sizing: border-box}
Statistics: Posted by mert.sincan — 23 Jul 2017, 11:25
Statistics: Posted by pfroy — 21 Jul 2017, 18:13