Loading...
Copy code
Close
Permalink
Close
Please tell us why you want to mark the subject as inappropriate.
(Maximum 200 characters)
Report Inappropriate
Cancel
Private Message
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Cancel
From :
guest
To :
Subject :
Content :
Type the characters you see in the picture below.
Send
Update
Cancel
Feedback
Email ID
Subject :
Comments :
Send
Cancel
Private Message
Type the characters you see in the picture below.
Type the characters you see in the picture below.
Attach files
Desktop
Google Docs
Each Attachment size should not exceed 1.0 MB.
Max no of attachments : 3
Loading User Profile...
guest
Response title
This is preview!
Attachments
Publish
Back to edit
Cancel
(
)
Sign In
New to this Portal? Click here to
Sign up
You can also use the below options to login
Login with Facebook
Login with Google
Login with Yahoo
jQuery
Plugins
UI
Meetups
Forum
Blog
About
Donate
All Forums
Recent Posts
Log In
Search
jQuery
Search
jQuery Forum
Move this topic
Forum :
Getting Started
Using jQuery
Using jQuery Plugins
Using jQuery UI
Developing jQuery Core
Developing jQuery Plugins
Developing jQuery UI
QUnit and Testing
About the jQuery Forum
jQuery Conferences
jQuery Mobile
Developing jQuery Mobile
Sub forum :
Move this topic
Cancel
Using jQuery
Guest
Icon position on button in IE
in
Using jQuery
•
13 years ago
If set the width of button by css the icon will be positioned in center of button (in IE 8). But in FF it looks good.
Replies(7)
bcdeaton
Re: Icon position on button in IE
13 years ago
Code sample please.
Leave a comment on bcdeaton's reply
romeromsk
Re: Icon position on button in IE
13 years ago
<button id="west-close" class="filter_button">Close</button>
$("#west-close").button({icons:{primary: 'ui-icon-help'}});
.filter_button {
margin-bottom: 5px;
margin-left: 5px;
width: 210px;
}
See attached screenshots.
Attachments
FF.jpg
Size : 6.75 KB
Downloads : 2415
Download
IE.jpg
Size : 6.61 KB
Downloads : 2379
Download
Leave a comment on romeromsk's reply
romeromsk
Re: Icon position on button in IE
13 years ago
Repeat this in clear project and got the same effect :(
Leave a comment on romeromsk's reply
fontzter
Re: Icon position on button in IE
13 years ago
It seems that the rule in the css file (line 366 in custom) is missing the word "button" in the primary icon class:
.ui-button-text-icon .ui-icon-primary, .ui-button-text-icons .ui-icon-primary, .ui-button-icons-only .ui-icon-primary { left: .5em; }
should be:
.ui-button-text-icon .ui-
button
-icon-primary, .ui-button-text-icons .ui-
button
-icon-primary, .ui-button-icons-only .ui-
button
-icon-primary { left: .5em; }
Hth,
Dave
Leave a comment on fontzter's reply
fontzter
Re: Icon position on button in IE
13 years ago
Sorry it's line 362 not 366.
Leave a comment on fontzter's reply
romeromsk
Re: Icon position on button in IE
13 years ago
Big thanks! It helps
Leave a comment on romeromsk's reply
fontzter
Re: Icon position on button in IE
13 years ago
Fyi, created ticket:
http://dev.jqueryui.com/ticket/5294
Leave a comment on fontzter's reply
Change topic type
Topic Type :
Discussions
Questions
Ideas
Problems
No of days :
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
Change topic type
Cancel
Link this topic
Provide the permalink of a topic that is related to this topic
Permalink
Save
Close
Reply to Guest's problem
Top
Reply
{}
Statistics
7
Replies
3442
Views
1
Followers
Tags
No tags available for this topic.
Cancel
Actions
Permalink