EasyUI Forum
April 18, 2024, 11:18:57 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
EasyUI Forum > General Category > EasyUI for jQuery > [SOLVED] Resizing problem
Pages: [1]
« previous next »
  Print  
Author Topic: [SOLVED] Resizing problem  (Read 4160 times)
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« on: September 14, 2017, 12:11:09 PM »
Hello
I made simple example here:
http://code.reloado.com/ecituq3/35/edit#preview
when you run example, datagrid is not resized (width) until you resize browser.
Question is - how to run both datagrid (in both tabs) in full width?
Thank you.
« Last Edit: September 15, 2017, 05:44:26 AM by Pierre » Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #1 on: September 14, 2017, 05:21:06 PM »
The UIkit renders components after the EasyUI, you have to listen to the UIkit event and do the layout again. For more information please look at this updated example http://code.reloado.com/ecituq3/36/edit
Code:
$(function(){
  $('.uk-switcher').on('show.uk.switcher', function(event, area){
      $('body').panel('doLayout')
  });
});
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #2 on: September 14, 2017, 10:47:16 PM »
Awesome Jarry, thank you so much for your help!
Can you please check your example one more time and tel me why is the width of the datagrid changed each time you change tab?
Please do this:
- navigate here: http://code.reloado.com/ecituq3/36/edit#preview
- click on Members tab (everything is OK now)
- click on Invoices tab - you will see that datagrid width has been changed (on the right side)
- click on Members tab - width is OK

Thank you for your help.
Logged
Pierre
Sr. Member
****
Posts: 439


View Profile Email
« Reply #3 on: September 15, 2017, 05:43:47 AM »
OK I solved it

I added this:
Code:
  <style type="text/css">
    #bodyDiv { overflow: hidden !important; }
  </style>

and then

Code:
<body id="bodyDiv" style="background-color:white;"> 

complete example here:
http://code.reloado.com/ecituq3/37/edit#preview
Logged
Pages: [1]
  Print  
« previous next »
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!