Explore the community Forums Lectora Lectora Questions & Answers Hover over a button without changing the cursor

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #372839 Score: 0
    Profile photo of cpliu
    cpliu
    Member
    beginner
    intermediate
    contributor
    curious george
    wise owl
    Group Member
    2 pts
    @cpliu

    How to keep the cursor unchanged (instead of a hand icon) when hovering over a button with action?

    Thanks,

    #372841 Score: 1
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    209 pts
    @Klaatu

    Add a cascading style sheet via HTML Extension cascading style sheet with the following:

    a#button40MapArea:hover {
    cursor: default!important;
    }

    You will have to change the 40 to whatever number follows button in your project.

    If you are unsure how to make a cascading style sheet – Open any text editor, like notepad, type out the rule as above (substituting your button number – keep everything else) and then before saving the file change the extension from .txt to all files and then name it anything you want with the extension of .css

    This post has received 1 vote up.
    Attachments:
    1. defaultCursor.zip
    #372844 Score: 0
    Profile photo of Darrel Somoza
    Darrel Somoza
    Member
    contributor
    friend finder
    beginner
    intermediate
    junior moderator
    advanced
    wise owl
    curious george
    profile
    209 pts
    @Klaatu

    By the way, here is a list of all the different types of cursors you can command.

    Darrel

    #372895 Score: 0
    Profile photo of Jason Dalrymple
    Jason Dalrymple
    Member
    beginner
    intermediate
    profile
    wise owl
    curious george
    contributor
    friend finder
    advanced
    picture perfect
    54 pts
    @JasonADal

    I’ve used a similar option where you don’t need to change the value in the JS each time. On the button, add an onHover action that performs a RunJavascript:

    document.getElementById(“%HTMLNAME%btn”).style.cursor=”default”;

    The “%HTMLNAME” will grab the value that you’d see in the button description from the Properties ribbon. You need to add the “btn” since that is the name of the object in the HTML for the page. I actually created a library object so I can just add through double-click/drag drop.

    @klaatu – Any particular reason the JS might be better than the solution I’m using? One benefit I would see to mine is that it’s easily translatable into CSS and I could apply it to different buttons without having to add the JS to each button I want a “default” cursor.

    Edit: oops, your solution is better, since you have it in a CSS file. I should look more closely (or drink more coffee) before responding to forum posts.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.