Learning365, Office365, SharePoint 2010, SharePoint Designer 2010, SharePoint Online

Dica SharePoint Designer: Hotspot


Olá Pessoas,

Passando para deixar uma dica super legal que descobri como fazer depois de ter uma necessidade de colocar vários hiperlinks na mesma imagem.

Isso é possível fazer mapeando as coordenadas da imagem, como se ela fosse um mapa. Aqui tem algumas orientações de como fazer no HTML:

http://www.w3schools.com/tags/tag_area.asp (dica do Marlon)

Mas eu como não tenho nenhuma vocação para mexer em HTML ou programação procurei algo mais fácil e no SharePoint Designer 2010 ele tinha falado que tinha como fazer mas não tínhamos achado, foi quando comecei a mexer na ferramenta e achei o HotSpot:

image

E para fazer a inclusão de hiperlinks na mesma imagem, basta a abrir o SharePoint Designer ir em Páginas do Site > selecionar a página desejada > Clicar em Editar:

image

Com a imagem selecionada, vá na ribbon (painel superior) e selecione a aba ferramenta de imagem:

image

Selecione no Hotspot qual é a forma geométrica que deseja fazer na imagem para criar o hiperlink, no meu caso usei retângulos, selecione o bloco desejado e quando terminei de selecionar a tela para inserir o hiperlink apareceu:

image

image

Então é só inserir o link e clicar em OK. Salve a página e faça os testes.

Obs.: é sempre bom usar um ambiente de homologação antes de fazer alterações nas páginas em produção.

Abraços,

Sara Barbosa

5 thoughts on “Dica SharePoint Designer: Hotspot”

  1. Oi Sara Tudo Bem ?

    Fiquei Apaixonado com seu blog sobre o 365.

    Sou entusiasta Microsoft tbm, mas não tenho muitas certificações.

    Tenho muita sede se conhecimento.

    Gostaria de saber, como faço para estudar para a certificação do Office 365, tanto o exame 21 quanto o 23.

    Teria algum lugar que tem material? Curso?

    Um abração e Parabéns pelo Trabalho de Vocês !

    Gustavo Magella

  2. Olá Sara,

    É possível mapear o OneDrive For Business como unidade de rede local?

    At,

    Fábio

  3. Olá,

    Como você faz para aparecer o “Texto para exibição” quando passar o mouse em cima do link?
    Quando coloco vários links, preciso que apareçam o texto para a pessoa se posicionar.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s