Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_Related Related Topics sp_TopicIcon
How to reduce pager toolbar size
10/06/2011
12:04
Avatar
jfernandezrico
New Member
Members
Forum Posts: 2
Member Since:
10/06/2011
sp_UserOfflineSmall Offline

Hello,

I've got next code which contains a jqgrid with 2 columns.

            $("#listGrupos").jqGrid({
                url: '<%= Url.Action("GetRestoGrupos") %>',
                datatype: 'json',
                mtype: 'GET',
                colNames: ['Descripción', 'Código'],
                colModel: [
                        { index: 'descripcion', width: 200, align: 'left' },
                        { index: 'codigo', width: 200, align: 'left' },
                    ],
                pager: $('#pagerGrupos'),
                rowNum: 10,
                rowList: [10, 20, 50],
                sortname: 'descripcion',
                sortorder: 'asc',
                viewrecords: true,
                imgpath: '/Scripts/jquery-ui-1.8.12.custom/css/south-street/images',
                caption: 'Resto de Grupos',
                height: 200,
                width: 400,
                postData: { idLinea: function() { return $("#lineaSelected").val(); } },
                onSelectRow: function(id) {
                }
            });

The problem there is that pager toolbar message 'Showing page 1-3 of 3' is not beeing shown because of the small width of the jqgrid.Look at the image:

Image Enlarger

How can I reduce the empty left part of the pager toolbar div?

Thanks a lot,

10/06/2011
12:35
Avatar
OlegK
Germany
Member
Members
Forum Posts: 1255
Member Since:
10/08/2009
sp_UserOfflineSmall Offline

Hello jfernandezrico,

You can improve the visibility of the pager if you exactute the following code

$($("#listGrupos")[0].p.pager+"_left").hide();

which will hide the empty div with id="pagerGrupos_left" existing on the left part of the pager.

Best regards
Oleg 

10/06/2011
14:28
Avatar
jfernandezrico
New Member
Members
Forum Posts: 2
Member Since:
10/06/2011
sp_UserOfflineSmall Offline

Thank you very much OlegK,

It was very useful for me. I was driving crazy looking for the element to edit within js code.

Regards,

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
38 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

OlegK: 1255

markw65: 179

kobruleht: 144

phicarre: 132

YamilBracho: 124

Renso: 118

Member Stats:

Guest Posters: 447

Members: 11373

Moderators: 2

Admins: 1

Forum Stats:

Groups: 1

Forums: 8

Topics: 10592

Posts: 31289

Newest Members:

, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information