<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>On Context Menu &#8211; RDK TECH</title>
	<atom:link href="https://rdktech.org/rdk-documentation/category/widget-properties/on-context-menu/feed/" rel="self" type="application/rss+xml" />
	<link>https://rdktech.org</link>
	<description>Rapid Development Kit</description>
	<lastBuildDate>Mon, 18 Mar 2024 19:19:42 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.8</generator>

<image>
	<url>https://rdktech.org/wp-content/uploads/2024/02/RDK-logo-black-2-32x32.png</url>
	<title>On Context Menu &#8211; RDK TECH</title>
	<link>https://rdktech.org</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Center Editor</title>
		<link>https://rdktech.org/rdk-documentation/widget-properties/on-context-menu/center-editor-2/</link>
		
		<dc:creator><![CDATA[adminrdk]]></dc:creator>
		<pubDate>Mon, 18 Mar 2024 19:19:42 +0000</pubDate>
				<guid isPermaLink="false">https://test-inc.xyz/?post_type=epkb_post_type_1&#038;p=1139</guid>

					<description><![CDATA[&#160; Move to Center Move the centor of rotation to the center of the widget: This feature along with Align to center can enable users to align all the centers of the rotational widgets to a signel point.]]></description>
										<content:encoded><![CDATA[<nav class="breadcrumb-nav" aria-label="Breadcrumb">&nbsp;</p>
</nav>
<div id="main-content" class="main-content" role="main">
<h1 id="move-to-center">Move to Center</h1>
<ul>
<li><strong>Move the centor of rotation to the center of the widget</strong>: This feature along with <strong>Align to center</strong> can enable users to align all the centers of the rotational widgets to a signel point.</li>
</ul>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Reset Editor</title>
		<link>https://rdktech.org/rdk-documentation/widget-properties/on-context-menu/reset-editor/</link>
		
		<dc:creator><![CDATA[adminrdk]]></dc:creator>
		<pubDate>Mon, 18 Mar 2024 19:19:22 +0000</pubDate>
				<guid isPermaLink="false">https://test-inc.xyz/?post_type=epkb_post_type_1&#038;p=1137</guid>

					<description><![CDATA[&#160; Reset Size Editor Reset to Original Size: Reset the widget size to its original size. Reset Ratio by Width: Reset the widget’s width according to the aspect ratio. Reset Ratio by Height: Reset the Widget’s height according to the aspect ratio.]]></description>
										<content:encoded><![CDATA[<nav class="breadcrumb-nav" aria-label="Breadcrumb">&nbsp;</p>
</nav>
<div id="main-content" class="main-content" role="main">
<h1 id="reset-size-editor">Reset Size Editor</h1>
<ul>
<li><strong>Reset to Original Size</strong>: Reset the widget size to its original size.</li>
<li><strong>Reset Ratio by Width</strong>: Reset the widget’s width according to the aspect ratio.</li>
<li><strong>Reset Ratio by Height</strong>: Reset the Widget’s height according to the aspect ratio.</li>
</ul>
</div>
]]></content:encoded>
					
		
		
			</item>
		<item>
		<title>Common Right-Click Menu</title>
		<link>https://rdktech.org/rdk-documentation/widget-properties/on-context-menu/common-right-click-menu/</link>
		
		<dc:creator><![CDATA[adminrdk]]></dc:creator>
		<pubDate>Mon, 18 Mar 2024 19:19:02 +0000</pubDate>
				<guid isPermaLink="false">https://test-inc.xyz/?post_type=epkb_post_type_1&#038;p=1135</guid>

					<description><![CDATA[Clicking the mouse right button in the Design Panel, a pop-up menu shows up. The contents of this menus varies depending if any widget is selected or which widget is selected. Different widgets offer different sets of Right-Click menus. However, in this page, a common set of selection in this &#8230; ]]></description>
										<content:encoded><![CDATA[<h1 id="common-right-click-menu"></h1>
<p>Clicking the mouse right button in the Design Panel, a pop-up menu shows up. The contents of this menus varies depending if any widget is selected or which widget is selected. Different widgets offer different sets of Right-Click menus. However, in this page, a common set of selection in this menu is described.</p>
<h2 id="when-no-widget-is-selected">When no widget is selected</h2>
<h3 id="basic-editing-functions">Basic Editing Functions</h3>
<div class="table-wrapper">
<table class="table_properties">
<thead>
<tr>
<th>Function</th>
<th>Description</th>
<th>Shortcut</th>
</tr>
</thead>
<tbody>
<tr>
<td>Undo</td>
<td>Recover to the last action. The menu shows the name of the previous action.</td>
<td>Ctrl+Z</td>
</tr>
<tr>
<td>Redo</td>
<td>Whenever an action can be done again, this function is enabled for repeating the previous action.</td>
<td>Ctrl+Y</td>
</tr>
<tr>
<td>Paste</td>
<td>Pasting an item from the clipboard. ADE currently supports pasting widgets, pictures and SVG.</td>
<td>Ctrl+V</td>
</tr>
<tr>
<td>Select All</td>
<td>Select all items in the design panel.</td>
<td>Ctrl+A</td>
</tr>
</tbody>
</table>
</div>
<h3 id="resize-canvas">Resize Canvas</h3>
<p>These functions are used when users export HMI design into documentation. In regular HMI development, these functions are seldom used.</p>
<div class="table-wrapper">
<table class="table_properties">
<thead>
<tr>
<th>Function</th>
<th>Desciption</th>
<th>Shortcut</th>
</tr>
</thead>
<tbody>
<tr>
<td>Fit Content</td>
<td>Fit all the items on the canvas into an optimizaed rectangular.</td>
<td></td>
</tr>
<tr>
<td>Fit Content with Padding…</td>
<td>This function generates a similar result as Fit Content does with borders. This function ask users to enter the padding size.</td>
<td></td>
</tr>
<tr>
<td>Fit Screen</td>
<td>Adjust the canvas to the size of the design panel. However, Widget Panel, Property Panel and Page List are not included.</td>
<td></td>
</tr>
</tbody>
</table>
</div>
<h2 id="when-one-or-multiple-widgets-are-selected">When one or multiple widgets are selected</h2>
<h3 id="arrangement-">Arrangement<a id="widget-layer"></a></h3>
<div class="table-wrapper">
<table class="table_properties">
<thead>
<tr>
<th>Function</th>
<th>Description</th>
<th>Shortcut</th>
</tr>
</thead>
<tbody>
<tr>
<td>Bring to Front</td>
<td>Move the selected widget(s) to the top layer.</td>
<td>Shift+Page Up</td>
</tr>
<tr>
<td>Bring Forward</td>
<td>Move the selected widget(s) one layer up.</td>
<td>Page Up</td>
</tr>
<tr>
<td>Bring Backward</td>
<td>Move the selected widget(s) one layer down.</td>
<td>Page Down</td>
</tr>
<tr>
<td>Bring to Back</td>
<td>Move the selected widget(s) to the bottom layer.</td>
<td>Shift+Page Down</td>
</tr>
</tbody>
</table>
</div>
<h3 id="widget-dependent-functions">Widget-dependent functions</h3>
<p>These functions are widget-dependent. Please refer to each widget’s description for details.</p>
<h3 id="link-to">Link To</h3>
<p>When users export the HMI design to a HTML webpage, they can use this function to make the change page feature work. This function is only applicable to the exporting HMI designs. The candidate pages are shown in the sub-menu.</p>
<h3 id="locked">Locked</h3>
<p>If the widgets are locked, both the location and the size of the widget are fixed. This fuction can avoid unintended widget reloation or resizing.</p>
<h3 id="group">Group</h3>
<p>When multiple widgets are selected, users can create a group for these widgets.</p>
<p>Shortcut: Ctrl+G</p>
<h3 id="ungroup">Ungroup</h3>
<p>This function dissolves the selected group.</p>
<p>Shortcut: Ctrl+Shift+G</p>
<h3 id="delete">Delete</h3>
<p>Delete the selected widget(s).</p>
<p>Shortcut: Delete</p>
<h3 id="add-to-my-collections">Add to My Collections…</h3>
<p>Users can add the selected widget(s) to their private collection for reuse. Please refer to <a href="https://manual.iot-hmi.com/en/3.4.1/my_collections/">私有收藏</a> for more details.</p>
<h3 id="cut">Cut</h3>
<p>Cut the selected widget(s) and store it in the clipboard.</p>
<p>Shortcut: Ctrl+X</p>
<h3 id="copy">Copy</h3>
<p>Copy the selected widget(s) to the clipboard.</p>
<h3 id="paste">Paste</h3>
<p>Paste the item from the clipboard. If a widget is pasted multiple times, the pasted items are overlapped, so users have to move the paste items to different locations.</p>
<p>Shortcut: Ctrl+V</p>
<h3 id="selection-with-background-as-png">Selection (with Background) as PNG…</h3>
<p>Export the selected widget(s) including the background to an PNG file. A file dialog box shows up once this function is selected to allow users to specify the file name.</p>
<p>When this function is selected and the Shift key is pressed, then the exporting destination is the clipboard. No file is created.</p>
<p>Shortcut: Ctrl+Alt+E</p>
<h3 id="selection-wo-background-as-png">Selection (w/o Background) as PNG…</h3>
<p>This function performs the same task as the previous one does expect that the background is excluded in exporting.</p>
<p>Shortcut: Ctrl+Alt+E</p>
<h3 id="sizing-policy">Sizing Policy…</h3>
<p>This function is used in a group. When a group is resized, how the size and location of the widgets are adjusted. When users want to store a group into the private collection for the future. This function can be used for adopting this group under different resolutions.</p>
<p>All the options in the dialog box allows users to specify during a group resizing, how a widget’s width, height, and horizontal/vertical locations are changed.</p>
<p><img decoding="async" src="https://manual.iot-hmi.com/en/3.4.1/imgs/file1001.png" alt="尺吋變化規則" /></p>
]]></content:encoded>
					
		
		
			</item>
	</channel>
</rss>
