Jump to content
Sign in to follow this  
LyaP

Customizing Collapsible Sections Button Look & Text

Recommended Posts

I used the instructions here: http://howto.caspio.com/tech-tips-and-articles/advanced-customizations/tech-tip-creating-collapsible-sections/ to create a collapsible section in my details page. Is there a way to change what the button looks like to fit in more with the rest of my styling? 

I have created an image that I can use as the button (which works fine) except that the mouse doesn't change into the hand when it's hovered over the image and I think my users need that to know that it's a link. Is there a way to tell the image to do the cursor: pointer thing?

 

Thanks for looking!

Share this post


Link to post
Share on other sites

Try to add a class to the button, and put a CSS rule for the class in your Caspio or Site stylesheet.

 

Add a class

from linked How To, see bold:

<input type="button" onClick="Displayer(1)" value="Personal Info">  with    <img src="IMAGE URL " class="caspioPointer" onClick="Displayer(1)" >

 

CSS

.caspioPointer {

cursor: pointer;

}

 

or for inline CSS, in your datapage footer, put

<style>

.caspioPointer {

cursor: pointer;

}

</style>

 

more options here

http://www.w3schools.com/cssref/playit.asp?filename=playcss_cursor

 

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...
Sign in to follow this  

×
×
  • Create New...