<?xml version="1.0" encoding="UTF-8" ?><!-- generator=Zoho Sites --><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><atom:link href="https://www.touchgram.com/blogs/touch/feed" rel="self" type="application/rss+xml"/><title>Touchgram - Help , Touch</title><description>Touchgram - Help , Touch</description><link>https://www.touchgram.com/blogs/touch</link><lastBuildDate>Sat, 04 Apr 2026 19:21:57 -0700</lastBuildDate><generator>http://zoho.com/sites/</generator><item><title><![CDATA[Touch "Inside" needs you to draw the area]]></title><link>https://www.touchgram.com/blogs/post/touch-inside-needs-you-to-draw-the-area</link><description><![CDATA[Tap, swipe and tickle can be sensed "anywhere" or "inside an area". You need to draw the area]]></description><content:encoded><![CDATA[<div class="zpcontent-container blogpost-container "><div data-element-id="elm_d5Rc7GoKQG2OILFkI6pacw" data-element-type="section" class="zpsection "><style type="text/css"></style><div class="zpcontainer-fluid zpcontainer"><div data-element-id="elm_Uri5wy0LTkqS0cUDko0Uzw" data-element-type="row" class="zprow zprow-container zpalign-items- zpjustify-content- " data-equal-column=""><style type="text/css"></style><div data-element-id="elm_OZDrs8zxQ4u02Ll4WOYqkw" data-element-type="column" class="zpelem-col zpcol-12 zpcol-md-12 zpcol-sm-12 zpalign-self- "><style type="text/css"></style><div data-element-id="elm_RHut9OChQQyo7uoR1c_5tw" data-element-type="heading" class="zpelement zpelem-heading "><style> [data-element-id="elm_RHut9OChQQyo7uoR1c_5tw"].zpelem-heading { border-radius:1px; } </style><h2
 class="zpheading zpheading-align-center " data-editor="true">What it means to draw the &quot;touchable area&quot;</h2></div>
<div data-element-id="elm_22-LZ1OXuxOjamGiCGAYzw" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> [data-element-id="elm_22-LZ1OXuxOjamGiCGAYzw"].zpelem-imagetext{ border-radius:1px; } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="" data-mobile-image-separate="" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-size-original zpimage-tablet-fallback-original zpimage-mobile-fallback-original hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-medium " src="/files/TouchEditor_1.2.2.png" size="original" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left " data-editor="true"><p><span style="color:inherit;">When you choose to Sense Touch, by default it is a simple&nbsp;<span style="font-weight:bold;">Tap Anywhere<span style="font-weight:normal;">.</span></span></span><br></p><p><span style="color:inherit;">Three kinds of touch sensors can be limited to be <span style="font-style:italic;">&nbsp;Inside limited&nbsp;area</span>:</span></p><ol><ol><ol><li><span style="color:inherit;">A simple Tap</span></li><li><span style="color:inherit;">Straight swipe</span></li><li><span style="color:inherit;">Tickle</span></li></ol></ol></ol><div><br></div></div>
</div></div><div data-element-id="elm_gvUX7kcK4Kgwwn3zA6mY9Q" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> [data-element-id="elm_gvUX7kcK4Kgwwn3zA6mY9Q"].zpelem-imagetext{ border-radius:1px; } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="" data-mobile-image-separate="" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-size-original zpimage-tablet-fallback-original zpimage-mobile-fallback-original hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-medium " src="/files/TouchEditorInside.png" size="original" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left " data-editor="true"><p>When you select the&nbsp;<span style="font-style:italic;">Inside limited area</span>&nbsp;mode, you see a new set of <span style="font-style:italic;"><span style="color:rgb(41, 128, 185);">Inside &gt;</span>&nbsp;</span>buttons appear.&nbsp;</p><p><br></p><p>These are for you to specify the area in which sensing occurs.</p><p>Touching one of those buttons shows a preview of your screen on which you need to draw the boundary of the touchable area.</p></div>
</div></div><div data-element-id="elm_F6bl_fEPR0SawDngGEd2Kw" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> [data-element-id="elm_F6bl_fEPR0SawDngGEd2Kw"].zpelem-imagetext{ border-radius:1px; margin-block-start:-59px; } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="" data-mobile-image-separate="" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-size-original zpimage-tablet-fallback-original zpimage-mobile-fallback-original hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-medium " src="/files/TouchEditor_1.2.2%20drawing%20overlay.png" size="original" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left " data-editor="true"><p>As you draw on the preview area, you see an outline as you can see here.&nbsp;</p><p><br></p><p>You don't have to close the shape - it will automatically close over to form a solid shape as you can see below.</p></div>
</div></div><div data-element-id="elm_5JPZBBNVZl8TuLuJGjqKLw" data-element-type="imagetext" class="zpelement zpelem-imagetext "><style> [data-element-id="elm_5JPZBBNVZl8TuLuJGjqKLw"].zpelem-imagetext{ border-radius:1px; } </style><div data-size-tablet="" data-size-mobile="" data-align="left" data-tablet-image-separate="" data-mobile-image-separate="" class="zpimagetext-container zpimage-with-text-container zpimage-align-left zpimage-size-original zpimage-tablet-fallback-original zpimage-mobile-fallback-original hb-lightbox " data-lightbox-options="
            type:fullscreen,
            theme:dark"><figure role="none" class="zpimage-data-ref"><span class="zpimage-anchor" role="link" tabindex="0" aria-label="Open Lightbox" style="cursor:pointer;"><picture><img class="zpimage zpimage-style-none zpimage-space-medium " src="/files/TouchEditor%201.2.2%20overlaid.png" size="original" data-lightbox="true"/></picture></span></figure><div class="zpimage-text zpimage-text-align-left " data-editor="true"><p>When you stop drawing the boundary, the area fills in. You can now test tapping within the area or outside to see it working.</p><p>If you are unhappy with the area you drew, press the Draw Outline again button.</p><p><br></p><p>Three controls have appeared to control a&nbsp;<span style="font-style:italic;">Color overlay. </span>This is a hint that will be shown on the Touchgram page for where to touch.</p><ol><li>You can use the switch to turn the overlay off so there's no visible hint.</li><li>The slider lets you adjust the opacity of the hint, so more of the background shows through.</li><li>There's a little color swatch rectangle above the slider - tapping it lets you pick a different hint color.</li></ol><p><br></p><p>The hint color starts automatically generated as a contrasting color with your picture.</p></div>
</div></div></div></div></div></div></div> ]]></content:encoded><pubDate>Mon, 15 Jun 2020 13:19:40 +0800</pubDate></item></channel></rss>