Page 1 of 1

LineChartModel is not responsive

Posted: 09 Nov 2016, 14:30
by abdulkerim.atik
Hi



I have been used LineChartModel in my dashboard page with olympos template
LineChartModel is not responsive when open my tab-menu

is anyone help me for this issue? :roll: :roll:

<div class="Container100 ">
<div class="Card">
<h:outputLabel styleClass="fa fa-warning Fs16 Red MarRight5"></h:outputLabel>
<h:outputText value=" Son 24 saate ait kullanımları içermeyebilir" style="color:#E2033D;font-style:italic;font-size:14px;"></h:outputText>

<div class="Container100 Responsive100" style="display: #{dashboardBean.custUsageDataList.size()>0 ? 'block':'none'}">
<div class="SeparatorFull" />
<p:chart type="line" model="#{dashboardBean.animatedModel1}" style="width:100%;" responsive="true" />
</div>

</div>
</div>


Image

Re: LineChartModel is not responsive

Posted: 25 Nov 2016, 15:56
by aragorn
Sorry for my late reply. Please make the following change in layout.js;

Code: Select all

PrimeFaces.widget.Olympos = PrimeFaces.widget.BaseWidget.extend({
  
    ...
    
    bindEvents: function() {
        ...

        // change menu mode from expanded to slim
        this.menuResizeButton.on('click',function() { // line 40
            if($this.body.hasClass('SlimMenu')){
                ...
            }
            else{
                ...
            }

            $(window).trigger('resize'); // PLEASE ADD THIS LINE 
        });
...

Re: LineChartModel is not responsive

Posted: 21 Dec 2016, 11:10
by abdulkerim.atik
Thank u so much , it is working :)

Re: LineChartModel is not responsive

Posted: 22 Dec 2016, 13:57
by aragorn
Glad to hear, thanks!