Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Readability of text in FormItems in Sc11 has decreased

    Hi there,
    We are using mutliple hundreds forms in our application and recently switched to smartclient 11.
    Therefore we have noticed the enhancements you have made.

    We have found one enhancement by now which reduces the readability of the formItems

    Smartclietn 10.1:
    Click image for larger version

Name:	20160622-111114.png
Views:	35
Size:	3.4 KB
ID:	238757
    Smartclient 11:
    Click image for larger version

Name:	20160622-111059.png
Views:	37
Size:	4.4 KB
ID:	238758

    Because the color of the formItem has changed the items are harder to read.
    We would like to change the color back to "black".

    Is there any high-level definition of the color in the FormItem?
    The formItem itself has no specific api for the color (http://www.smartclient.com/docs/rele...lass..FormItem), so I also cannot work with isc.FormItem.addProperties.

    Do I only have to replace this part of the skin_styles.css to increase the readability back to a better default value (#000). Will I get all input-boxes where this color is
    Code:
    /* Actual minimalist text */
    .textItemLite,
    .textItemLiteRTL,
    .textItemLiteFocused,
    .textItemLiteFocusedRTL,
    .textItemLiteDisabled,
    .textItemLiteDisabledRTL,
    .textItemLiteError,
    .textItemLiteErrorRTL,
    .textItemLitePending,
    .textItemLitePendingRTL,
    .textItemLitePendingFocused,
    .textItemLitePendingFocusedRTL,
    .textItemLitePendingDisabled,
    .textItemLitePendingDisabledRTL,
    .textItemLitePendingError,
    .textItemLitePendingErrorRTL,
    .textItemLiteHint,
    .textItemLiteHintRTL,
    .textItemLiteDisabledHint,
    .textItemLiteDisabledHintRTL,
    .selectItemLiteText,
    .selectItemLiteTextRTL,
    .selectItemLiteTextFocused,
    .selectItemLiteTextFocusedRTL,
    .selectItemLiteTextDisabled,
    .selectItemLiteTextDisabledRTL,
    .selectItemLiteTextError,
    .selectItemLiteTextErrorRTL,
    .selectItemLiteTextPending,
    .selectItemLiteTextPendingRTL,
    .selectItemLiteTextPendingFocused,
    .selectItemLiteTextPendingFocusedRTL,
    .selectItemLiteTextPendingDisabled,
    .selectItemLiteTextPendingDisabledRTL,
    .selectItemLiteTextPendingError,
    .selectItemLiteTextPendingErrorRTL,
    .selectItemLiteTextHint,
    .selectItemLiteTextHintRTL,
    .selectItemLiteTextDisabledHint,
    .selectItemLiteTextDisabledHintRTL {
      color: #000;
    }

    Also I want to vote for an increase of readability and change this value back to black and not #555 as default.

    Best Regards

    #2
    That lighter color is typical of many other common themes (such as Twitter Bootstrap). If you choose to darken we'd recommend not going all the way to full black, as that's become quite rare.

    As far as how to change it, yes, it's just simple CSS as you've shown.

    Comment

    Working...
    X