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?
<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>
LineChartModel is not responsive
-
- Posts: 6
- Joined: 28 Jun 2015, 01:48
- Location: TURKEY
JSF implementation: Mojarra v2.2.8
JSF component library: Primefaces v6.0
Tomcat 8
JSF component library: Primefaces v6.0
Tomcat 8
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
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
});
...
Github Profile: https://github.com/mertsincan
-
- Posts: 6
- Joined: 28 Jun 2015, 01:48
- Location: TURKEY
Thank u so much , it is working
JSF implementation: Mojarra v2.2.8
JSF component library: Primefaces v6.0
Tomcat 8
JSF component library: Primefaces v6.0
Tomcat 8
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Glad to hear, thanks!
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 0 guests