EasyUI Forum

We are pleased to announce the availability of jQuery EasyUI 1.5.5.

• Some bugs in previous version are fixed.
• Some new properties and methods are added.
• Add 'showEvent' and 'hideEvent' properties to the menubutton plugin.
• The 'markedbox' plugin is added.
• ...

Please visit http://www.jeasyui.com/download/v155.php to see more details.

Hi, why the size of fonts and borders, padding, etc are increased in this last version?

The bigger layout makes the user feel more comfortable. It can improve the user experience. You can still use the theme builder tool to set the font-size you want.

Can you please update the nuget package at https://www.nuget.org/packages/EasyUI/ ? It is stuck at version 1.4.5.

Thanks in advance

We have a fairly serious issue with this release... The sizing has changed, significantly. Yes, the font-size can be reduced, but it's so much more. While I appreciate efforts to make this library more appealing, it can't be done at the expense of backwards compatibility.

Yes, I could take the next day meticulously going through the CSS and modifying various items.

Yes, I could override the javascript functions.

But, that is not the point, it shouldn't be this difficult. I certainly hope the entire look of the widget library can be reverted with overrides and extensions.

Please try and provide another option. We are using your library extensively in a fairly large intranet application and the customer is extremely disappointed.

Please advise or provide some workaround.

You can custom the theme font size.

1. Open the theme builder tool https://www.jeasyui.com/themebuilder/index.php.

2. Set the ‘template-version’ to 1 and change the ‘font-size’ to 12px.

3. Switch to the ‘CSS’ panel on the left side.

4. Copy the generated css code and save them to the ‘easyui.css’ file.

The older themes can also be downloaded from https://jeasyui.com/extension/themes_older.php

Fantastic, thanks for the help on this!

Could you document these and other items somewhere? I had a hunch it could be the template but there was no documentation anywhere that referred to what templates were with what versions.

Thank you again for the help.

After I upgraded to vers 1.9  I custom the theme font size as you have written below.

You can custom the theme font size.
1. Open the theme builder tool https://www.jeasyui.com/themebuilder/index.php.
2. Set the ‘template-version’ to 1 and change the ‘font-size’ to 12px.
3. Switch to the ‘CSS’ panel on the left side.
4. Copy the generated css code and save them to the ‘easyui.css’ file.
The older themes can also be downloaded from https://jeasyui.com/extension/themes_older.php

But this time there is a problem with the grid scroll bar. On the right side after the scroll bar there is a space. How can I get rid of it ?

This issue has been fixed. Please use a lower version of jQuery such as 1.9.x, or re-generate or re-download the themes from the site.

When  I re generate and download the default theme for version 1 and font-size 12 then as seen on the picture happens . But the scroll works properly. I found out that this is due to the code below

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

If I erase these lines  then the scroll on the right is not working properly, but the others are normal.
If I add these lines then the scroll on the right is working properly but other things go wrong as in the picture.

As seen on the picture the header and footer height is narrow

I am using chrome browser and I found that

  -webkit-box-sizing: border-box;

the line above is making the problem

Please look at this example http://code.reloado.com/oqowux/edit#preview. The head of dialog displays well in chrome browser.

I am using easyui-draggable everywhere. all of the Headers and footers have the same problem.

It is almost impossible for me to change all of the code.

    <div id="carifis_list" class="easyui-draggable" data-options="handle:'#carifislist_header',edge:10">
        <div id="carifislist_header" class="header"></div>
        <div class="mainbody">

Is there a way to change height of  header and footer of easyui-draggable ?
In your example header is also narrower than the older style that I use

The problem is the lines below

* {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

I used older version of jquery and also I used vers 1.5.2  version's  easyui.css file. With these two changes. It is working as before. Only number spinner's spinbutton is not showing.

Pls make some changes so we can use the new versions backward compatible.

The 'easyui-draggable' doesn't add any styles to the <div> elements.

How do you define the '.header' class? You can reset its height by overriding this CSS style.

This is another example using your draggable structural elements.

http://code.reloado.com/oqowux/2/edit#preview