Announcement

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

    Tahoe Skin - Color of background-tab-color nearly matches disabled-button-color

    Hi there,
    We are currently testing out the Tahoe skin and have problems to figure out which tabs are clickable and which are not.
    We have mutliple views where we have a Tabset with 4-5 tabs and in som of the tabs there are toolstrips with buttons (enabled and disabled ones).

    The disabled buttons are grey, the enabled buttons are blue - this is fine.
    But the color of the background-tabs does match the color of the disabled button so close that with a non-calibrated monitor you cannot see any difference. When there is a disabled tab the user will see the difference between a disabled tab and a background-tab, but if there is no disabled tab, the user will think that the tab is also disabled like the button below.
    Therefore we think most of the users might think they cannot interact with the other tabs.

    Version: SmartClient_v111p_2017-07-20_Pro
    Browser: Firefox 54.0.1 (32-Bit)
    Skin: Tahoe
    Density: Medium

    Enterprise Skin:


    Tahoe Skin:


    Maybe switching to another color for the background-tabs would be helpful?
    e.g. with the color #b2d8f1?


    Code for reproduction
    Code:
    Canvas.resizeControls(4);
    Canvas.resizeFonts(2);
    isc.TabSet.create({
        "ID": "theTabset",
    
        "width": "100%",
        "height": "100%",
        "tabs":
        [{
                "ID": "firstTab",
                "title": "First Tab",
                pane: isc.VLayout.create({
                    "ID": "paneIntab",
                    "members":
                    [isc.ToolStrip.create({
                            "ID": "theToolstrip",
                            "width": "100%",
                            "members":
                            [
                                isc.Button.create({
                                    "ID": "theShortButton",
                                    "overflow": "visible",
                                    "title": "short text",
                                    "icon": "https://cdn3.iconfinder.com/data/icons/streamline-icon-set-free-pack/48/Streamline-62-16.png",
                                }),
                                isc.Button.create({
                                    "ID": "theLongButton",
                                    "overflow": "visible",
                                    "disabled": true,
                                    "title": "Disabled Button",
                                    "showDisabledIcon": false,
                                    "icon": "https://cdn3.iconfinder.com/data/icons/streamline-icon-set-free-pack/48/Streamline-62-16.png"
                                })
                            ]
                        })]
                })
            }, {
                "disabled": false,
                "title": "Background Tab",
                pane: isc.VLayout.create({
                    "ID": "aLayout",
                })
            }, {
                "title": "Disabled Tab",
                "disabled": true,
                pane: isc.VLayout.create({
                    "ID": "aLayout",
                })
            }
        ]
    });
    Best regards

    #2
    +1

    same impression here

    Comment


      #3
      Isomorphic is there any change possible? Do you think on making a change due to this reported issue?
      I'm aware thate we could create our own skin to workaround this issue, but I think this is a very basic issue of the Tahoe skin which should be fixed for all users in the basic tahoe skin

      Comment


        #4
        Sorry for not updating - we agree that the non-selected tab looks too much like a disabled button. This has been with our designer for a few days and we are looking at different possible appearance changes.

        Comment


          #5
          Revisions to the tab styles have been made and will be available in builds on July 28 or later.

          Comment


            #6
            Much better, thank you very much

            Comment


              #7
              Thanks for the fix

              Comment


                #8
                Hi there, I'm not sure if this change was on purpose, but in the latest release (SmartClient_v111p_2017-08-10_Pro) the colors are switched back to the same gray as the disabeld button
                with SmartClient_v111p_2017-08-08_Pro

                with SmartClient_v111p_2017-08-10_Pro


                Was this change made on purpose?

                Comment


                  #9
                  Isomorphic is there any news regarding the revert on this issue and the other issue referenced in this link?

                  Best regards

                  Comment


                    #10
                    This issue should be resolved in the next nightly build (Aug 16 or above)
                    Apologies for the delay in getting it sorted out

                    Regards
                    Isomorphic Software

                    Comment


                      #11
                      Thanks for re-releasing the fix.
                      It's working again.

                      Best regards

                      Comment

                      Working...
                      X