Material Design Buttons
Material Design Buttons
€29.00
Updated price and taxes/VAT calculated at checkout
Version Compatibility
TIA Unified PC
Compatible
TIA Unified Panel
Compatible
WinCC V7.5
Not compatible
WinCC V8.0
Not compatible
Overview :
Google Material Design style buttons will make your WinCC Unified interface more modern and will not draw attention to itself. They remain visible and functional. More than 2k icons built right into the button will help to make the interface more variable.
- Over 2k built in icons
- Web-familiar appearance
- Extensive customisation possibilities
Attention! Check the compatibility of your WinCC version with the product. If you have bought the product for the wrong version of WinCC, then the refund of the product can not be made.
Introduction
Fully customisable Material Design style buttons. This style is used by Google for its products.
They are designed with the simple goal of adding the ability for engineers to easily add some newness and functionality to their designs. A very important difference from other buttons, is the adequate behaviour of the button when it is resized. If you scale it - the rounding radius, text font size and icon size will remain exactly as you set them in pixels.
This pack contains 6 dynamic widgets for use with WinCC Unified.
- ButtonIconElevated.svghmi
- ButtonFilled.svghmi
- ButtonElevated.svghmi
- ButtonIconFilled.svghmi
- ButtonOutline.svghmi
- ButtonIconOutline.svghmi
With just 6 widgets you can get countless variations of how the button will look. You will have access to change the button colour, text colour, rounding radius and much more.
Here is how they look like:
Interface Properties:
All buttons have a very similar set of Iterface Properties
| Interface | Description |
|---|---|
| BasicColor | Background button's color |
| FontBold | Bold text or not |
| FontItalic | Italic text or not |
| FontName | Font name for example TimesNewRoman |
| FontSize | Font size like in TIA Portal |
| Icon | Icon name full list you can get here |
| IconHorizPadding | Padding from the left side |
| IconSize | Icon size in pixels |
| RoundCorners | Corners radius in pixels |
| Text | Button text |
| TextColor | Text color in RGB format |
| TextHorizAlligment | Text aligment left|center|right |
| TextHorizPadding | Padding from the left side |
| TexpPressed | Text for pressed state |
| TextVertAlligment | Text aligment top|center|bottom |
| TextVertPadding | Padding from the top side |
Version 1.0 (Release) [22 Nov 2023]
- Added material design icons
- Added "disabled" property
- Changed default states