GUIDE ENG - Add pdf support (need test) Convert MD wiki Studio How to Use

dev-linux
Ivan Maslov 4 years ago
parent 2f1ae54e61
commit 326e00147d

@ -2,6 +2,15 @@
2. How to use 2. How to use
#################################### ####################################
.. only:: html
HTML CODE
.. only:: markdown
MARKDOWN CODE
Content Content
======= =======
@ -23,55 +32,62 @@ How to run
- Wait text "running server" in console. Default browser will be open - Wait text "running server" in console. Default browser will be open
automatically automatically
- **Attention!** The studio tool does not support the Internet explorer - **Attention!** The studio tool does not support the Internet explorer
(any version) for GUI rendering (lol) |image| (any version) for GUI rendering (lol)
.. image:: /img/504b98f76747f63900a2943532a946bb.png
:alt: 504b98f76747f63900a2943532a946bb.png
UI Description UI Description
============== ==============
**The studio tool GUI contains of:** - 1. UI tree viewer - 2. Selected **The studio tool GUI contains of:**
UI object hierarchy list - 3. Selected UI object property list - 4. UIO
selector editor - 5. UIO action panel - 6. Another Python activity panel 1. UI tree viewer
- 7. Action/activity list 2. Selected UI object hierarchy list
3. Selected UI object property list
4. UIO selector editor
5. UIO action panel
6. Another Python activity panel
7. Action/activity list
*Look it on the GUI screenshots are listed below* *Look it on the GUI screenshots are listed below*
GUI Screenshot 1 GUI Screenshot 1
---------------- ----------------
.. only:: html
HTML CODE
.. figure:: img/d3d6ad14a7e50843bd89d2b14a092fee.png
:alt: image
image
.. only:: markdown
MARKDOWN CODE
.. image:: https://gitlab.com/UnicodeLabs/OpenRPA/-/raw/master/Wiki/uploads/d3d6ad14a7e50843bd89d2b14a092fee/image.png
:alt: code_quality
.. image:: /img/d3d6ad14a7e50843bd89d2b14a092fee.png
:alt: 504b98f76747f63900a2943532a946bb.png
.. figure:: https://gitlab.com/UnicodeLabs/OpenRPA/-/raw/master/Wiki/uploads/d3d6ad14a7e50843bd89d2b14a092fee/image.png
:alt: image
image
GUI Screenshot 2 GUI Screenshot 2
---------------- ----------------
.. figure:: uploads/65b7d51c0a5b21e6b27dc23d4062d3ca/image.png .. image:: /img/65b7d51c0a5b21e6b27dc23d4062d3ca.png
:alt: image :alt: 65b7d51c0a5b21e6b27dc23d4062d3ca.png
image
How to extract UI tree How to extract UI tree
====================== ======================
In order to extract the UI tree do the following: in ``UI tree viewer`` In order to extract the UI tree do the following: in ``UI tree viewer``
choose the object you are interested and click the button "Expand". ## choose the object you are interested and click the button "Expand". ##
Action: Click the button "Expand" |image| ## Result |image| # How to
search UI object by mouse hover In order to search UI object do the Action: Click the button "Expand"
---------------------------------------
.. image:: /img/6effc376ff6ea928840674bd744caced.png
:alt: 6effc376ff6ea928840674bd744caced.png
Result
---------------------------------------
.. image:: /img/18b9ab36126c8c32168bf5bbb9330701.png
:alt: 18b9ab36126c8c32168bf5bbb9330701.png
How to search UI object by mouse hover
---------------------------------------
In order to search UI object do the
following: in ``UI tree viewer`` choose the parent object, where you are following: in ``UI tree viewer`` choose the parent object, where you are
want to search UI object, and click the button "Mouse search". The mouse want to search UI object, and click the button "Mouse search". The mouse
search mode will start. Turn mouse on the UI object you are interested search mode will start. Turn mouse on the UI object you are interested
@ -82,42 +98,38 @@ object will be shown in ``UI tree viewer``.
Action: Click the button "Mouse search" Action: Click the button "Mouse search"
--------------------------------------- ---------------------------------------
.. figure:: uploads/84d7e4de0c840631f87cf7b325b53ad8/image.png .. image:: /img/84d7e4de0c840631f87cf7b325b53ad8.png
:alt: image :alt: 84d7e4de0c840631f87cf7b325b53ad8.png
image
Action: Turn mouse on the UI object you are interested and hold the "Ctrl" key for 3 seconds Action: Turn mouse on the UI object you are interested and hold the "Ctrl" key for 3 seconds
-------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------
.. figure:: uploads/b7c38d622bf5b7afa5b26d1686d7302a/image.png .. image:: /img/b7c38d622bf5b7afa5b26d1686d7302a.png
:alt: image :alt: b7c38d622bf5b7afa5b26d1686d7302a.png
image
Result: The interested UI object will be shown in ``UI tree viewer`` Result: The interested UI object will be shown in ``UI tree viewer``
-------------------------------------------------------------------- --------------------------------------------------------------------
.. figure:: uploads/629bbf4db2c01b9c640194230949fcd2/image.png .. image:: /img/629bbf4db2c01b9c640194230949fcd2.png
:alt: image :alt: 629bbf4db2c01b9c640194230949fcd2.png
image
How to extract UI object properties How to extract UI object properties
=================================== ===================================
In order to extract UI object properties do the following: in In order to extract UI object properties do the following: in
``Selected UI object hierarchy list`` choose the UI object you are ``Selected UI object hierarchy list`` choose the UI object you are
interested and click it. The UI object property list will be shown in interested and click it. The UI object property list will be shown in
``Selected UI object property list`` ## Action: Choose the UI object you ``Selected UI object property list``
are interested and click it |image|
Action: Choose the UI object you are interested and click it
------------------------------------------------------------------------------
.. image:: /img/2c27be5bdde20b5d062cbb40e74eaec5.png
:alt: 2c27be5bdde20b5d062cbb40e74eaec5.png
Result: The UI object property list will be shown in ``Selected UI object property list`` Result: The UI object property list will be shown in ``Selected UI object property list``
----------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------
.. figure:: uploads/f235ae29099a713e0246cd574ac3a17c/image.png .. image:: /img/f235ae29099a713e0246cd574ac3a17c.png
:alt: image :alt: f235ae29099a713e0246cd574ac3a17c.png
image
.. |image| image:: uploads/504b98f76747f63900a2943532a946bb/image.png
.. |image| image:: uploads/6effc376ff6ea928840674bd744caced/image.png
.. |image| image:: uploads/18b9ab36126c8c32168bf5bbb9330701/image.png
.. |image| image:: uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png

@ -31,6 +31,8 @@ if errorlevel 9009 (
%SPHINXBUILD% -M html %SOURCEDIR% %BUILDDIR% %SPHINXOPTS% %O% %SPHINXBUILD% -M html %SOURCEDIR% %BUILDDIR% %SPHINXOPTS% %O%
%SPHINXBUILD% -M markdown %SOURCEDIR% %BUILDDIR% %SPHINXOPTS% %O% %SPHINXBUILD% -M markdown %SOURCEDIR% %BUILDDIR% %SPHINXOPTS% %O%
"..\..\Resources\WPy64-3720\python-3.7.2.amd64\python.exe" make_ENG_Guide_2.py
..\..\Wiki\ENG_Guide\html\index.html ..\..\Wiki\ENG_Guide\html\index.html
copy /y ..\..\Wiki\ENG_Guide\markdown\index.md ..\..\readme.md copy /y ..\..\Wiki\ENG_Guide\markdown\index.md ..\..\readme.md
goto end goto end

@ -0,0 +1,3 @@
cd %~dp0
"..\..\Resources\WPy64-3720\python-3.7.2.amd64\python.exe" make_ENG_Guide_2.py
pause>nul

@ -0,0 +1,49 @@
import os, shutil, subprocess
# Build dir
gSourceDirAbsPathStr = os.path.abspath("")
gBuildDirAbsPathStr = os.path.abspath("..\\..\\Wiki\\ENG_Guide")
gBuildDirHTMLAbsPathStr = os.path.join(gBuildDirAbsPathStr, "html")
gBuildDirMDAbsPathStr = os.path.join(gBuildDirAbsPathStr, "markdown")
# list all dir which have img folder
# Copy to md and html
for root, subFolder, files in os.walk(os.path.abspath("")):
for item in files:
if item.endswith(".png") :
fileNamePath = str(os.path.join(root,item))
#print(fileNamePath)
lFileItemBuildDirHTMLAbsPathStr = root.replace(gSourceDirAbsPathStr, gBuildDirHTMLAbsPathStr)
lFileItemBuildHTMLAbsPathStr = str(os.path.join(lFileItemBuildDirHTMLAbsPathStr,item))
if not os.path.exists(lFileItemBuildDirHTMLAbsPathStr):
os.mkdir(lFileItemBuildDirHTMLAbsPathStr)
shutil.copy2(fileNamePath, fileNamePath.replace(gSourceDirAbsPathStr, gBuildDirHTMLAbsPathStr))
lFileItemBuildDirMDAbsPathStr = root.replace(gSourceDirAbsPathStr, gBuildDirMDAbsPathStr)
lFileItemBuildMDAbsPathStr = str(os.path.join(lFileItemBuildDirMDAbsPathStr,item))
if not os.path.exists(lFileItemBuildDirMDAbsPathStr):
os.mkdir(lFileItemBuildDirMDAbsPathStr)
shutil.copy2(fileNamePath, fileNamePath.replace(gSourceDirAbsPathStr, gBuildDirMDAbsPathStr))
# Run PDF generation
"""
gHTML2PDFPathList = [
"index.html",
"01_HowToInstall.html",
"02_RoadMap.html",
"03_Copyrights_Contacts.html"
]
gWKHTMLtoPDFPath = "..\\..\\Resources\\wkhtmltopdf\\bin\\wkhtmltopdf.exe"
gCMDRunStr = f'{os.path.abspath(gWKHTMLtoPDFPath)} --javascript-delay 5000 --load-error-handling ignore --enable-local-file-access '
gPDFOutputAbsPath = os.path.join(gBuildDirAbsPathStr, "pyOpenRPA_Guide_ENG.pdf")
for lItemStr in gHTML2PDFPathList:
gCMDRunStr += f' {os.path.join(gBuildDirHTMLAbsPathStr, lItemStr)} '
gCMDRunStr += f' "{gPDFOutputAbsPath}" '
#os.system("cmd /c "+gCMDRunStr)
subprocess.call(gCMDRunStr.split(" "), shell=True)
print(gCMDRunStr)
"""

@ -1,60 +0,0 @@
# Content
- [How to run](#how-to-run)
- [UI Description](#ui-description)
- [How to extract UI tree](#how-to-extract-ui-tree)
- [How to search UI object by mouse hover](#how-to-search-ui-object-by-mouse-hover)
- [How to extract UI object properties](#how-to-extract-ui-object-properties)
# How to run
- For OS x32
- Run (double click): OpenRPA\Studio\StudioRun_32.cmd (for OS x32)
- For OS x64
- Run (double click): OpenRPA\Studio\StudioRun_64.cmd (for OS x64)
- Wait text "running server" in console. Default browser will be open automatically
- **Attention!** The studio tool does not support the Internet explorer (any version) for GUI rendering (lol)
![image](uploads/504b98f76747f63900a2943532a946bb/image.png)
# UI Description
**The studio tool GUI contains of:**
- 1. UI tree viewer
- 2. Selected UI object hierarchy list
- 3. Selected UI object property list
- 4. UIO selector editor
- 5. UIO action panel
- 6. Another Python activity panel
- 7. Action/activity list
*Look it on the GUI screenshots are listed below*
## GUI Screenshot 1
![image](uploads/d3d6ad14a7e50843bd89d2b14a092fee/image.png)
## GUI Screenshot 2
![image](uploads/65b7d51c0a5b21e6b27dc23d4062d3ca/image.png)
# How to extract UI tree
In order to extract the UI tree do the following: in `UI tree viewer` choose the object you are interested and click the button "Expand".
## Action: Click the button "Expand"
![image](uploads/6effc376ff6ea928840674bd744caced/image.png)
## Result
![image](uploads/18b9ab36126c8c32168bf5bbb9330701/image.png)
# How to search UI object by mouse hover
In order to search UI object do the following: in `UI tree viewer` choose the parent object, where you are want to search UI object, and click the button "Mouse search". The mouse search mode will start. Turn mouse on the UI object you are interested and wait when the studio will highlight the UI object. After the hightlight hold the "Ctrl" key and wait 3 seconds. The interested UI object will be shown in `UI tree viewer`.
## Action: Click the button "Mouse search"
![image](uploads/84d7e4de0c840631f87cf7b325b53ad8/image.png)
## Action: Turn mouse on the UI object you are interested and hold the "Ctrl" key for 3 seconds
![image](uploads/b7c38d622bf5b7afa5b26d1686d7302a/image.png)
## Result: The interested UI object will be shown in `UI tree viewer`
![image](uploads/629bbf4db2c01b9c640194230949fcd2/image.png)
# How to extract UI object properties
In order to extract UI object properties do the following: in `Selected UI object hierarchy list` choose the UI object you are interested and click it. The UI object property list will be shown in `Selected UI object property list`
## Action: Choose the UI object you are interested and click it
![image](uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png)
## Result: The UI object property list will be shown in `Selected UI object property list`
![image](uploads/f235ae29099a713e0246cd574ac3a17c/image.png)

@ -111,12 +111,16 @@
</ul> </ul>
</li> </li>
<li class="toctree-l2"><a class="reference internal" href="#how-to-extract-ui-tree">How to extract UI tree</a><ul> <li class="toctree-l2"><a class="reference internal" href="#how-to-extract-ui-tree">How to extract UI tree</a><ul>
<li class="toctree-l3"><a class="reference internal" href="#action-click-the-button-expand">Action: Click the button “Expand”</a></li>
<li class="toctree-l3"><a class="reference internal" href="#result">Result</a></li>
<li class="toctree-l3"><a class="reference internal" href="#how-to-search-ui-object-by-mouse-hover">How to search UI object by mouse hover</a></li>
<li class="toctree-l3"><a class="reference internal" href="#action-click-the-button-mouse-search">Action: Click the button “Mouse search”</a></li> <li class="toctree-l3"><a class="reference internal" href="#action-click-the-button-mouse-search">Action: Click the button “Mouse search”</a></li>
<li class="toctree-l3"><a class="reference internal" href="#action-turn-mouse-on-the-ui-object-you-are-interested-and-hold-the-ctrl-key-for-3-seconds">Action: Turn mouse on the UI object you are interested and hold the “Ctrl” key for 3 seconds</a></li> <li class="toctree-l3"><a class="reference internal" href="#action-turn-mouse-on-the-ui-object-you-are-interested-and-hold-the-ctrl-key-for-3-seconds">Action: Turn mouse on the UI object you are interested and hold the “Ctrl” key for 3 seconds</a></li>
<li class="toctree-l3"><a class="reference internal" href="#result-the-interested-ui-object-will-be-shown-in-ui-tree-viewer">Result: The interested UI object will be shown in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code></a></li> <li class="toctree-l3"><a class="reference internal" href="#result-the-interested-ui-object-will-be-shown-in-ui-tree-viewer">Result: The interested UI object will be shown in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code></a></li>
</ul> </ul>
</li> </li>
<li class="toctree-l2"><a class="reference internal" href="#how-to-extract-ui-object-properties">How to extract UI object properties</a><ul> <li class="toctree-l2"><a class="reference internal" href="#how-to-extract-ui-object-properties">How to extract UI object properties</a><ul>
<li class="toctree-l3"><a class="reference internal" href="#action-choose-the-ui-object-you-are-interested-and-click-it">Action: Choose the UI object you are interested and click it</a></li>
<li class="toctree-l3"><a class="reference internal" href="#result-the-ui-object-property-list-will-be-shown-in-selected-ui-object-property-list">Result: The UI object property list will be shown in <code class="docutils literal notranslate"><span class="pre">Selected</span> <span class="pre">UI</span> <span class="pre">object</span> <span class="pre">property</span> <span class="pre">list</span></code></a></li> <li class="toctree-l3"><a class="reference internal" href="#result-the-ui-object-property-list-will-be-shown-in-selected-ui-object-property-list">Result: The UI object property list will be shown in <code class="docutils literal notranslate"><span class="pre">Selected</span> <span class="pre">UI</span> <span class="pre">object</span> <span class="pre">property</span> <span class="pre">list</span></code></a></li>
</ul> </ul>
</li> </li>
@ -198,6 +202,7 @@
<div class="section" id="how-to-use"> <div class="section" id="how-to-use">
<h1>2. How to use<a class="headerlink" href="#how-to-use" title="Permalink to this headline"></a></h1> <h1>2. How to use<a class="headerlink" href="#how-to-use" title="Permalink to this headline"></a></h1>
<p>HTML CODE</p>
<div class="section" id="content"> <div class="section" id="content">
<h2>Content<a class="headerlink" href="#content" title="Permalink to this headline"></a></h2> <h2>Content<a class="headerlink" href="#content" title="Permalink to this headline"></a></h2>
<ul class="simple"> <ul class="simple">
@ -220,64 +225,65 @@ properties</a></p></li>
<li><p>Wait text “running server” in console. Default browser will be open <li><p>Wait text “running server” in console. Default browser will be open
automatically</p></li> automatically</p></li>
<li><p><strong>Attention!</strong> The studio tool does not support the Internet explorer <li><p><strong>Attention!</strong> The studio tool does not support the Internet explorer
(any version) for GUI rendering (lol) <img alt="image" src="Studio\uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png" /></p></li> (any version) for GUI rendering (lol)</p></li>
</ul> </ul>
<img alt="504b98f76747f63900a2943532a946bb.png" src="img/504b98f76747f63900a2943532a946bb.png" />
</div> </div>
<div class="section" id="ui-description"> <div class="section" id="ui-description">
<h2>UI Description<a class="headerlink" href="#ui-description" title="Permalink to this headline"></a></h2> <h2>UI Description<a class="headerlink" href="#ui-description" title="Permalink to this headline"></a></h2>
<p><strong>The studio tool GUI contains of:</strong> - 1. UI tree viewer - 2. Selected <p><strong>The studio tool GUI contains of:</strong></p>
UI object hierarchy list - 3. Selected UI object property list - 4. UIO <ol class="arabic simple">
selector editor - 5. UIO action panel - 6. Another Python activity panel <li><p>UI tree viewer</p></li>
- 7. Action/activity list</p> <li><p>Selected UI object hierarchy list</p></li>
<li><p>Selected UI object property list</p></li>
<li><p>UIO selector editor</p></li>
<li><p>UIO action panel</p></li>
<li><p>Another Python activity panel</p></li>
<li><p>Action/activity list</p></li>
</ol>
<p><em>Look it on the GUI screenshots are listed below</em></p> <p><em>Look it on the GUI screenshots are listed below</em></p>
<div class="section" id="gui-screenshot-1"> <div class="section" id="gui-screenshot-1">
<h3>GUI Screenshot 1<a class="headerlink" href="#gui-screenshot-1" title="Permalink to this headline"></a></h3> <h3>GUI Screenshot 1<a class="headerlink" href="#gui-screenshot-1" title="Permalink to this headline"></a></h3>
<p>HTML CODE</p> <img alt="504b98f76747f63900a2943532a946bb.png" src="img/d3d6ad14a7e50843bd89d2b14a092fee.png" />
<div class="figure align-default" id="id1">
<img alt="image" src="../_images/d3d6ad14a7e50843bd89d2b14a092fee.png" />
<p class="caption"><span class="caption-text">image</span><a class="headerlink" href="#id1" title="Permalink to this image"></a></p>
</div>
</div> </div>
<div class="section" id="gui-screenshot-2"> <div class="section" id="gui-screenshot-2">
<h3>GUI Screenshot 2<a class="headerlink" href="#gui-screenshot-2" title="Permalink to this headline"></a></h3> <h3>GUI Screenshot 2<a class="headerlink" href="#gui-screenshot-2" title="Permalink to this headline"></a></h3>
<div class="figure align-default" id="id3"> <img alt="65b7d51c0a5b21e6b27dc23d4062d3ca.png" src="img/65b7d51c0a5b21e6b27dc23d4062d3ca.png" />
<img alt="image" src="Studio\uploads/65b7d51c0a5b21e6b27dc23d4062d3ca/image.png" />
<p class="caption"><span class="caption-text">image</span><a class="headerlink" href="#id3" title="Permalink to this image"></a></p>
</div>
</div> </div>
</div> </div>
<div class="section" id="how-to-extract-ui-tree"> <div class="section" id="how-to-extract-ui-tree">
<h2>How to extract UI tree<a class="headerlink" href="#how-to-extract-ui-tree" title="Permalink to this headline"></a></h2> <h2>How to extract UI tree<a class="headerlink" href="#how-to-extract-ui-tree" title="Permalink to this headline"></a></h2>
<p>In order to extract the UI tree do the following: in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code> <p>In order to extract the UI tree do the following: in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code>
choose the object you are interested and click the button “Expand”. ## choose the object you are interested and click the button “Expand”. ##</p>
Action: Click the button “Expand” <img alt="image" src="Studio\uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png" /> ## Result <img alt="image" src="Studio\uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png" /> # How to <div class="section" id="action-click-the-button-expand">
search UI object by mouse hover In order to search UI object do the <h3>Action: Click the button “Expand”<a class="headerlink" href="#action-click-the-button-expand" title="Permalink to this headline"></a></h3>
<img alt="6effc376ff6ea928840674bd744caced.png" src="img/6effc376ff6ea928840674bd744caced.png" />
</div>
<div class="section" id="result">
<h3>Result<a class="headerlink" href="#result" title="Permalink to this headline"></a></h3>
<img alt="18b9ab36126c8c32168bf5bbb9330701.png" src="img/18b9ab36126c8c32168bf5bbb9330701.png" />
</div>
<div class="section" id="how-to-search-ui-object-by-mouse-hover">
<h3>How to search UI object by mouse hover<a class="headerlink" href="#how-to-search-ui-object-by-mouse-hover" title="Permalink to this headline"></a></h3>
<p>In order to search UI object do the
following: in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code> choose the parent object, where you are following: in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code> choose the parent object, where you are
want to search UI object, and click the button “Mouse search”. The mouse want to search UI object, and click the button “Mouse search”. The mouse
search mode will start. Turn mouse on the UI object you are interested search mode will start. Turn mouse on the UI object you are interested
and wait when the studio will highlight the UI object. After the and wait when the studio will highlight the UI object. After the
hightlight hold the “Ctrl” key and wait 3 seconds. The interested UI hightlight hold the “Ctrl” key and wait 3 seconds. The interested UI
object will be shown in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code>.</p> object will be shown in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code>.</p>
</div>
<div class="section" id="action-click-the-button-mouse-search"> <div class="section" id="action-click-the-button-mouse-search">
<h3>Action: Click the button “Mouse search”<a class="headerlink" href="#action-click-the-button-mouse-search" title="Permalink to this headline"></a></h3> <h3>Action: Click the button “Mouse search”<a class="headerlink" href="#action-click-the-button-mouse-search" title="Permalink to this headline"></a></h3>
<div class="figure align-default" id="id4"> <img alt="84d7e4de0c840631f87cf7b325b53ad8.png" src="img/84d7e4de0c840631f87cf7b325b53ad8.png" />
<img alt="image" src="Studio\uploads/84d7e4de0c840631f87cf7b325b53ad8/image.png" />
<p class="caption"><span class="caption-text">image</span><a class="headerlink" href="#id4" title="Permalink to this image"></a></p>
</div>
</div> </div>
<div class="section" id="action-turn-mouse-on-the-ui-object-you-are-interested-and-hold-the-ctrl-key-for-3-seconds"> <div class="section" id="action-turn-mouse-on-the-ui-object-you-are-interested-and-hold-the-ctrl-key-for-3-seconds">
<h3>Action: Turn mouse on the UI object you are interested and hold the “Ctrl” key for 3 seconds<a class="headerlink" href="#action-turn-mouse-on-the-ui-object-you-are-interested-and-hold-the-ctrl-key-for-3-seconds" title="Permalink to this headline"></a></h3> <h3>Action: Turn mouse on the UI object you are interested and hold the “Ctrl” key for 3 seconds<a class="headerlink" href="#action-turn-mouse-on-the-ui-object-you-are-interested-and-hold-the-ctrl-key-for-3-seconds" title="Permalink to this headline"></a></h3>
<div class="figure align-default" id="id5"> <img alt="b7c38d622bf5b7afa5b26d1686d7302a.png" src="img/b7c38d622bf5b7afa5b26d1686d7302a.png" />
<img alt="image" src="Studio\uploads/b7c38d622bf5b7afa5b26d1686d7302a/image.png" />
<p class="caption"><span class="caption-text">image</span><a class="headerlink" href="#id5" title="Permalink to this image"></a></p>
</div>
</div> </div>
<div class="section" id="result-the-interested-ui-object-will-be-shown-in-ui-tree-viewer"> <div class="section" id="result-the-interested-ui-object-will-be-shown-in-ui-tree-viewer">
<h3>Result: The interested UI object will be shown in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code><a class="headerlink" href="#result-the-interested-ui-object-will-be-shown-in-ui-tree-viewer" title="Permalink to this headline"></a></h3> <h3>Result: The interested UI object will be shown in <code class="docutils literal notranslate"><span class="pre">UI</span> <span class="pre">tree</span> <span class="pre">viewer</span></code><a class="headerlink" href="#result-the-interested-ui-object-will-be-shown-in-ui-tree-viewer" title="Permalink to this headline"></a></h3>
<div class="figure align-default" id="id6"> <img alt="629bbf4db2c01b9c640194230949fcd2.png" src="img/629bbf4db2c01b9c640194230949fcd2.png" />
<img alt="image" src="Studio\uploads/629bbf4db2c01b9c640194230949fcd2/image.png" />
<p class="caption"><span class="caption-text">image</span><a class="headerlink" href="#id6" title="Permalink to this image"></a></p>
</div>
</div> </div>
</div> </div>
<div class="section" id="how-to-extract-ui-object-properties"> <div class="section" id="how-to-extract-ui-object-properties">
@ -285,14 +291,14 @@ object will be shown in <code class="docutils literal notranslate"><span class="
<p>In order to extract UI object properties do the following: in <p>In order to extract UI object properties do the following: in
<code class="docutils literal notranslate"><span class="pre">Selected</span> <span class="pre">UI</span> <span class="pre">object</span> <span class="pre">hierarchy</span> <span class="pre">list</span></code> choose the UI object you are <code class="docutils literal notranslate"><span class="pre">Selected</span> <span class="pre">UI</span> <span class="pre">object</span> <span class="pre">hierarchy</span> <span class="pre">list</span></code> choose the UI object you are
interested and click it. The UI object property list will be shown in interested and click it. The UI object property list will be shown in
<code class="docutils literal notranslate"><span class="pre">Selected</span> <span class="pre">UI</span> <span class="pre">object</span> <span class="pre">property</span> <span class="pre">list</span></code> ## Action: Choose the UI object you <code class="docutils literal notranslate"><span class="pre">Selected</span> <span class="pre">UI</span> <span class="pre">object</span> <span class="pre">property</span> <span class="pre">list</span></code></p>
are interested and click it <img alt="image" src="Studio\uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png" /></p> <div class="section" id="action-choose-the-ui-object-you-are-interested-and-click-it">
<h3>Action: Choose the UI object you are interested and click it<a class="headerlink" href="#action-choose-the-ui-object-you-are-interested-and-click-it" title="Permalink to this headline"></a></h3>
<img alt="2c27be5bdde20b5d062cbb40e74eaec5.png" src="img/2c27be5bdde20b5d062cbb40e74eaec5.png" />
</div>
<div class="section" id="result-the-ui-object-property-list-will-be-shown-in-selected-ui-object-property-list"> <div class="section" id="result-the-ui-object-property-list-will-be-shown-in-selected-ui-object-property-list">
<h3>Result: The UI object property list will be shown in <code class="docutils literal notranslate"><span class="pre">Selected</span> <span class="pre">UI</span> <span class="pre">object</span> <span class="pre">property</span> <span class="pre">list</span></code><a class="headerlink" href="#result-the-ui-object-property-list-will-be-shown-in-selected-ui-object-property-list" title="Permalink to this headline"></a></h3> <h3>Result: The UI object property list will be shown in <code class="docutils literal notranslate"><span class="pre">Selected</span> <span class="pre">UI</span> <span class="pre">object</span> <span class="pre">property</span> <span class="pre">list</span></code><a class="headerlink" href="#result-the-ui-object-property-list-will-be-shown-in-selected-ui-object-property-list" title="Permalink to this headline"></a></h3>
<div class="figure align-default" id="id7"> <img alt="f235ae29099a713e0246cd574ac3a17c.png" src="img/f235ae29099a713e0246cd574ac3a17c.png" />
<img alt="image" src="Studio\uploads/f235ae29099a713e0246cd574ac3a17c/image.png" />
<p class="caption"><span class="caption-text">image</span><a class="headerlink" href="#id7" title="Permalink to this image"></a></p>
</div>
</div> </div>
</div> </div>
</div> </div>

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

@ -2,6 +2,15 @@
2. How to use 2. How to use
#################################### ####################################
.. only:: html
HTML CODE
.. only:: markdown
MARKDOWN CODE
Content Content
======= =======
@ -23,55 +32,62 @@ How to run
- Wait text "running server" in console. Default browser will be open - Wait text "running server" in console. Default browser will be open
automatically automatically
- **Attention!** The studio tool does not support the Internet explorer - **Attention!** The studio tool does not support the Internet explorer
(any version) for GUI rendering (lol) |image| (any version) for GUI rendering (lol)
.. image:: /img/504b98f76747f63900a2943532a946bb.png
:alt: 504b98f76747f63900a2943532a946bb.png
UI Description UI Description
============== ==============
**The studio tool GUI contains of:** - 1. UI tree viewer - 2. Selected **The studio tool GUI contains of:**
UI object hierarchy list - 3. Selected UI object property list - 4. UIO
selector editor - 5. UIO action panel - 6. Another Python activity panel 1. UI tree viewer
- 7. Action/activity list 2. Selected UI object hierarchy list
3. Selected UI object property list
4. UIO selector editor
5. UIO action panel
6. Another Python activity panel
7. Action/activity list
*Look it on the GUI screenshots are listed below* *Look it on the GUI screenshots are listed below*
GUI Screenshot 1 GUI Screenshot 1
---------------- ----------------
.. only:: html
HTML CODE
.. figure:: img/d3d6ad14a7e50843bd89d2b14a092fee.png
:alt: image
image
.. only:: markdown
MARKDOWN CODE
.. image:: https://gitlab.com/UnicodeLabs/OpenRPA/-/raw/master/Wiki/uploads/d3d6ad14a7e50843bd89d2b14a092fee/image.png
:alt: code_quality
.. image:: /img/d3d6ad14a7e50843bd89d2b14a092fee.png
:alt: 504b98f76747f63900a2943532a946bb.png
.. figure:: https://gitlab.com/UnicodeLabs/OpenRPA/-/raw/master/Wiki/uploads/d3d6ad14a7e50843bd89d2b14a092fee/image.png
:alt: image
image
GUI Screenshot 2 GUI Screenshot 2
---------------- ----------------
.. figure:: uploads/65b7d51c0a5b21e6b27dc23d4062d3ca/image.png .. image:: /img/65b7d51c0a5b21e6b27dc23d4062d3ca.png
:alt: image :alt: 65b7d51c0a5b21e6b27dc23d4062d3ca.png
image
How to extract UI tree How to extract UI tree
====================== ======================
In order to extract the UI tree do the following: in ``UI tree viewer`` In order to extract the UI tree do the following: in ``UI tree viewer``
choose the object you are interested and click the button "Expand". ## choose the object you are interested and click the button "Expand". ##
Action: Click the button "Expand" |image| ## Result |image| # How to
search UI object by mouse hover In order to search UI object do the Action: Click the button "Expand"
---------------------------------------
.. image:: /img/6effc376ff6ea928840674bd744caced.png
:alt: 6effc376ff6ea928840674bd744caced.png
Result
---------------------------------------
.. image:: /img/18b9ab36126c8c32168bf5bbb9330701.png
:alt: 18b9ab36126c8c32168bf5bbb9330701.png
How to search UI object by mouse hover
---------------------------------------
In order to search UI object do the
following: in ``UI tree viewer`` choose the parent object, where you are following: in ``UI tree viewer`` choose the parent object, where you are
want to search UI object, and click the button "Mouse search". The mouse want to search UI object, and click the button "Mouse search". The mouse
search mode will start. Turn mouse on the UI object you are interested search mode will start. Turn mouse on the UI object you are interested
@ -82,42 +98,38 @@ object will be shown in ``UI tree viewer``.
Action: Click the button "Mouse search" Action: Click the button "Mouse search"
--------------------------------------- ---------------------------------------
.. figure:: uploads/84d7e4de0c840631f87cf7b325b53ad8/image.png .. image:: /img/84d7e4de0c840631f87cf7b325b53ad8.png
:alt: image :alt: 84d7e4de0c840631f87cf7b325b53ad8.png
image
Action: Turn mouse on the UI object you are interested and hold the "Ctrl" key for 3 seconds Action: Turn mouse on the UI object you are interested and hold the "Ctrl" key for 3 seconds
-------------------------------------------------------------------------------------------- --------------------------------------------------------------------------------------------
.. figure:: uploads/b7c38d622bf5b7afa5b26d1686d7302a/image.png .. image:: /img/b7c38d622bf5b7afa5b26d1686d7302a.png
:alt: image :alt: b7c38d622bf5b7afa5b26d1686d7302a.png
image
Result: The interested UI object will be shown in ``UI tree viewer`` Result: The interested UI object will be shown in ``UI tree viewer``
-------------------------------------------------------------------- --------------------------------------------------------------------
.. figure:: uploads/629bbf4db2c01b9c640194230949fcd2/image.png .. image:: /img/629bbf4db2c01b9c640194230949fcd2.png
:alt: image :alt: 629bbf4db2c01b9c640194230949fcd2.png
image
How to extract UI object properties How to extract UI object properties
=================================== ===================================
In order to extract UI object properties do the following: in In order to extract UI object properties do the following: in
``Selected UI object hierarchy list`` choose the UI object you are ``Selected UI object hierarchy list`` choose the UI object you are
interested and click it. The UI object property list will be shown in interested and click it. The UI object property list will be shown in
``Selected UI object property list`` ## Action: Choose the UI object you ``Selected UI object property list``
are interested and click it |image|
Action: Choose the UI object you are interested and click it
------------------------------------------------------------------------------
.. image:: /img/2c27be5bdde20b5d062cbb40e74eaec5.png
:alt: 2c27be5bdde20b5d062cbb40e74eaec5.png
Result: The UI object property list will be shown in ``Selected UI object property list`` Result: The UI object property list will be shown in ``Selected UI object property list``
----------------------------------------------------------------------------------------- -----------------------------------------------------------------------------------------
.. figure:: uploads/f235ae29099a713e0246cd574ac3a17c/image.png .. image:: /img/f235ae29099a713e0246cd574ac3a17c.png
:alt: image :alt: f235ae29099a713e0246cd574ac3a17c.png
image
.. |image| image:: uploads/504b98f76747f63900a2943532a946bb/image.png
.. |image| image:: uploads/6effc376ff6ea928840674bd744caced/image.png
.. |image| image:: uploads/18b9ab36126c8c32168bf5bbb9330701/image.png
.. |image| image:: uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png

File diff suppressed because one or more lines are too long

@ -1,5 +1,7 @@
# 2. How to use # 2. How to use
MARKDOWN CODE
## Content ## Content
@ -41,42 +43,69 @@ automatically
* **Attention!** The studio tool does not support the Internet explorer * **Attention!** The studio tool does not support the Internet explorer
(any version) for GUI rendering (lol) (any version) for GUI rendering (lol)
![image](\uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png)
![image](img/504b98f76747f63900a2943532a946bb.png)
## UI Description ## UI Description
**The studio tool GUI contains of:** - 1. UI tree viewer - 2. Selected **The studio tool GUI contains of:**
UI object hierarchy list - 3. Selected UI object property list - 4. UIO
selector editor - 5. UIO action panel - 6. Another Python activity panel
- 7. Action/activity list 1. UI tree viewer
2. Selected UI object hierarchy list
3. Selected UI object property list
4. UIO selector editor
5. UIO action panel
6. Another Python activity panel
7. Action/activity list
*Look it on the GUI screenshots are listed below* *Look it on the GUI screenshots are listed below*
### GUI Screenshot 1 ### GUI Screenshot 1
MARKDOWN CODE
![image](https://gitlab.com/UnicodeLabs/OpenRPA/-/raw/master/Wiki/uploads/d3d6ad14a7e50843bd89d2b14a092fee/image.png) ![image](img/d3d6ad14a7e50843bd89d2b14a092fee.png)
### GUI Screenshot 2 ### GUI Screenshot 2
![image](img/65b7d51c0a5b21e6b27dc23d4062d3ca.png)
## How to extract UI tree ## How to extract UI tree
In order to extract the UI tree do the following: in `UI tree viewer` In order to extract the UI tree do the following: in `UI tree viewer`
choose the object you are interested and click the button “Expand”. ## choose the object you are interested and click the button “Expand”. ##
Action: Click the button “Expand”
![image](\uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png) ### Action: Click the button “Expand”
![image](img/6effc376ff6ea928840674bd744caced.png)
### Result
## Result
![image](\uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png) ![image](img/18b9ab36126c8c32168bf5bbb9330701.png)
# How to ### How to search UI object by mouse hover
search UI object by mouse hover In order to search UI object do the
In order to search UI object do the
following: in `UI tree viewer` choose the parent object, where you are following: in `UI tree viewer` choose the parent object, where you are
want to search UI object, and click the button “Mouse search”. The mouse want to search UI object, and click the button “Mouse search”. The mouse
search mode will start. Turn mouse on the UI object you are interested search mode will start. Turn mouse on the UI object you are interested
@ -86,19 +115,37 @@ object will be shown in `UI tree viewer`.
### Action: Click the button “Mouse search” ### Action: Click the button “Mouse search”
![image](img/84d7e4de0c840631f87cf7b325b53ad8.png)
### Action: Turn mouse on the UI object you are interested and hold the “Ctrl” key for 3 seconds ### Action: Turn mouse on the UI object you are interested and hold the “Ctrl” key for 3 seconds
![image](img/b7c38d622bf5b7afa5b26d1686d7302a.png)
### Result: The interested UI object will be shown in `UI tree viewer` ### Result: The interested UI object will be shown in `UI tree viewer`
![image](img/629bbf4db2c01b9c640194230949fcd2.png)
## How to extract UI object properties ## How to extract UI object properties
In order to extract UI object properties do the following: in In order to extract UI object properties do the following: in
`Selected UI object hierarchy list` choose the UI object you are `Selected UI object hierarchy list` choose the UI object you are
interested and click it. The UI object property list will be shown in interested and click it. The UI object property list will be shown in
`Selected UI object property list` ## Action: Choose the UI object you `Selected UI object property list`
are interested and click it
![image](\uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png) ### Action: Choose the UI object you are interested and click it
![image](img/2c27be5bdde20b5d062cbb40e74eaec5.png)
### Result: The UI object property list will be shown in `Selected UI object property list` ### Result: The UI object property list will be shown in `Selected UI object property list`
![image](img/f235ae29099a713e0246cd574ac3a17c.png)

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 27 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 49 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 116 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 26 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 35 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 34 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 37 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

Loading…
Cancel
Save