[FEATURE REQUEST] [Perspective] Label and Button Components

Could someone please add default props to be shown at the very least for horizontal text alignment for the perspective label component , you have vertical which is probably the least used attribute available. It is such a basic setting that has to be adjusted on almost every label added too the screen it should be default with drop downs instead of having to click 4 times to set it to right justification. If that isn't too much to ask, making the font size along with basic boarders and underlines would be a great addition as well.

The button component would also be nice to have the color select-able from the props menu instead of having to got to styles > background color, every time instead of the hideous blue default that someone thought was a good idea.

I appreciate the 18,000 options that are made available although having basic functions related to text, colors and boarders should seem like a key property of label and buttons on the default props menu to save a few thousand clicks.

And yes I already know we should be using styles for every thing, although that takes a considerable amount of work to plan and lay out and being able to to just quickly define the layout and look of text and buttons on the fly for smaller projects would be very helpful.

And yes I already know we should be using styles for every thing, although that takes a considerable amount of work to plan and lay out and being able to to just quickly define the layout and look of text and buttons on the fly for smaller projects would be very helpful.

It's very simple.

  • Create a style 'alignRight' with text align right. (Type the name and do four clicks.)
  • On the label properties select the style from the classes dropdown. (Two clicks.)
  • On the button properties set justify : end. (Two clicks.)

I found it required less planning, is very easy to apply and the look and feel of the whole application can be changed with a style edit. Once you have a set of styles that work you can use them in all of your projects to ensure consistency between them.

If that isn't too much to ask, making the font size along with basic boarders and underlines would be a great addition as well.

Bad idea. CSS is fundamental to Perspective's design. Define the style once and apply it where needed. It's by far the easiest and fastest way to ensure consistent theming throughout the project.
For borders, create a style! Apply the style. It's easy.

Underline isn't used in professional design other than for hyperlinks or keyboard hot-key hints. It's deliberately not offered in the styles.

The button component would also be nice to have the color select-able from the props menu instead of having to got to styles > background color, every time instead of the hideous blue default that someone thought was a good idea.

If you don't like the default colors then override them in the Advanced Stylesheet by overriding the Perspective Built-In Themes | Ignition User Manual CSS color variable defaults. Setting each one on the component is bad practice.

I appreciate the 18,000 options that are made available although having basic functions related to text, colors and boarders should seem like a key property of label and buttons on the default props menu to save a few thousand clicks.

The styles configuration dialog makes this really easy and, again, ensures consistency. Your solution proposes to clog up the Property Editor with properties that suit your bad workflow.

Embrace CSS, styles and the Advanced Stylesheet. It's the way of the web and the way of Perspective as a result.

3 Likes