mySCADA Technologies
Menu
  • NEWS
  • PRODUCTS
    • PRODUCTS OVERVIEW
    • myDESIGNER
    • myPRO
    • myBOX
    • myPANEL
    • myCMS
    • myACCESS
    • mySCADA Live Demo
  • SOLUTIONS
    • SOLUTIONS
      • PRODUCTION OVERVIEW
      • ACTIVE CONTROL
      • ALARMING SYSTEM
      • PRODUCTION STATISTICS
      • INTELLIGENT MAINTENANCE
      • PAPERLESS PRODUCTION
      • REMOTE CONNECTIVITY
    • INDUSTRIES
      • INDUSTRY 4.0
      • INTERNET OF THINGS
      • BUILDING AUTOMATION
      • FOOD AND BEVERAGE
      • OIL AND GAS
      • POWER AND ENERGY
      • PRODUCTION LINE
      • TRANSPORTATION
      • WATER AND WASTEWATER
    • REFERENCES
      • SHEET METAL PROCESSING/METALLURGY
      • SMART HOUSING
      • INJECTION MOLDING
      • HEAVY CLAY / CERAMIC INDUSTRY
      • LOGISTICS
      • AUTOMOTIVE INDUSTRY
      • MANUFACTURING MACHINE TOOLS
      • OFFICE CENTER
      • PAPERMAKING MACHINE
    • COOPERATION
      • CUSTOMERS
  • RESOURCES
    • DOWNLOADS
      • MANUALS
      • myDESIGNER
      • myPRO
      • myBOX
      • myPANEL
      • myCMS
      • myACCESS
      • REFERENCES
      • mySCADA LOGO
    • ONLINE MANUALS
      • myDESIGNER
      • myPRO
      • myBOX
      • myPANEL
      • myACCESS
      • Video tutorials
    • DOCUMENTS
      • EULA
      • PRIVACY POLICY
      • TERMS AND CONDITIONS
    • FAQ
      • GENERAL
      • myDESIGNER
      • myPRO
      • myBOX
      • myPANEL
      • PLCs
      • SQL DATABASES
  • CONTACTS
    • DISTRIBUTORS
    • PARTNERS
    • CONTACTS
  • PRICING
  • LOGIN
0

No products in the cart.

myDESIGNER

264
  • Introduction
  • About myDESIGNER
  • Tutorial Videos
  • Getting started with myDESIGNER
  • Creating a project
  • Workspace management
  • Checking project
  • Projects visual appearance
  • Creating views
  • View background
  • Selecting objects
  • Drawing primitives
  • Creating text elements
  • Inserting images
  • Poly-lines
  • Moving objects
  • Resizing objects
  • Rotating objects
  • Skewing objects
  • Filleting
  • Combining objects
  • Fill and stroke
  • Rulers and guides
  • Layers
  • Copying and pasting elements
  • Object’s order
  • Grouping
  • Repeated actions mode
  • View scripting
  • Used tags
  • Zooming on zone
  • Undo and redo
  • View properties
  • Components
  • Default components
  • Custom components
  • Used components
  • Editing components
  • Replacements
  • On touch actions
  • Entering adv. functions (equations)
  • Components library
  • Combo box, List box and Text box
  • Inserting into view
  • Components parameters
  • Using components in view scripts
  • Supported functions
  • Chart component
  • Active area
  • Creating active areas
  • External web page in active area
  • HTML code
  • DIV type
  • Layout views
  • Page layout
  • Adding layout view
  • Creating new layout
  • Entering tags
  • Entering mathematical expressions
  • Tree tags database
  • Changing tag value
  • Engineering units
  • Filtering data
  • Usage count
  • MS Excel import and export
  • Tag import
  • Deleting unused tags
  • Restoring tag database
  • Specifying a new tag during dev.
  • Formatting numerical values
  • Linking views with PLC
  • Animations
  • Show value animation
  • Value to text mapping animation
  • Visibility animation
  • Opacity animation
  • Color animation
  • Moving animation
  • Size animation
  • Scale animation
  • Rotate animation
  • Circular sector animation
  • Zoom visibility animation
  • Sounds
  • Sounds triggered by tag value
  • Effects
  • Time Sequence
  • Time sequence example
  • Triggering time sequences
  • Modifying time settings
  • Adding new sequences
  • Renaming time sequence
  • Switching among time sequence
  • Modifying timing
  • Combining multiple time sequences
  • Open command
  • Open type
  • Open Command Target
  • Popup (face plate) window
  • View type
  • Write/Set command
  • Using batches Write/Set command
  • Specifying set command parameters
  • Value options
  • Scaling set values
  • Set example
  • Key shortcuts
  • On touch
  • On touch in views
  • On touch in component
  • On touch example
  • Lock element
  • Lock key
  • Slider
  • Parametric views
  • Opening parametric views
  • Symbolic text replacements
  • Symbolic tag creation
  • Replacing connections
  • Nesting parametric views
  • Usage example of parametric views
  • View scripts
  • Using script in views
  • Equations in view script using params.
  • Declaring variables
  • Script writing
  • Using var in animations and effects
  • Debugging view scripts
  • Using debug screen on your view
  • Using web browsers integrated debug
  • Using JavaScript libraries – Includes
  • Linking external JavaScript libraries – Remote includes
  • View script func – elements
  • View script function – ListBox, TextBox, ComboBox (Smart input)
  • View script function – Animations
  • View script function – effects
  • View script function – error frames
  • View script function – zoom
  • View script function – open command
  • View script function – Users, language and login
  • View script function – Retrieving files
  • View script function – server-side script communication
  • View script function – tables
  • View script function – alarms and aggregated alarms
  • View script function – Data-Log data
  • View script function – custom charts
  • View script function – tag info
  • View script func – Other useful funcs
  • Documents
  • CAS alarms
  • Digital alarms
  • Analog alarms
  • Alarm window
  • Alarm history
  • CAS alarms occurrence – Chart/Table
  • CAS alarms in view – example
  • ✵CAS alarms preview of appearance
  • Data logging
  • Data-logs
  • Defining connection – Data-log
  • Defining data points in data-logs
  • Continuous data logging in data-logs
  • Triggered data-logs
  • Triggered data-logging example
  • Simple periodic data-logs export to CSV and Microsoft Power BI
  • Data-logs properties
  • Data-Log views
  • Data-logs views – data points select
  • Data-logs views Data grouping
  • Data-logs view – Data filtering
  • ✵ 3D chart
  • ✵Data-logs preview – appear. editor
  • Aggregated data logs
  • Creating aggregated data log
  • Aggregated values
  • Time aggregates
  • Value change aggregates
  • Aggregates based on alarm activation
  • Running the aggregation periodically
  • Advanced trends
  • Advanced trends – Using multiple axes
  • Advanced trends – visual appearance
  • Connections
  • Creating new connection
  • Creating PLC type connection
  • Deleting connections
  • User accesses
  • Access levels
  • Access groups
  • User accounts
  • Limited access to whole project
  • Limited access for views and trends
  • Limit access of arbitrary obj. in views
  • *User edit in runtime
  • ✵ RFID
  • Multi – language support
  • Providing translations inside a project
  • Translating names of Views
  • Translating Data-logs
  • Translating CAS alarms
  • Translating advanced trends
  • ✵ Server-side scripts
  • ✵ Server-side scripts folder
  • ✵ Server-side scripts folder structure
  • ✵ Server-side scripts Variables tables
  • ✵ Server-side scripts data-logs
  • ✵ Server-side scripts Global variables
  • ✵ Server-side scripts Sources folder
  • ✵ Server-side scripts Organizing project into modules
  • ✵ Server-side scripts Importing modules
  • ✵ Server-side scripts Using the event-driven asynchronous callbacks
  • ✵ Server-side scripts – mySCADA specific functions
  • ✵ Server-side scripts Debugging
  • ✵ Server-side scripts – Script status (on myBOX v7 devices only)
  • Ser2Net (on myBOX devices only)
  • ✵ Server-side scripts Graphical guides
  • ✵ Server-side scripts Read/Write data from/to PLC
  • ✵ Server-side scripts Other guides
  • ✵ Server-side scripts – examples
  • ✵ Server-side scripts Reading data from PLC
  • ✵ Server-side scripts – Timers – eg. run code in given time intervals
  • ✵ Server-side scripts Scheduled execution e.g run code every Monday at 2:00 PM
  • ✵ Server-side scripts – Processing data-log data
  • ✵ Server-side scripts – Exporting data-log data into CSV files
  • ✵ Server-side scripts – Sending data from view script into server side scripts
  • ✵ Server-side scripts – Using virtual PLC
  • Devices
  • EtherNet/IP driver
  • MicroLogix and SLC driver
  • Modbus driver
  • Modbus tag name syntax
  • 32-bit registers in Modbus
  • Modbus – Floating point numbers
  • Modbus – 32-bit integers
  • Modbus – Address mapping
  • Modbus – Signed and unsigned numbers
  • Siemens S7 family PLCs driver
  • S7 memory types
  • S7 data types
  • S7 1200/1500 notes
  • LOGO! 0BA7/0BA8 configuration
  • S7-200 (via CP243-1) configuration
  • OPC UA driver
  • OPC UA tag name syntax
  • OPC UA connection configuration
  • MELSEC-Q driver
  • MELSEC-Q tag name syntax
  • MELSEC-Q connection configuration
  • KNX driver
  • KNX notes
  • Using SQL connectivity in Server Side Scripts
  • Export/Import in .CSV files
  • Export/Import – Translations
  • .CSV Export/Import in general
  • Download/Upload from/to device
  • Download to device
  • Upload from device
  • ✵ Recipes
  • ✵ Recipes Advanced
  • ✵ Recipes – Check changes with device
  • ✵ Running hours
  • ✵ Timeline
  • ✵ mySCADA TIA portal connector
  • WebCamera Component

mySCADA PRO

11
  • Introduction
  • Installation
  • Status
  • Versions
  • Update
  • Notification
  • Settings
  • myACCESS
  • SSL certificates
  • About
  • Troubleshooting

myBOX

21
  • Introduction
  • Operational Conditions
  • Hardware overviewHardware features
  • Technical specifications
  • Dimensions
  • Connecting to networks via ethernet interface
  • Connecting to networks via wireless 4G interface
  • Connecting to networks via RS-232/485 interface
  • Using the RS-232 interface
  • Using the RS-485 interface
  • Graphical user interface
  • Administration level
  • Status
  • Network
  • Advanced
  • System
  • Debug
  • Scripts
  • Logs
  • Tags
  • Ping

myPANEL

10
  • Introduction
  • Hardware features
  • Dimensions
  • Administration level
  • Status
  • Network
  • myACCESS
  • System
  • Debug

myACCESS

9
  • Introduction
  • myACCESS Device
  • myACCESS Device app
  • Downloading project to the device using myACCESS link
  • myACCESS User
  • Sorting out your devices and users in groups and sub-groups
  • Connection with TIA portal to Siemens PLC behind the myBOX using myACCESS User
  • Connection with Rockwell studio to Rockwell PLC behind the myBOX using myACCESS User
  • myACCESS Subscription managment

myDESIGNER v8

286
  • Introduction
  • About myDESIGNER
  • Tutorial Videos
  • Getting started with myDESIGNER
  • Creating a project
  • Workspace management
  • Checking project
  • Projects visual appearance
  • Creating views
  • View background
  • Selecting objects
  • Drawing primitives
  • Creating text elements
  • Inserting images
  • Poly-lines
  • Moving objects
  • Resizing objects
  • Rotating objects
  • Skewing objects
  • Filleting
  • Combining objects
  • Fill and stroke
  • Rulers and guides
  • Layers
  • Copying and pasting elements
  • Object’s order
  • Grouping
  • Repeated actions mode
  • View scripting
  • Used tags
  • Zooming on zone
  • Undo and redo
  • View properties
  • Components
  • Default components
  • Custom components
  • Used components
  • Editing components
  • Replacements
  • On touch actions
  • Entering advanced functions (equations)
  • Components library
  • Combo box, List box and Text box
  • Inserting into view
  • Components parameters
  • Using components in view scripts
  • Supported functions
  • Chart component
  • Active area
  • Creating active areas
  • External web page in active area
  • HTML code
  • DIV type
  • Layout views
  • Page layout
  • Adding layout view
  • Creating new layout
  • Entering tags
  • Entering mathematical expressions
  • Tree tags database
  • Changing tag value
  • Engineering units
  • Filtering data
  • Usage count
  • MS Excel import and export
  • Tag import
  • Deleting unused tags
  • Restoring tag database
  • Specifying a new tag during development
  • Formatting numerical values
  • Linking views with PLC
  • Animations
  • Show value animation
  • Value to text mapping animation
  • Visibility animation
  • Opacity animation
  • Color animation
  • Moving animation
  • Size animation
  • Scale animation
  • Rotate animation
  • Circular sector animation
  • Zoom visibility animation
  • Sounds
  • Sounds triggered by tag value
  • Effects
  • Time Sequence
  • Time sequence example
  • Triggering time sequences
  • Modifying time settings
  • Adding new sequences
  • Renaming time sequence
  • Switching among time sequence
  • Modifying timing
  • Combining multiple time sequences
  • Open command
  • Open type
  • Open Command Target
  • Popup (face plate) window
  • View type
  • Write/Set command
  • Using batches Write/Set command
  • Specifying set command parameters
  • Value options
  • Scaling set values
  • Set example
  • Key shortcuts
  • On touch
  • On touch in views
  • On touch in component
  • On touch example
  • Lock element
  • Lock key
  • Slider
  • Parametric views
  • Opening parametric views
  • Symbolic text replacements
  • Symbolic tag creation
  • Replacing connections
  • Nesting parametric views
  • Usage example of parametric views
  • View scripts
  • Using script in views
  • Equations in view script using parameters
  • Declaring variables
  • Script writing
  • Using variables in animations and effects
  • Debugging view scripts
  • Using debug screen on your view
  • Using web browsers integrated debugger
  • Using JavaScript libraries – Includes
  • Linking external JavaScript libraries – Remote includes
  • View script function – Dealing with elements
  • View script function – ListBox, TextBox, ComboBox (Smart input)
  • View script function – Animations
  • View script function – effects
  • View script function – error frames
  • View script function – zoom
  • View script function – open command
  • View script function – Users, language and login
  • View script function – Retrieving files
  • View script function – server-side script communication
  • View script function – tables
  • View script function – alarms and aggregated alarms
  • View script function – Data-Log data
  • View script function – custom charts
  • View script function – tag info
  • View script function – Other useful functions
  • Documents
  • Reports
  • Creating report templates
  • Designing report
  • Inserting text into report
  • Adding picture/logo into report
  • Table data in reports
  • Table summary in reports
  • Previewing report during design
  • Showing report in runtime
  • Creating custom report in runtime
  • Creating report on demand
  • CAS alarms
  • Digital alarms
  • Analog alarms
  • Alarm window
  • Alarm history
  • CAS alarms occurrence – Chart/Table
  • CAS alarms in view – example
  • ✵CAS alarms preview of appearance
  • Data logging
  • Data-logs
  • Defining connection – Data-log
  • Defining data points in data-logs
  • Continuous data logging in data-logs
  • Triggered data-logs
  • Triggered data-logging example
  • Simple periodic data-logs export to CSV and Microsoft Power BI
  • Data-logs properties
  • Data-Log views
  • Data-logs views – data points selection
  • Data-logs views Data grouping
  • Data-logs view – Data filtering
  • ✵ 3D chart
  • ✵Data-logs preview – appearance editor
  • Aggregated data logs
  • Creating aggregated data log
  • Aggregated values
  • Time aggregates
  • Value change aggregates
  • Aggregates based on alarm activation
  • Running the aggregation periodically
  • Advanced trends
  • Advanced trends – Using multiple axes
  • Advanced trends – visual appearance
  • Connections
  • Creating new connection
  • Creating PLC type connection
  • Creating database type connection
  • Creating IoT type connection
  • Deleting connections
  • User accesses
  • Access levels
  • Access groups
  • User accounts
  • Limited access to whole project
  • Limited access for views and trends
  • Limited access of arbitrary object in views
  • *User edit in runtime
  • ✵ RFID
  • Multi – language support
  • Providing translations inside a project
  • Translating names of Views
  • Translating Data-logs
  • Translating CAS alarms
  • Translating advanced trends
  • ✵ Server-side scripts
  • ✵ Server-side scripts folder
  • ✵ Server-side scripts folder structure
  • ✵ Server-side scripts Variables tables
  • ✵ Server-side scripts data-logs
  • ✵ Server-side scripts Global variables
  • ✵ Server-side scripts Sources folder
  • ✵ Server-side scripts Organizing project into modules
  • ✵ Server-side scripts Importing modules
  • ✵ Server-side scripts Using the event-driven asynchronous callbacks
  • ✵ Server-side scripts Creating server side reports
  • ✵ Server-side scripts – mySCADA specific functions
  • ✵ Server-side scripts Debugging
  • ✵ Server-side scripts – Script status (on myBOX v7 devices only)
  • Ser2Net (on myBOX devices only)
  • ✵ Server-side scripts Graphical guides
  • ✵ Server-side scripts Read/Write data from/to PLC
  • ✵ Server-side scripts Generating report
  • ✵ Server-side scripts Other guides
  • ✵ Server-side scripts – examples
  • ✵ Server-side scripts Reading data from PLC
  • ✵ Server-side scripts – Timers – eg. run code in given time intervals
  • ✵ Server-side scripts Scheduled execution e.g run code every Monday at 2:00 PM
  • ✵ Server-side scripts – Generating a report at given time interval
  • ✵ Server-side scripts – Processing data-log data
  • ✵ Server-side scripts – Exporting data-log data into CSV files
  • ✵ Server-side scripts – Using virtual PLC
  • ✵ Server-side scripts – Sending data from view script into server side scripts
  • Devices
  • EtherNet/IP driver
  • MicroLogix and SLC driver
  • Modbus driver
  • Modbus tag name syntax
  • 32-bit registers in Modbus
  • Modbus – Floating point numbers
  • Modbus – 32-bit integers
  • Modbus – Address mapping
  • Modbus – Signed and unsigned numbers
  • Siemens S7 family PLCs driver
  • S7 memory types
  • S7 data types
  • S7 1200/1500 notes
  • LOGO! 0BA7/0BA8 configuration
  • S7-200 (via CP243-1) configuration
  • OPC UA driver
  • OPC UA tag name syntax
  • OPC UA connection configuration
  • MELSEC-Q driver
  • MELSEC-Q tag name syntax
  • MELSEC-Q connection configuration
  • SigFox driver
  • SigFox data types
  • SigFox Reverse order
  • KNX driver
  • KNX notes
  • Databases – driver
  • Databases – Reading values from SQL database
  • Databases – Examples
  • Databases – Writing values to SQL database
  • Using SQL connectivity in Server Side Scripts
  • Export/Import in .CSV files
  • Export/Import – Translations
  • .CSV Export/Import in general
  • Download/Upload from/to device
  • Download to device
  • Upload from device
  • ✵ Recipes
  • ✵ Recipes Advanced
  • ✵ Recipes – Check changes with device
  • ✵ Running hours
  • ✵ Timeline
  • ✵ mySCADA TIA portal connector

myPRO v8

13
  • Introduction
  • Installation
  • Using myPRO WWW access
  • myPRO settings
  • Status – Dashboard
  • myACCESS
  • Status – Data Storage
  • Status -System Status
  • System – Notification
  • System – Storage
  • System – ACCESS
  • System – Serial
  • Troubleshooting

myBOX v7

20
  • Introduction
  • Hardware features
  • Technical specifications
  • Dimensions
  • Installing your device
  • Mounting the device
  • Power wiring and device start-up
  • Getting online help from mySCADA
  • Reset to default settings
  • Communication connections
  • Connecting to networks via ethernet interface
  • Connecting to networks via RS-232/485 interface
  • Using the RS-232 interface
  • Using the RS-485 interface
  • Connecting to networks via wireless 3G interface
  • Access point mode with wireless Wi-Fi integrated card
  • Graphical user interface
  • Administration level
  • Appendix A – termination and biasing an RS-485 network
  • Appendix B – list of supported web browsers for the GUI

Changelog

2
  • 5.11.2024
  • 1.7.2024 – Version 9.1.0

Changelog Legacy

21
  • 25.6.2024 – Version 8.32.0
  • 28.7.2023 – Version 8.30.0
  • 24.11.2022 – Version 8.29.0
  • 24.8.2022 – Version 8.28.0
  • 27.5.2022 – Version 8.27.0
  • 17.3.2022 – Version 8.26.0
  • 17.12.2021 – Version 8.25.0
  • 19.11.2021 – Version 8.24.0
  • 9.11.2021 – Version 8.23.0
  • 3.11.2021 – Version 8.22.0
  • 3.9.2021 – Version 8.21.0
  • 21.7.2021 – Version 8.20.0
  • 3.6.2021 – Version 8.19.0
  • 5.3.2021 – Version 8.18.0
  • 8.12.2020 – Version 8.17.0
  • 13.11.2020 – Version 8.16.0
  • 7.10.2020 – Version 8.15.0
  • 4.9.2020 – Version 8.14.0
  • 7.8.2020 – Version 8.13.0
  • 9.7.2020 – Version 8.12.0
  • 3.6.2020 – Version 8.11.0
  • Homepage
  • Docs
  • myDESIGNER
  • Fill and stroke
View Categories

Fill and stroke

6 min read

Graphic objects can be filled (or stroked) with a solid color, linear gradient, radial gradient, or complex pattern.

  • Watch video describing this functionality: https://www.youtube.com/watch?v=ryduKCgzFr0

Change a fill or stroke:

  1. Select the object(s) whose color you want to change
  2. Click on the Color, Gradients, and Patterns button in the GUI Toolbar
  3. Choose a solid color, gradient, or pattern.
  4. Confirm the changes by clicking on the OK

Solid Color

Navigate to the Colors tab in the Resources tab where you will see a few options for solid colors:

Swatches – select the color from the pre-defined palette

HSV – mix your desired color by determining the Hue, Saturation, and Value and setting Transparency

HSL – mix your desired color by determining the Hue, Saturation, and Lightness values and setting Transparency

RGB – mix your desired color by determining the Red Green and Blue values and setting Alpha level

CMYK – select your color from the Cyan, Magenta, Yellow, Key (Black) color palette and set Alpha

SVG – select your color from the pre-defined SVG standard colors palette

Gradients

Using gradients enables you to create your own custom color blends and give your objects a plastic look. You can create smooth color gradations over one or more objects and save them for later use   on other objects.

The Resources tab contains pre-defined linear and radial gradients and patterns. You may create new gradients and patterns or modify the existing ones.

Linear gradient

The linear gradient function enables you to create horizontal, vertical, and diagonal gradient fills.

You can choose from pre-defined linear gradients in the Resources tab:

When you click on a pre-defined gradient, you will see its properties in the right side panel.

You can see the gradient preview in the small top window, and if you click on the tab Preview, you will see how the object will look.

The bottom part of the panel is divided into two tabs, Basic and Advanced:

 

Basic – you will find all defined colors for a selected gradient

On the basic tab panel, each color has its own controls.

Therefore, each color has the following properties:

  • Color – sets the color and corresponding color code
  • Opacity – specifies the alpha channel (transparency)
  • Position – specifies the starting point of this color. Move the slider to the side to change the color position.

To remove a color, press the “X” button.

To add a new color, press the + Add Color button.

Advanced – you can fine-tune your custom gradient and define the id, angle, and fill options

  • Id – you can name the newly created gradient
  • Angle – you can change the angle of the gradient from horizontal to a custom angle
  • x1, y1, x2,y2 – linear gradients are defined by the bounding box of an object they fill; x1 and y1 specify the initial point of the gradient of the bounding box; x2 and y2 represent the end point of the gradient
  • Spread method – Pad – basic fill option, no reflection or repeating
    • Repeat (repeats the shading)
    • Reflect (reflects the shading)

Radial gradients

This function operates with circular gradient fills; this is the same principal as for the linear gradients, only the Advanced section is slightly different:

  • Id – you can name the newly created gradient
  • Radius – sets the gradient radius
  • cx, cy, and r define the outermost circle of the radial gradient
  • fx and fy define the focal point of the radial gradient
  • Spread method – Pad – basic fill option, no reflection or repeating
    • Repeat (repeats the shading)
    • Reflect (reflects the shading)

Patterns

Different objects or images can be used as a pattern for other objects. myDESIGNER lets you choose from pre-defined patterns or create new ones, either by modification of the existing ones or by importing a file (jpg, png, jpeg) or selection. Patterns can be either raster images or vectors. If you use raster images, you might experience pixelation on tighter zoom, so if you can choose, use vector image where possible.

Predefined Patterns

Predefined patterns are simple but effective patterns for you to use. Please keep in mind that you can very easily change color or rotate gradients to suit your requirements. Usage is quite simple; select a pattern you wish to use, and if necessary, modify the parameters and hit the save button.

User Defined Patterns

All the patterns used in your view are listed here. You can also create new ones from predefined patterns or import them from files or selections.

To use a user-defined pattern, just select it and click on the OK button.

Buttons on the bottom allow you to create new patterns, either from a file or from a selection, as well as delete and duplicate existing patterns.

 

Pattern Import

From File

Click on the + From Picture button and select the source raster image file in the dialog window, then click on the OK button.

From Selection

Click on the + From Selection button to create a new pattern from the selection in your current view.

  1. Draw the objects you would like to use as a pattern and select them.
  2. Now open the resources dialog. Navigate to the Pattern tab. Now click on the + From Selection The new gradient has been created:

Parameters

The parameters of the selected gradients can be easily modified. You can, for example, change the main color of the gradient, rotate, or scale it. Please find a list of parameters below, including explanations for each one.

Parameter Description
Id Unique ID of the pattern. Each object has its own unique id.
Scale You can scale the gradient so it appears smaller or larger. You might need to scale the gradient to fit your object’s size. You can preview the result in the Preview window.
Rotate You can rotate the pattern to the desired angle.
Translate Move the position of the gradient along the X and Y coordinates.

Example of using a pattern

We will show you a simple example of how to use a pattern in your design. We will create a simple progress bar by using and modifying a predefined pattern.

  1. First, we will create tree rectangles. The top one will be used as a border, the middle one will be used as our progress indicator, and the last one will be used in the foreground to give our progress bar a plastic look.
  2. Now select the middle rectangle and click on the Colors, gradients, and patterns In the pattern section, select a bar pattern.
  3. In the properties on the right side of the window, click on the color chooser rectangle and select a different color. Then use the Rotate slider to rotate the pattern by 45 degrees.
  4. Click on the OK button to apply a pattern to the rectangle.
  5. Now put all of the rectangles together to finish the progress bar.
Combining objectsRulers and guides

Contact us

Main Office:
Velvarská 1699/29
160 00 Prague
Czech Republic
 
General inquiry: [email protected]
Phone: +420 321 400 184
 

Follow us

Facebook icon

Twitter icon

Youtube icon

Linkedin icon

Products

  • PRODUCTS OVERVIEW
  • myDESIGNER
  • myPRO
  • myBOX
  • myPANEL
  • myCMS
  • myACCESS

Solutions

  • Production overview
  • Active control
  • Alarming system
  • Production statistics
  • Intelligent maintenance
  • Paperless production
  • Remote Connectivity
© Copyright mySCADA Technologies
  • Terms and conditions
  • Privacy policy
  • EULA
Manage Consent
To provide the best experiences, we use technologies like cookies to store and/or access device information. Consenting to these technologies will allow us to process data such as browsing behavior or unique IDs on this site. Not consenting or withdrawing consent, may adversely affect certain features and functions.
Functional Always active
The technical storage or access is strictly necessary for the legitimate purpose of enabling the use of a specific service explicitly requested by the subscriber or user, or for the sole purpose of carrying out the transmission of a communication over an electronic communications network.
Preferences
The technical storage or access is necessary for the legitimate purpose of storing preferences that are not requested by the subscriber or user.
Statistics
The technical storage or access that is used exclusively for statistical purposes. The technical storage or access that is used exclusively for anonymous statistical purposes. Without a subpoena, voluntary compliance on the part of your Internet Service Provider, or additional records from a third party, information stored or retrieved for this purpose alone cannot usually be used to identify you.
Marketing
The technical storage or access is required to create user profiles to send advertising, or to track the user on a website or across several websites for similar marketing purposes.
Manage options Manage services Manage {vendor_count} vendors Read more about these purposes
View preferences
{title} {title} {title}