jQuery Grid Plugin - jqGridForum

Topic RSS

Related Topics sp_TopicIcon

buttons moving

Tags: button css bug

09/07/2013
20:08

bouks

Member

Members

Forum Posts: 30

Member Since:
24/05/2011

Offline

Buttons are moving when going "hover".

browser : firefox (21), chrome

- when hovering a button in the navbar, next buttons moving left (some px)

browser : ie10

- when hovering a button on navbar, 'add' 'edit' and pages buttons moving down (some px)

- when hovering action column button 'edit', button 'delete' moving right

- when hovering action column button 'delete', button 'edit' moving up

jqgrid : 4.5.2

jquery : 2.0.3

jquery-ui : 1.10.3

remark : using html5 doctor reset

Enjoy css. 🙂

10/07/2013
12:58

tony

Sofia, Bulgaria

Moderator

Members

Moderators

Forum Posts: 7721

Member Since:
30/10/2007

Offline

Hello,

A test case is greatly appreciated.

Regards

For professional UI suites for Java Script and PHP visit us at our commercial products site - guriddo.net - by the very same guys that created jqGrid.

14/08/2013
17:14

bouks

Member

Members

Forum Posts: 30

Member Since:
24/05/2011

Offline

jqgrid td's are defined with border 1px, so you have to set :

.ui-jqgrid .ui-pg-button{
border: 1px solid transparent;
}

With resetter (which i recommend), everything is 0 padding. So, using resetter, i had to set :

.ui-jqgrid .ui-pg-button:hover{
padding: 1px;
}

The reasonnable way would have to set css on button himself.

The best way should have to not set pager as a table.

I could fix this if i had responses to my questions and fixes (on github too). 🙂

All RSS

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
19 Guest(s)

Currently Browsing this Page:
1 Guest(s)