Link to home
Start Free TrialLog in
Avatar of rgarimella
rgarimella

asked on

Creating a graphic Hyperlink

Hi Folks,

I am new to Sharepoint 2010.

I am trying to create a custom button with rollover state and a hyperlink when clicked on the button, goes to "home" page.

How do i do that?

Thanks

RG
ASKER CERTIFIED SOLUTION
Avatar of zephyr_hex (Megan)
zephyr_hex (Megan)
Flag of United States of America image

Link to home
membership
This solution is only available to members.
To access this solution, you must be a member of Experts Exchange.
Start Free Trial
Avatar of rgarimella
rgarimella

ASKER

Hi,

I know how to create rollovers in a HTML page, my question was where to add in Sharepoint Designer for the hyperlink and where to add the code for javascript.

Thanks
Avatar of Ingeborg Hawighorst (Microsoft MVP / EE MVE)
Hello, your question does not mention SharePoint Designer at all.

If you edit a page with SharePoint Designer 2010, you can insert an html form control button. Insert ribbon > Html dropdown > Input button.

Right-click the button and select Properties. In the properties pane you will find all the events and can edit stuff there.

Code for JavaScript can be added in many ways. It depends on what access you have and how re-usable you want the code to be. One possibility is to save the js as a text file in a SharePoint library. Then create an empty Content Editor Web Part and link it to that file.

cheers, teylyn
Hi Teylyn,

I found out the form control buttons, my idea was to use custom buttons.

I am really new here to sharepoint. The question still remains, where/how to add a rollover state and make the button go to a relative page called home.aspx

Thanks
Also how to add events in Sharepoint. I need some examples
I am also getting an error message when i set a hyperlink.

Content in the embedded form field may be changed by the server to remove unsafe content. Do you want to reload your page to see the results of the save.

After this the hyperlink is removed.

Any ideas on how to get around it?
The warning message and the stripping of the hyperlink only happens in Wiki pages.

Where exactly do you want to place the button? Only on one page? Then use a Web Part page instead of a wiki page.

If you want the button to be visible on all pages, then you can change the master page for the site.  In that case, you can also include a link to the Javascript file in the page head, or include the JavaScript verbatim in the head.


cheers,