Image with hotspots

Posted in: Newspaper
Post count: 68

I need to insert an image (menubar) and place 32 hotspots in it, one for each team in sports league.
How do i do that?

Thanks

Post count: 18283

Hello !

What you want is achieveable using the tagdiv Composer.

You will have to go into dashboard and create a new blank page. Edit it using the tagDiv Composer: https://www.screencast.com/t/oSKMbLEq15hW

Edit the ROW by clicking on it and set the layout to 4 columns: https://www.screencast.com/t/kPq9FBhiO

After that I have added the List element. The only downside is that you will have to insert the link using html tags. In order to have more list menus you can use the duplicate tool pointed out in this picture: https://www.screencast.com/t/dT7T9bqSUB

When you’ve finished editing your page, save the changes and publish it. Copy the page id and paste it into the menu: https://www.screencast.com/t/BUkqLWRt

An this should be the result: https://www.screencast.com/t/QSX1xZcHw

I hope this was helpfull !

Thank you !

Post count: 68

I appreciate your answer (which by the way is the exact same answer I got for another question).
What I really want to accomplish is the following:
An image containing 32 items in one line where each item is clickable.
It is NOT a mega menu item. It is an item to be placed at the top of the entire site as an extra menu hat takes the user directly to the team page.
Example:
A1 A2 A3 A4 …. A30 A31 A32
Where each item is clickable.

Let me know how to create this.
Thanks

Post count: 18283

Hello !

Sorry for missunderstanding your issue !

Do you have an example of what exactly you want to achieve ? I’m having hard time understanding exactly.

You want to have something like this: https://www.screencast.com/t/59WNLnB7O And all the red squares to be click-able ?

Thank you !

Post count: 68

Hi Vlad.
Yes exactly 🙂

Post count: 18283

Hello !

This is what i’ve came up with: https://www.screencast.com/t/4eEVzQtvye

The steps are:

– Add a new row and select the layout into 4 columns: https://www.screencast.com/t/xOfCDZyQD

– Add an Inner row in all those columns and select the layout of the inner row to be in 4 columns: https://www.screencast.com/t/p9exbW5DbS

– Add button elements to all the opened position ( there can be 16 in a row ): https://www.screencast.com/t/cvbktGFXP1L

– Set the button size to small or medium depending on your row stretch ( I used full stretch on the ROW ): https://www.screencast.com/t/5afugCd3gzml

I hope this was helpfull, unfortunately this option can do only 16 buttons in a row, you can do 2 rows and make them closer using css if you want to use this method.

Thank you !

Viewing 6 posts - 1 through 6 (of 6 total)
The forum ‘Newspaper’ is closed to new topics and replies.