Hi
My Problem is Like this Post But for Harmony 5.0.0 on primefaces 11 : viewtopic.php?t=51652
it seems that when I click on changing menu type it won't update (.ui-datatable.ui-datatable-sticky.ui-widget) width size automatically
but the funny part is when I try to open inspect element it automatically change the width :
so I need some code like that post I mentioned to update the width after changing menu type
Data table with sticky header covers menu items on Harmony
Forum rules
Please note that response time for technical support is within 3-5 business days.
Please note that response time for technical support is within 3-5 business days.
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Thanks a lot for the screenshots. Please update your layout.js like;
Code: Select all
/**
* PrimeFaces Harmony Layout
*/
PrimeFaces.widget.Harmony = PrimeFaces.widget.BaseWidget.extend({
init: function(cfg) {
...
},
_bindEvents: function() {
...
this.topbarSidebarButton.off('click.topbar').on('click.topbar', function(e) {
$this.menuClick = true;
if($this.isMobile()) {
$this.wrapper.toggleClass('layout-menu-mobile-active');
}
else {
if($this.isStaticMenu())
$this.wrapper.toggleClass('layout-menu-static-inactive');
else
$this.wrapper.toggleClass('layout-menu-overlay-active');
}
setTimeout(function() { // Please add this code block
$(window).trigger('resize');
}, 200);
e.preventDefault();
});
...
},
...
});
Github Profile: https://github.com/mertsincan
thank you it worked !
I was using
in my template.xhtml and it seems it find js file from maven dependencies
so I had to change it to
I was using
Code: Select all
<h:outputScript name="js/layout.js" library="harmony-layout"/>
so I had to change it to
Code: Select all
<script src="${_context}/resources/harmony-layout/js/layout.js" type="text/javascript"/>
-
- Posts: 5281
- Joined: 29 Jun 2013, 12:38
Glad to hear, thanks a lot for the update!
Github Profile: https://github.com/mertsincan
-
- Information
-
Who is online
Users browsing this forum: No registered users and 13 guests