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
####################################
.. only:: html
HTML CODE
.. only:: markdown
MARKDOWN CODE
Content
=======
@ -23,55 +32,62 @@ How to run
- 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|
(any version) for GUI rendering (lol)
.. image:: /img/504b98f76747f63900a2943532a946bb.png
:alt: 504b98f76747f63900a2943532a946bb.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
**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
----------------
.. 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
----------------
.. figure:: uploads/65b7d51c0a5b21e6b27dc23d4062d3ca/image.png
:alt: image
.. image:: /img/65b7d51c0a5b21e6b27dc23d4062d3ca.png
:alt: 65b7d51c0a5b21e6b27dc23d4062d3ca.png
image
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| ## 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
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
@ -82,42 +98,38 @@ object will be shown in ``UI tree viewer``.
Action: Click the button "Mouse search"
---------------------------------------
.. figure:: uploads/84d7e4de0c840631f87cf7b325b53ad8/image.png
:alt: image
.. image:: /img/84d7e4de0c840631f87cf7b325b53ad8.png
:alt: 84d7e4de0c840631f87cf7b325b53ad8.png
image
Action: Turn mouse on the UI object you are interested and hold the "Ctrl" key for 3 seconds
--------------------------------------------------------------------------------------------
.. figure:: uploads/b7c38d622bf5b7afa5b26d1686d7302a/image.png
:alt: image
.. image:: /img/b7c38d622bf5b7afa5b26d1686d7302a.png
:alt: b7c38d622bf5b7afa5b26d1686d7302a.png
image
Result: The interested UI object will be shown in ``UI tree viewer``
--------------------------------------------------------------------
.. figure:: uploads/629bbf4db2c01b9c640194230949fcd2/image.png
:alt: image
.. image:: /img/629bbf4db2c01b9c640194230949fcd2.png
:alt: 629bbf4db2c01b9c640194230949fcd2.png
image
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|
``Selected UI object property list``
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``
-----------------------------------------------------------------------------------------
.. figure:: uploads/f235ae29099a713e0246cd574ac3a17c/image.png
:alt: image
image
.. image:: /img/f235ae29099a713e0246cd574ac3a17c.png
:alt: f235ae29099a713e0246cd574ac3a17c.png
.. |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 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
copy /y ..\..\Wiki\ENG_Guide\markdown\index.md ..\..\readme.md
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>
</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-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-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>
</ul>
</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-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>
</ul>
</li>
@ -198,6 +202,7 @@
<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>
<p>HTML CODE</p>
<div class="section" id="content">
<h2>Content<a class="headerlink" href="#content" title="Permalink to this headline"></a></h2>
<ul class="simple">
@ -220,64 +225,65 @@ properties</a></p></li>
<li><p>Wait text “running server” in console. Default browser will be open
automatically</p></li>
<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>
<img alt="504b98f76747f63900a2943532a946bb.png" src="img/504b98f76747f63900a2943532a946bb.png" />
</div>
<div class="section" id="ui-description">
<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
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</p>
<p><strong>The studio tool GUI contains of:</strong></p>
<ol class="arabic simple">
<li><p>UI tree viewer</p></li>
<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>
<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>
<p>HTML CODE</p>
<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>
<img alt="504b98f76747f63900a2943532a946bb.png" src="img/d3d6ad14a7e50843bd89d2b14a092fee.png" />
</div>
<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>
<div class="figure align-default" id="id3">
<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>
<img alt="65b7d51c0a5b21e6b27dc23d4062d3ca.png" src="img/65b7d51c0a5b21e6b27dc23d4062d3ca.png" />
</div>
</div>
<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>
<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”. ##
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
search UI object by mouse hover In order to search UI object do the
choose the object you are interested and click the button “Expand”. ##</p>
<div class="section" id="action-click-the-button-expand">
<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
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 <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">
<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="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>
<img alt="84d7e4de0c840631f87cf7b325b53ad8.png" src="img/84d7e4de0c840631f87cf7b325b53ad8.png" />
</div>
<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>
<div class="figure align-default" id="id5">
<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>
<img alt="b7c38d622bf5b7afa5b26d1686d7302a.png" src="img/b7c38d622bf5b7afa5b26d1686d7302a.png" />
</div>
<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>
<div class="figure align-default" id="id6">
<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>
<img alt="629bbf4db2c01b9c640194230949fcd2.png" src="img/629bbf4db2c01b9c640194230949fcd2.png" />
</div>
</div>
<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
<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
<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
are interested and click it <img alt="image" src="Studio\uploads/2c27be5bdde20b5d062cbb40e74eaec5/image.png" /></p>
<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>
<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">
<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="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>
<img alt="f235ae29099a713e0246cd574ac3a17c.png" src="img/f235ae29099a713e0246cd574ac3a17c.png" />
</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
####################################
.. only:: html
HTML CODE
.. only:: markdown
MARKDOWN CODE
Content
=======
@ -23,55 +32,62 @@ How to run
- 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|
(any version) for GUI rendering (lol)
.. image:: /img/504b98f76747f63900a2943532a946bb.png
:alt: 504b98f76747f63900a2943532a946bb.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
**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
----------------
.. 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
----------------
.. figure:: uploads/65b7d51c0a5b21e6b27dc23d4062d3ca/image.png
:alt: image
.. image:: /img/65b7d51c0a5b21e6b27dc23d4062d3ca.png
:alt: 65b7d51c0a5b21e6b27dc23d4062d3ca.png
image
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| ## 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
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
@ -82,42 +98,38 @@ object will be shown in ``UI tree viewer``.
Action: Click the button "Mouse search"
---------------------------------------
.. figure:: uploads/84d7e4de0c840631f87cf7b325b53ad8/image.png
:alt: image
.. image:: /img/84d7e4de0c840631f87cf7b325b53ad8.png
:alt: 84d7e4de0c840631f87cf7b325b53ad8.png
image
Action: Turn mouse on the UI object you are interested and hold the "Ctrl" key for 3 seconds
--------------------------------------------------------------------------------------------
.. figure:: uploads/b7c38d622bf5b7afa5b26d1686d7302a/image.png
:alt: image
.. image:: /img/b7c38d622bf5b7afa5b26d1686d7302a.png
:alt: b7c38d622bf5b7afa5b26d1686d7302a.png
image
Result: The interested UI object will be shown in ``UI tree viewer``
--------------------------------------------------------------------
.. figure:: uploads/629bbf4db2c01b9c640194230949fcd2/image.png
:alt: image
.. image:: /img/629bbf4db2c01b9c640194230949fcd2.png
:alt: 629bbf4db2c01b9c640194230949fcd2.png
image
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|
``Selected UI object property list``
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``
-----------------------------------------------------------------------------------------
.. figure:: uploads/f235ae29099a713e0246cd574ac3a17c/image.png
:alt: image
image
.. image:: /img/f235ae29099a713e0246cd574ac3a17c.png
:alt: f235ae29099a713e0246cd574ac3a17c.png
.. |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
MARKDOWN CODE
## Content
@ -39,44 +41,71 @@ automatically
* **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
**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
**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
MARKDOWN CODE
![image](https://gitlab.com/UnicodeLabs/OpenRPA/-/raw/master/Wiki/uploads/d3d6ad14a7e50843bd89d2b14a092fee/image.png)
![image](img/d3d6ad14a7e50843bd89d2b14a092fee.png)
### GUI Screenshot 2
![image](img/65b7d51c0a5b21e6b27dc23d4062d3ca.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/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
search UI object by mouse hover In order to search UI object do the
### 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
@ -86,19 +115,37 @@ object will be shown in `UI tree viewer`.
### 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
![image](img/b7c38d622bf5b7afa5b26d1686d7302a.png)
### Result: The interested UI object will be shown in `UI tree viewer`
![image](img/629bbf4db2c01b9c640194230949fcd2.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
`Selected UI object property list`
![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`
![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