cancel
Showing results for 
Search instead for 
Did you mean: 
Reply

Post your cool buttons and controls

Re: Post your cool buttons and controls

The system controls actually do support colour, but only one colour.  If you substitute colourable shapes for multiple states then all shapes have the same colour.  You can also add colourable shapes as decals.  My latest Flatline buttons support on and off state colouring in these ways, with hover states being supplied by partly-transparent PNGs.

Message 11 of 16
(533 Views)
Highlighted

Re: Post your cool buttons and controls

My “coolest” button from Flatline Controls is actually a modified Radio-Buttons control.  Colorable, dividing lines, and hover state (bottom “Option 3” is hover state):

 

Segmented buttons.png

Perfected with the assistance of Christina Rodgers from NI.

Message 12 of 16
(508 Views)

Re: Post your cool buttons and controls

I do love that radio button and have used it on a couple projects, so kudos are in order.  I used it in place of a tab on a touch panel where the tabs would be quite small.  In my code all it did was change the value of the tab, and/or insert a VI into a subpanel.


Unofficial Forum Rules and Guidelines - Hooovahh - LabVIEW Overlord
Interesting in learning all you can about automotive CAN bus communication? Checkout my 11 part CAN Blog series.

0 Kudos
Message 13 of 16
(504 Views)

Re: Post your cool buttons and controls


@drjdpowell wrote:

You can also add colourable shapes as decals.  My latest Flatline buttons support on and off state colouring in these ways, with hover states being supplied by partly-transparent PNGs.


Hi drjdpowell,

I imported a "Flat Box" as a decal. But, I have a couple questions:

The flat box decal resizes separately from the rest of the button (see below), how do I fix this?

How does it support on and off state colouring? Do you need multiple decals?

 

Capture.PNG



CLA // LabVIEW 2016 // BALUG // Unofficial Forum Rules and Guidelines
0 Kudos
Message 14 of 16
(478 Views)

Re: Post your cool buttons and controls


@gregoryj wrote:

@drjdpowell

The flat box decal resizes separately from the rest of the button (see below), how do I fix this?


enableSecretPopups=True

 

 

How does it support on and off state colouring? Do you need multiple decals?


The decal sits behind the main button.  The button itself has a 100% transparent PNG in the Off state, so the colour of the decal is the colour of OFF.  The On state is a colorable box, placed precisely so it covers over the decal colour when On.   Hover states are semi-transparent black PNGs (about 10-30% transparent, so they darken the Off-state colour underneath).  

Message 15 of 16
(466 Views)

Re: Post your cool buttons and controls

Here’s a talk I gave on this stuff a while ago, though it describes an older button design:

 

eCLA 2017: Flatline Controls

0 Kudos
Message 16 of 16
(452 Views)