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
rgarimellaAsked:
Who is Participating?
 
zephyr_hex (Megan)DeveloperCommented:
0
 
rgarimellaAuthor Commented:
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
0
 
Ingeborg Hawighorst (Microsoft MVP / EE MVE)Microsoft MVP ExcelCommented:
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
0
Free Tool: Path Explorer

An intuitive utility to help find the CSS path to UI elements on a webpage. These paths are used frequently in a variety of front-end development and QA automation tasks.

One of a set of tools we're offering as a way of saying thank you for being a part of the community.

 
rgarimellaAuthor Commented:
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
0
 
rgarimellaAuthor Commented:
Also how to add events in Sharepoint. I need some examples
0
 
rgarimellaAuthor Commented:
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?
0
 
Ingeborg Hawighorst (Microsoft MVP / EE MVE)Microsoft MVP ExcelCommented:
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,
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.