LineChartModel is not responsive

Post Reply
abdulkerim.atik
Posts: 6
Joined: 28 Jun 2015, 01:48
Location: TURKEY

09 Nov 2016, 14:30

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
JSF implementation: Mojarra v2.2.8
JSF component library: Primefaces v6.0
Tomcat 8

User avatar
aragorn
Posts: 2659
Joined: 29 Jun 2013, 12:38

25 Nov 2016, 15:56

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 
        });
...

abdulkerim.atik
Posts: 6
Joined: 28 Jun 2015, 01:48
Location: TURKEY

21 Dec 2016, 11:10

Thank u so much , it is working :)
JSF implementation: Mojarra v2.2.8
JSF component library: Primefaces v6.0
Tomcat 8

User avatar
aragorn
Posts: 2659
Joined: 29 Jun 2013, 12:38

22 Dec 2016, 13:57

Glad to hear, thanks!

Post Reply
  • Information
  • Who is online

    Users browsing this forum: No registered users and 1 guest