{"id":4308,"date":"2024-04-14T09:13:13","date_gmt":"2024-04-14T01:13:13","guid":{"rendered":"https:\/\/webflow.tenten.co\/?p=4308"},"modified":"2024-04-14T09:13:13","modified_gmt":"2024-04-14T01:13:13","slug":"indications-for-pointing","status":"publish","type":"post","link":"https:\/\/webflow.tenten.co\/en\/indications-for-pointing\/","title":{"rendered":"Indications for Pointing"},"content":{"rendered":"\n<div class=\"docs_rich-text w-richtext\">\n<p>Arrangements with overlapping components or hover transitions can at times activate unintended mouse actions and add to a subpar experience for your website guests. By using pointing cues, you can deactivate click or touch actions on an element to guarantee that visual-only components do not disrupt activities with other components.<\/p>\n<p>In this tutorial, you will discover:\u00a0<\/p>\n<ol role=\"list\">\n<li>How to employ pointing cues<\/li>\n<li>Common Questions<\/li>\n<\/ol>\n<h2>How to employ pointing cues<\/h2>\n<p>You can utilize pointing cues to ensure that only intended components react to click and touch actions. This is beneficial for managing actions on overlapping components (e.g., a background video with overlaid text or icons) or on designs with hover shifts or tooltips.<\/p>\n<p>In Webflow, there exist two choices for pointing cues:\u00a0<\/p>\n<ul role=\"list\">\n<li><strong>Automatic<\/strong> \u2014 the default setting for all components, allowing standard click and touch actions<\/li>\n<li><strong>None<\/strong> \u2014 inhibits all pointing cues (i.e., click and touch actions)\u00a0\u00a0<\/li>\n<\/ul>\n<h6><strong>Helpful hint: <\/strong>You can configure <strong>Pointing<\/strong> to <strong>None<\/strong> to temporarily deactivate click and touch actions for troubleshooting or modifying your design without altering your design\u2019s layout.<\/h6>\n<h3>How to configure pointing cues to disable actions<\/h3>\n<p>To configure pointing cues to disable actions on a component:\u00a0<\/p>\n<ol role=\"list\">\n<li>Select the component on the canvas<\/li>\n<li>Head to <strong>Style panel<\/strong> &gt; <strong>Effects<\/strong> &gt; <strong>Events<\/strong><\/li>\n<li>Adjust <strong>Pointing<\/strong> to <strong>None<\/strong>\u00a0<\/li>\n<\/ol>\n<p>Components with <strong>Pointing<\/strong> set to <strong>None<\/strong> appear with a \u201c<strong>no click<\/strong>\u201d symbol in the Navigator panel.<\/p>\n<h6><strong>Remark: <\/strong>Components with <strong>Pointing<\/strong> set to <strong>None<\/strong> still receive focus in sequential keyboard navigation with the <strong>Tab<\/strong> key.\u00a0<\/h6>\n<blockquote><p><strong>Vital: <\/strong>Components with <strong>Pointing<\/strong> set to <strong>None<\/strong> remain visible but aren\u2019t selectable on the canvas. If you wish to select a component with <strong>Pointing<\/strong> set to <strong>None<\/strong>, you can do so from the Navigator panel.<\/p><\/blockquote>\n<p><a href=\"https:\/\/webflow.com\/glossary\/child\">Offspring components<\/a> of a component with <strong>Pointing<\/strong> set to <strong>None<\/strong> inherit its pointing cue setting and are <em>not<\/em> denoted with a \u201c<strong>no click<\/strong>\u201d symbol in the Navigator panel. If you desire to override the inherited pointing cue setting to make an offspring component interactive, select the offspring component in the Navigator panel, visit <strong>Style panel<\/strong> &gt; <strong>Effects<\/strong> &gt; <strong>Events<\/strong>, and adjust <strong>Pointing<\/strong> to <strong>Automatic<\/strong>.<\/p>\n<h6><strong>Remark: <\/strong>If you deactivate actions on a component by adjusting <strong>Pointing<\/strong> to <strong>None<\/strong> and subsequently attach an action with a mouse trigger (e.g., mouse click (tap), mouse hover, etc.) to that component, the action will not be triggered.<\/h6>\n<h2>Common Questions<\/h2>\n<h3>Why is an overlaid component not clickable even though it\u2019s on top?\u00a0<\/h3>\n<p>Pointing may be configured to None for the overlaid component, rendering it non-interactive. Adjust <strong>Pointing<\/strong> to <strong>Automatic<\/strong> to enable actions if this behavior was not intentional.<\/p>\n<h3>I configured Pointing to None but still notice undesired actions. Why?\u00a0<\/h3>\n<p>Other components on the page, particularly parent or overlapping components, might be influencing actions on this component. Ensure you have configured pointing cues suitably for all related components.<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"Use pointer events to prevent unwanted click and touch interactions.","protected":false},"author":2,"featured_media":5326,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"om_disable_all_campaigns":false,"inline_featured_image":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"csco_display_header_overlay":false,"csco_singular_sidebar":"","csco_page_header_type":"","footnotes":""},"categories":[284],"tags":[],"class_list":{"0":"post-4308","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-layout-design","8":"cs-entry"},"acf":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4308","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/comments?post=4308"}],"version-history":[{"count":0,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/posts\/4308\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media\/5320"}],"wp:attachment":[{"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/media?parent=4308"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/categories?post=4308"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/webflow.tenten.co\/en\/wp-json\/wp\/v2\/tags?post=4308"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}