79 lines
8.2 KiB
HTML
79 lines
8.2 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>For Designer</title>
|
|
<meta name="generator" content="Help & Manual" />
|
|
<meta name="keywords" content="basic workflow,designer mode" />
|
|
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
<link type="text/css" href="default.css" rel="stylesheet" />
|
|
<style type="text/css">
|
|
body { margin: 0px; background: #F8F8F8; }
|
|
</style>
|
|
<script type="text/javascript" src="jquery.js"></script>
|
|
<script type="text/javascript" src="helpman_settings.js"></script>
|
|
<script type="text/javascript" src="helpman_topicinit.js"></script>
|
|
|
|
<script type="text/javascript">
|
|
HMSyncTOC("index.html", "designer.htm");
|
|
</script>
|
|
<script type="text/javascript" src="highlight.js"></script>
|
|
<script type="text/javascript">
|
|
$(document).ready(function(){highlight();});
|
|
</script>
|
|
</head>
|
|
<body>
|
|
|
|
|
|
<table style="width:100%; border:none; border-spacing:0px; padding:0px; background:#D0D0D0">
|
|
<tr style="vertical-align:middle">
|
|
<td style="text-align:right">
|
|
<a href="welcome.htm"><img border="0" src="../common/images/MGtoolsHelp_Home.gif" width="34" height="22" alt="Home" /></a>
|
|
<a href="tipsforanimator.htm"><img border="0" src="../common/images/MGtoolsHelp_previous.gif" width="34" height="22" alt="Previous" /></a>
|
|
<a href="quickworkflow.htm"><img border="0" src="../common/images/MGtoolsHelp_next.gif" width="34" height="22" alt="Next" /></a>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
|
|
<!-- Placeholder for topic body. -->
|
|
<table style="width:100%;border:none;border-spacing:0px"><tr style="vertical-align:top"><td style="text-align:left;padding:5px">
|
|
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Normal" style="font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span style="font-weight: bold;">MG-Picker Studio designer mode:</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><span style="font-weight: bold;">The basic work flow:</span></p>
|
|
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 20px; margin: 0 0 0 24px;"><span class="f_Normal" style="display:inline-block;width:20px;margin-left:-20px">1.</span>Switch to a certain tool in Area 1;</p><p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 20px; margin: 0 0 0 24px;"><span class="f_Normal" style="display:inline-block;width:20px;margin-left:-20px">2.</span>Create picker buttons and edit them interactively in Area 2,</p><p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 20px; margin: 0 0 0 24px;"><span class="f_Normal" style="display:inline-block;width:20px;margin-left:-20px">3.</span>To edit the picker items' experience or their member/attribute data, select them and set up all kinds of properties in Area 3,</p><p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 20px; margin: 0 0 0 24px;"><span class="f_Normal" style="display:inline-block;width:20px;margin-left:-20px">4.</span>To attach/edit a popup menu to a picker item, use the menu editor in Area 4.</p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 48px;"><img alt="designerModeUI" width="714" height="478" style="margin:0;width:714px;height:478px;border:none" src="designermodeui.jpg"/></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"> </p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><img alt="lightbulb" width="16" height="16" style="margin:0;width:16px;height:16px;border:none" src="lightbulb.png"/><span style="font-size: 9pt;"> Use hotkey "F8" to switch between animator mode & designer mode.</span></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><img alt="lightbulb" width="16" height="16" style="margin:0;width:16px;height:16px;border:none" src="lightbulb.png"/><span style="font-size: 9pt;"> Use Outliner to get an overview of all the picker items in the picker, regardless of the visibility.</span></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><img alt="lightbulb" width="16" height="16" style="margin:0;width:16px;height:16px;border:none" src="lightbulb.png"/><span style="font-size: 9pt;"> Use the Style panel to create a style library for quick application.</span></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><img alt="lightbulb" width="16" height="16" style="margin:0;width:16px;height:16px;border:none" src="lightbulb.png"/><span style="font-size: 9pt;"> Use the Relationship view to understand the visibility control relationship, as sometimes this is a bit hard to know what is happening in the picker view.</span></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><img alt="lightbulb" width="16" height="16" style="margin:0;width:16px;height:16px;border:none" src="lightbulb.png"/><span style="font-size: 9pt;"> Every widget control in this UI has attached a tooltip string. Hover the mouse upon it, read the pop-up tooltip and you should be ready to go.</span></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"> </p>
|
|
<p class="p_Normal" style="text-indent: 0; line-height: 1.80; padding-left: 13px; margin-left: 0;"><span class="f_Normal" style="font-family: Arial,'Lucida Sans Unicode','Lucida Grande','Lucida Sans';display:inline-block;width:13px;margin-left:-13px">▪</span><span style="font-weight: bold;">Help Topics For Designer:</span></p><p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="quickworkflow.htm" class="topiclink">Quick Workflow</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="svgworkflow.htm" class="topiclink">SVG Workflow</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="designprinciple.htm" class="topiclink">Design Principle</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="itemtypes.htm" class="topiclink">Item Types</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="itemshapes.htm" class="topiclink">Item Shapes</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="links.htm" class="topiclink">Links</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="relationshippanel.htm" class="topiclink">Relationship Panel</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="outliner.htm" class="topiclink">Outliner</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="pickermenu.htm" class="topiclink">Picker Menu</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="editing.htm" class="topiclink">Editing</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="distributeinpipeline.htm" class="topiclink">Distribute Pickers in Pipeline</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="pickertoolintergration.htm" class="topiclink">Picker Intergration</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="publishinternet.htm" class="topiclink">Publish to Internet</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="https://www.helpandmanual.com/order.html" class="topiclink">Publish to Internet</a></p>
|
|
<p class="p_Normal" style="line-height: 1.80; margin: 0 0 0 24px;"><a href="tipsfordesigner.htm" class="topiclink">Tips For Designer</a></p>
|
|
|
|
</td></tr></table>
|
|
<table height="30" width="100%" border="0" cellspacing="" cellpadding="0" bgcolor="#D0D0D0">
|
|
<tr valign="bottom" bgcolor="#D0D0D0" >
|
|
<td align="left" valign="middle" >
|
|
<a href="welcome.htm"><img border="0" src="../common/images/MGtoolsHelp_Home.gif" width="34" height="22" alt="Home" /></a>
|
|
<a href="tipsforanimator.htm"><img border="0" src="../common/images/MGtoolsHelp_previous.gif" width="34" height="22" alt="Previous" /></a>
|
|
<a href="quickworkflow.htm"><img border="0" src="../common/images/MGtoolsHelp_next.gif" width="34" height="22" alt="Next" /></a></td>
|
|
</tr>
|
|
</table>
|
|
|
|
</body>
|
|
</html>
|