CSS Cursor Bug

Fresh install Dolphin 7.05

No non-Boonex mods added - no code changes

Tested in IE8 and Firefox with same/consistent results

---------------------------------------------------------

 

When mousing over themed buttons throughout the site, the cursor does not indicate that it is a link as it should.

 

 

PicDepict.com Free Image Hosting

 

----------------------------------------

 

PicDepict.com Free Image Hosting

 

----------------------------------------------------

 

PicDepict.com Free Image Hosting

 

---------------------------------------------------------

 

PicDepict.com Free Image Hosting

 

 

Quote · 12 Feb 2011

It's not a link it's just a button. Do you see pointer cursor here when you'll add some posts?

PS: If possible do not write me personally, please try to ask on the forum first
Quote · 12 Feb 2011

Point taken, but not all buttons of that type are non-link/active elements. Some are actually links, but aren't indicated as such by the cursor - as seen below.

 

PicDepict.com Free Image Hosting

Quote · 14 Feb 2011

 

It's not a link it's just a button. Do you see pointer cursor here when you'll add some posts?

 

Cursor.mp4 · 568K · 271 downloads
My opinions expressed on this site, in no way represent those of Boonex or Boonex employees.
Quote · 14 Feb 2011

Now that's some funny shizbitz there. I don't see a pointer when I mouseover those same buttons that Houston took the video of  in IE8

(which is why I said "point taken")

There's obviously something happening with different browsers.

Quote · 14 Feb 2011

 

 

It's not a link it's just a button. Do you see pointer cursor here when you'll add some posts?

[Blank]

It seems we have a little problem on our hands.

screenshot-of-button.png · 8.1K · 257 views
BoonEx Certified Host: Zarconia.net - Fully Supported Shared and Dedicated for Dolphin
Quote · 14 Feb 2011

Also, on video uploads and embeds the button indicates that it is deactivated even though it shouldn't. Further, the cursor shows an IBar in IE8. Unfortunately my screenshot taker and my desktop video capture utility change the cursor to a regular one for some reason, but it is an IBar when I see it live.

 

PicDepict.com Free Image Hosting

 

Quote · 14 Feb 2011

Yes it's very funny but I see default cursor here!

So if you need pointer cursor for all dolphin's button do these:

1. Open the templates/base/css/forms_adv.css

2. find theses styles:

.button_wrapperinput.form_input_button,
.button_wrapper input.form_input_submit,
.button_wrapper input.form_input_reset {
background-image: none;
width: auto;
}
3. And replace that strings with :
.button_wrapperinput.form_input_button,
.button_wrapper input.form_input_submit,
.button_wrapper input.form_input_reset {
background-image: none;
width: auto;
cursor: pointer;
}
PS: If possible do not write me personally, please try to ask on the forum first
Quote · 14 Feb 2011

 

Yes it's very funny but I see default cursor here!

So if you need pointer cursor for all dolphin's button do these:

1. Open the templates/base/css/forms_adv.css

2. find theses styles:

.button_wrapperinput.form_input_button,
.button_wrapper input.form_input_submit,
.button_wrapper input.form_input_reset {
 background-image: none;
 width: auto;
}
3. And replace that strings with :
.button_wrapperinput.form_input_button,
.button_wrapper input.form_input_submit,
.button_wrapper input.form_input_reset {
background-image: none;
width: auto;
cursor: pointer;
}

 Just a note that this fix actually doesn't apply to all buttons. The smaller buttons (on the video page for instance) (which are actually linked & should have pointers - see screenshot in my earlier comment) still show the default cursor after applying this fix. They must be referenced in the CSS somewhere else.

Quote · 14 Feb 2011

 These buttons are still not showing correctly even though they are actually links.

 

 

Point taken, but not all buttons of that type are non-link/active elements. Some are actually links, but aren't indicated as such by the cursor - as seen below.

 

PicDepict.com Free Image Hosting

 Thanks for the help SashaE : )

Quote · 14 Feb 2011

I wouldn't call this a bug, since it's a matter of opinion whether or not buttons have a mouse pointer or not. I've been on a lot of operating systems which handle buttons without a mouse pointer, for example.

BoonEx Certified Host: Zarconia.net - Fully Supported Shared and Dedicated for Dolphin
Quote · 15 Feb 2011

 

I wouldn't call this a bug, since it's a matter of opinion whether or not buttons have a mouse pointer or not.

 

@theguypc: Did you clear your cache after applying the modification?

 Yup, sure did. The actionable buttons in *some areas* get the pointer now, but not the linked buttons in the video section, nor the upload buttons in the video area (I haven't checked others yet)

You are correct that "bug" may be the wrong word for actionable buttons. I still think linked buttons should always be indicated by a changed pointer since they are links. It's inconsistent throughout the script which can be confusing.

 

Also, on video uploads and embeds the button indicates that it is deactivated even though it shouldn't. Further, the cursor shows an IBar in IE8. Unfortunately my screenshot taker and my desktop video capture utility change the cursor to a regular one for some reason, but it is an IBar when I see it live.

^^^^ This is a bug however - there is also a javascript error to go with it  ^^^^

 

 

Quote · 15 Feb 2011

 

These buttons are still not showing correctly even though they are actually links.

 

 

Point taken, but not all buttons of that type are non-link/active elements. Some are actually links, but aren't indicated as such by the cursor - as seen below.

 

PicDepict.com Free Image Hosting

Thanks for the help SashaE : )

Try apply this fix also:

1. Open templates/base/css/general.css

find this styles lines:

.actionsBlock .button_input_wrapper button {
background-color: transparent;
border: medium none;
height: 25px;
line-height: 25px;
outline: medium none;
overflow: hidden;
padding: 0;
text-align: left;
white-space: nowrap;
width: 100%;
}
and replace with :
.actionsBlock .button_input_wrapper button {
background-color: transparent;
border: medium none;
height: 25px;
line-height: 25px;
outline: medium none;
overflow: hidden;
padding: 0;
text-align: left;
white-space: nowrap;
width: 100%;
cursor: pointer;
}

 

PS: If possible do not write me personally, please try to ask on the forum first
Quote · 15 Feb 2011
 
 
Below is the legacy version of the Boonex site, maintained for Dolphin.Pro 7.x support.
The new Dolphin solution is powered by UNA Community Management System.