jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

Width of input elements in edit form not correct (3.8 beta)

Tags: form edit width input elements input

08/09/2010
11:30

hoekie

Netherlands

Member

Members

Forum Posts: 5

Member Since:
08/09/2010

Offline

Hi,

I installed the 3.8 beta version and did some experiments with the ‘form edit’ function.

I found out that the width of the input elements are not displayed correctly and the elmprefix is displayed above the elements and the elmsuffix below. When I resize the form, the input elements are resizing as well.

See: http://www.baupartners.nl/editform.jpg

I use the same settings in formoptions and editrules as in the demo.

Can anybody find me a solution?

Greetings!

Richard.

08/09/2010
11:50

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hi Richard,

It looks more like that you defined the size of input elements very large (see editoptions). Moreover default width of form dialogs is 300. You can change it including width: 400 for example in the list of options of prmEdit or prmAdd parameters of navGrid. All this are not new options and exist not only in 3.8 beta.

Regards
Oleg

08/09/2010
12:39

hoekie

Netherlands

Member

Members

Forum Posts: 5

Member Since:
08/09/2010

Offline

Hi Oleg,

Thanks for your reply.

The largest size I've used is 25 for the name (size:25) and I've tried your suggestion to set the form to a larger width but unfortunately, no go...

I downloaded the demo files of version 3.6 and tried this on my local WAMP server but then again: no go…

Very strange… maybe it has something to do with my WAMP server. I will upload the files to my domain today to check if it works well.

I will get back to you.

Thanks again.

Regards, Richard

08/09/2010
13:51

hoekie

Netherlands

Member

Members

Forum Posts: 5

Member Since:
08/09/2010

Offline

Hi,

I uploaded the jqGrid files to my domain http://www.baupartners.nl/jqGrid but the issue, discribed above, remains. Even if I change the theme. Try to edit some data and to resize the form.

I use the following settings for the colModel:

    colModel:[
     {name:'id',index:'id', width:30, editable:false, editoptions:{size:10}, formoptions:{rowpos:1}},
     {name:'name',index:'name', width:70, editable:true, editoptions:{size:25}, formoptions:{rowpos:2, elmprefix:"(*)"},editrules:{required:true}},
     {name:'address',index:'address', width:50, editable:true, editoptions:{size:25}, formoptions:{rowpos:3, elmprefix:"(*)"},editrules:{required:true}},
     {name:'postalcode',index:'postalcode', width:30, editable:true, editoptions:{size:10}, formoptions:{rowpos:4, elmprefix:"(*)"},editrules:{required:true}},
     {name:'city',index:'city', width:50, editable:true, editoptions:{size:25}, formoptions:{rowpos:5}},
     {name:'phone',index:'phone', width:30, editable:true, editoptions:{size:10}, formoptions:{rowpos:6}},
     {name:'email',index:'email', width:50, editable:true, editoptions:{size:25}, formoptions:{rowpos:7}},
     {name:'membernr',index:'membernr', width:30, editable:true, editoptions:{size:10}, formoptions:{rowpos:8, elmprefix:"(*)"},editrules:{required:true}},
     {name:'date',index:'date', width:30, editable:false, editoptions:{size:10}, formoptions:{rowpos:9}}
    ],

It seems to me that the settings are ok.

Any suggestions?

Regards, Richard.

10/09/2010
11:08

OlegK

Germany

Member

Members

Forum Posts: 1255

Member Since:
10/08/2009

Offline

Hi Richard!

It's pitty, that trirand forum has no "mark post as unreaded" feature. Last time I unswer on meny questions in the forum and almost forget about your post.

Now I read it and find out that on the http://www.baupartners.nl/jqGrid/ you load grid.formedit.js twice. The fitst time it is loaded before loading grid.base.js. Try to remove the line

before the line
<script src="js/jquery.jqGrid.js" type="text/javascript"></script>

best regards

Oleg

10/09/2010
23:53

thlas77

Member

Members

Forum Posts: 7

Member Since:
10/09/2010

Offline

Hi all,
I've just registered because I'm new user of (wonderful) Jqgrid and I have exactly the same problem has described above. I'm happy to see that I'm not alone 🙂
Nevertheless, I have looked at your solution and I don't have the grid.formedit.js in my script.
Mine are (used with joomla) :

$document->addStyleSheet(JURI::root(true).'/components/com_myfirstgrid/css/ui-lightness/jquery-ui-1.7.2.custom.css');
$document->addStyleSheet(JURI::root(true).'/components/com_myfirstgrid/css/ui.jqgrid.css');
$document->addCustomTag('<script type="text/javascript" src="'.JURI::root(true).'/components/com_myfirstgrid/js/jquery-1.4.2.min.js"></script>');
$document->addCustomTag('<script type="text/javascript" src="'.JURI::root(true).'/components/com_myfirstgrid/js/i18n/grid.locale-fr.js"></script>');
$document->addCustomTag('<script type="text/javascript" src="'.JURI::root(true).'/components/com_myfirstgrid/js/jquery.jqGrid.min.js"></script>');

I have spent a lot of hours with firebug trying to understand where the problem is but without succes...
Does it work for you Hoekie ?
Thanks for you answer...(sorry for the post, I didn't know how to do it...:-)

Thierry

11/09/2010
10:43

thlas77

Member

Members

Forum Posts: 7

Member Since:
10/09/2010

Offline

I have re-installed 3.7.2 version and now, it is working fine !! It seems there is a probleme in the 3.8 version.

Thierry

11/09/2010
10:45

hoekie

Netherlands

Member

Members

Forum Posts: 5

Member Since:
08/09/2010

Offline

Hi Guys!

Finaly I found some time to look at this issue again.

Oleg, Thanks for your post. I removed the grid.formedit.js line as you discribe above but that did not fix the problem.

Thierry has the same problem and uses, just like me, a Joomla database so I changed it to the giddemo database and then to the northwind database but still the same problem occurs.

I hope you will spent some more time on this... Smile

I shall try some different versions of jquery and jqgrid and I'm going to instal the 'com_myfirstgrid' on my Joomla website.

I'll get back to you on monday.

Thanks!

11/09/2010
10:49

hoekie

Netherlands

Member

Members

Forum Posts: 5

Member Since:
08/09/2010

Offline

Hi Thierry,

I guess I was typing while you post the solution.

Thanks, I will try to install the 3.7.2 version later on the day! Laugh

I will get back on you.

Regards, Richard