Hand cursor on Actions
January 12, 2007 12:00 AM
I found a solution to the problem of changing cursors in Lectora. It's not as nice as I was hoping.Globally or per page you can change a cursor by adding a External HTML object (with ObjectType set to Meta Tag to include it at the top of the HTML published page) to modify the CSS properties. The code should look something like this:This will not however, change the cursor for action button. I am not sure how to do that. There is a nother post that talks about making changes to one of the js files. I couldn't find what they were talking about in the 2007 version.Here is my solution for getting the cursor to change just in certain locations.First create an External HTML object with ObjectType set to other. The title of it should only be letters and number (no spaces, underscores and stuff) to be able to find it later. In it we will put code to display a clear GIF over the area you want the change. Alternatively you could put in text or any other object instead of the clear GIF.With the code above, the GIF needs to be placed in the main folder with the HTML for the pages. Including it in the Additional Files property of the HTML object might do this for you. The height and width correspond to the dimensions of the area you want the cursor to change. Make sure that the Always on Top box is checked for this object and unchecked for any object you are placing it over. For ease of placement, set the height and width in the Position and Size tab the same. You can then move the object to the location you wish for the cursor to change by dragging it.By creating the object this way the HTML creates a div with the ID equal to the HTML object name (If there were spaces in the object name they are removed in the ID). You can then insert another External HTML object with ObjectType set to Meta Tag and the following code:Note: the "externalhtmlobject1" is the name of the HTML object with the clear gif and no spaces in the name. Also you can set this HTML object in the AU to inherit to all other pages. This won't affect anything as long as the External HTML object name is used only in the location you want the cursor to change.Here is a website with a list of some of the common cursors and their names. http://www.echoecho.com/csscursors.htm
Discussions have been disabled for this post