Mockplus > Community > Announcement

What to do when you want the trigger area larger than the element itself?

Mockplus Team · 2920 · 27 · 2:57 AM    Feb 6, 2023

In practice, the area that user touches to jump to another page or component is usually larger than the element itself. In Mockplus RP, we have a component - Hotspot Component to help simulate this.

Here is how to use the Hotspot Component.
1. Search for hotspot in the "Compos" Tab;
2. Drag and drop that onto the artboard, where you want to add it;
3. When selected, you can drag the control line to adjust the size and location of it;
4. Select it and  link it to another element or page in your design;

In previewing mode, the area that user touches to jump to another page or component will be larger. Here is a video for you to learn more about the Hotspot Component. http://bit.ly/40pUQkp


Leave a comment

Leave a Comment

Comments 27

realnow23

the most popular multiplayer games at the moment. cs2 accounts

1:42 AM    Dec 6, 2023

Reply

Submit

jen123cruz123

2:01 PM    Nov 30, 2023

Reply

Submit

nanipk121

At our online store, boys can find the stylish or bright shirts for boys. Discover a number of beautiful and comfortable options that are sure to please. We have everything you need to keep your little one comfortable, from everyday t-shirts to formal dress shirts. Shop now to add fashionable, superior boys' shirts to their wardrobe.

11:57 AM    Nov 29, 2023

Reply

Submit

borjan marketing

Are you looking for the best Shoes for Women online in Pakistan? Borjan offer broad range of quality women shoes such as Sandals, Slippers, Heels, and more. Order the best quality women shoes online across Pakistan at the best prices.

10:39 AM    Nov 29, 2023

Reply

Submit

ammarakhan seo

Ammara Khan brings an amazing collection of bridal dresses for barat online in Pakistan. Explore their collection and find the dress of your dreams. Step into forever with Ammara Khan's exceptional craftsmanship and unparalleled beauty.

10:17 AM    Nov 29, 2023

Reply

Submit

mohagniclothing

Reveal your glamour with new Party Wear Dress offered by Mohagni Clothing. Mohagni presents a large number of party dresses online in Pakistan. Our latest collection is designed to make you feel confident and stylish. Shop now!

10:07 AM    Nov 29, 2023

Reply

Submit

shahtajqaiserofficial

Discover the best Pakistani designer brands that show beautiful designs and excellent craftsmanship. Find a carefully selected collection of apparel, accessories, and other items, ranging from classic to modern styles. Get now to find the best Pakistani fashion's attraction at Shahtaj Qaiser.

9:48 AM    Nov 29, 2023

Reply

Submit

chahyay12

Explore the perfect shoe rack design for your home with Chahyay. Our wooden shoe racks offer optimal storage and organization for your footwear collection. From stylish designs to durable construction, find the ideal shoe organizer that suits your needs. Shop now and transform your space with Chahyay high-quality shoe racks.

9:39 AM    Nov 29, 2023

Reply

Submit

walkeazeshoesandbags

Walkeaze offers the best Women Shoes Online in Pakistan. Explore the variety of shoes for women like heels, slippers, sandals, khussa, and many more online at Walkeaze. Order your favorite women's shoes online at the best prices.

8:20 AM    Nov 29, 2023

Reply

Submit

HOUSE OF FLOWERS

Get fresh flowers delivered to any address in Lahore with our service of convenient online flower delivery in Lahore. From roses and lilies to or bouquet online store chids and tulips, we have a wide selection of beautiful flowers perfect for every occasion. Order now.

7:51 AM    Nov 29, 2023

Reply

Submit

theentertainerpk12

Find the best kids kitchen set Online at The Entertainer. We provide all the kids playing stuff like kitchen set, Face paint and make up kit. Shop today, for the kids kitchen set toys Online.

7:24 AM    Nov 29, 2023

Reply

Submit

servisfootwear

Shoes with comfort and style are hard to come by. Servis Shoes Online offers a collection of shoes for women, which can be used for any occasion. Buy online women's shoes in various Colours at low prices from Servis with fast delivery.

7:03 AM    Nov 29, 2023

Reply

Submit

shopecs99

Find the perfect Party Wear Dress at ECS. Browse our collection and get the best deals on high-quality dresses that will make you shine at any event. Shop now and make a statement at your next party!

7:00 AM    Nov 29, 2023

Reply

Submit

jamniiofficial

Check out beautiful silk dress design at JAMNii. Our collection features stunning silk dress designs and silk suit designs that are perfect for any occasion. Elevate your style with the elegance of raw silk and indulge in the luxury of our carefully crafted pieces. Order Now for the best Silk Dresses from Jamnii

6:34 AM    Nov 29, 2023

Reply

Submit

gulaalofficial99

Discover the latest collection of new dresses that will enhance your appearance. Find a perfect dress for every event. We offer ladies dresses online in Pakistan. Shop now and find your perfect match!

6:04 AM    Nov 29, 2023

Reply

Submit

jazminpkonline

Discover the best sale on brands in Pakistan. So come to Jazmin and get a sale on the latest dresses in all over Pakistan with fast delivery. Find your favorite dress in affordable price online today.

1:02 PM    Nov 28, 2023

Reply

Submit

officialadoro

Discover the perfect shoes for men at our online store. We provide an extensive range of premium footwear that combines comfort and style, from chic sneakers to elegant dress shoes. Shop now and step up your shoe game with our trendy collection.

9:49 AM    Nov 28, 2023

Reply

Submit

officialadoro

Discover the perfect shoes for men at our online store. We provide an extensive range of premium footwear that combines comfort and style, from chic sneakers to elegant dress shoes. Shop now and step up your shoe game with our trendy collection.

9:49 AM    Nov 28, 2023

Reply

Submit

hivemetrics ahsan

i am seeing new dress for girls

7:52 AM    Nov 28, 2023

Reply

Submit

hivemetrics ahsan

i am seeing new dress for girls

7:52 AM    Nov 28, 2023

Reply

Submit

weninvite68

This should be accomplished by including the whitespace within the link. Observe that by default, the top and bottom padding are ineffective due to the integrated material. It may be flex, block, inline element, or any other term that suits your needs.


free games

3:18 AM    Nov 14, 2023

Reply

Submit

heidenmaverick

To achieve this task perfectly, it is recommended to incorporate padding directly onto the hyperlink. Take note, in its native state, top and bottom padding may not register on an inline element. It ultimately depends on your desired outcome whether the element should be a block, inline, or flexible. mini crossword 


4:33 AM    Nov 8, 2023

Reply

Submit

zetisonapi

As the world of online gaming continues

Dinosaur game

 to evolve, it will be fascinating to see how it further impacts our lives and society as a whole.

8:46 AM    Nov 3, 2023

Reply

Submit

nehagoyal6397

How to fix connections to bluetooth audio devices and wireless displays in windows 10 http://fixwindows10connections.com just one a single click here this site.

1:06 PM    Oct 18, 2023

Reply

Submit

cherriesonce

This problem has already come up in my design efforts, and I have to admit that the Hotspot Component in Mockplus RP is a game-changer! The trigger area needs to be larger than the element itself in order to create a user-friendly interface. Users enjoy a smooth ride thanks to this feature, which reduces the likelihood of accidental clicks or missed interactions geometry dash world.


 

2:42 AM    Oct 16, 2023

Reply

Submit

larsenlola06

The correct way to do this is to add the padding on the link itself. Notice that the top and bottom padding won't work by default since it's an inline element. It can be block or inline-element or flex , whatever works for your case.

drift hunters

2:46 AM    Oct 9, 2023

Reply

Submit

dmobaaa

Hey Mockplus Team,


I've encountered this issue in my design projects before, and I must say the Hotspot Component in Mockplus RP is a game-changer! It's fundamental for creating a user-friendly interface the place the trigger area is greater extensive than the element itself. This characteristic gives a seamless ride for users, lowering the probabilities of unintended clicks or overlooked interactions.


I've used the Hotspot Component extensively, and it's incredibly user-friendly. The steps you've outlined are straightforward, even for designers who are new to Mockplus RP. I especially appreciate the control line feature, which allows precise adjustments to the size and location of the hotspot.


One additional tip I'd like to share is to make sure the hotspot area aligns with the logical touch points for users. Consider user behavior and ergonomic factors when defining the hotspots size and location.

10:23 AM    Sep 19, 2023

Reply

Submit

Similar topics

MOCKPLUS CLOUD

One platform for design, prototype, hand-off and design systems.

Get Started for Free
MOCKPLUS RP

Best wireframing and prototyping tool for APP and Web design.

Get Started for Free

This action can't be undone. Are you sure you want to delete it?

Cancel
OK

This action can't be undone. Are you sure you want to delete it?

Cancel
OK