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

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

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">

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

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 ?

The reason why it didn't work is ; The tab key was restricted to focus on other than input fields. So I erased those lines and it is working. Thank you very much.   

It's not getting focus to datagrid when I use tab keys. Nothing changed.  Only when I click on the datagrid , the striped lines get thr focus color which is yellow as seen on the picture

I want to focus on  each element in the form by using tab and shift tab keys. But I can't get focus to datagrid.

Can somebody help me ??

I tried that before. It is not working

Hi. Before I was using the code below

Code:

$('#cc').combogrid({
autoRowHeight: false,
onLoadSuccess: function(){
$(this).combogrid('grid').datagrid('getPanel').find('.datagrid-row').css('height','50px');
}
})

Now it is not working, giving error. I searched the forum pages and I found this code. It is working fine

Code:

<style>
.combo-panel .datagrid-row{
  height:25px;
}
</style>

Now the problem is I want users to decide the height. So how can I write the above style as  javascript code.

Thank You  This was what I am looking for

Hi,
How can I set a numberbox precision value from a variable

Thanx. Now it is working