Exciting Updates to Sugar’s User Interface in Q2 2020!

RE: Exciting Updates to Sugar’s User Interface in Q2 2020!

Tamyra Davis — Mon, 01 Jun 2020 12:06:36 GMT

This new update with the condensed view is just awful. It's just white everything. There needs to be more use of color. I spend hours doing data entry and I already have a headache after an hour trying to see and find what i need.

RE: Exciting Updates to Sugar’s User Interface in Q2 2020!

Frédéric Rinaldi — Tue, 21 Apr 2020 12:14:53 GMT

Dear Katherine Spencer,

I don't know how to enable the Type-ahead powered by Hint feature. I probably miss a settings ?

Best,

Fred

RE: Exciting Updates to Sugar’s User Interface in Q2 2020!

Brett Zufelt — Fri, 17 Apr 2020 15:50:56 GMT

I like the direction the UI is heading with trying to make things more compact but it definitely still needs some polish. As Groupe Sugar mentioned above, it is truncating a lot of our labels even though there is a ton of remaining space to the right of the fields.

Also, we use lots of fields with visibility dependencies. In the new UI, when the fields are hidden, it just leaves white space where they were. In the old UI, if all the fields in the row were not visible, it would collapse the row and hide all the white space. With this new UI, we actually end up with way more white space than we used to. Kind of funny seems how these UI changes were made to make things more compact but in our case it is worse than before.

UPDATE: There is a bug logged for the problem of dependent visible fields leaving blank space on the layout when they are not visible (defect 79052). The bug shows as closed and appears to be targeted for the next Sugar release. Until then, for people like me who can't wait that long for a fix, I was able to come up with on myself. The fix just involves adding some custom CSS rules. Posting the fix here in hopes it can help someone else with the same problem.

In the ./custom/themes/custom.less file add the following CSS rules:

.record .record-cell.vis_action_hidden>.detail
{
    /* BEGIN fixes for labels on top */
    & > .normal
    {
        display: none !important;
    }
    /* END fixes for labels on top */
    
    /* BEGIN fixes for labels on side */
    & > .labels-on-side
    {
        & > .record-label-wrapper
        {
            margin-bottom: 0;
            min-height: 0;
            
            & > .record-label
            {
                display: none !important;
            }
        }
        
        & > .record-link-wrapper
        {
            min-height: 0;
            
            & > .normal
            {
                display: none !important;
            }
        }
    }
    /* END fixes for labels on side */
}

Do a quick repair/rebuild and you will also need to clear cached files in your browser to get the changes as the CSS files get cached by the browser. I kept the rules as specific as I can to minimize the chance of it getting applied to elements I didn't intend it to. When Sugar releases their fixes, will want to remove this fix in case it doesn't play nicely with Sugar's fix.

Hope this helps others.

RE: Exciting Updates to Sugar’s User Interface in Q2 2020!

Groupe Sugar — Fri, 17 Apr 2020 06:37:39 GMT

Hello Katherine,

Concerning the data density it's a good move in my opinion, but it's a pity that some of the labels get truncated despite it looks like there is plenty of remaining space :

 {SugarClub Administrator Edit: We're sorry, but this image is no longer available}

Kind Regards,

Sylvain

RE: Exciting Updates to Sugar’s User Interface in Q2 2020!

Damien Pochon — Thu, 16 Apr 2020 13:53:10 GMT

Some of the new color choices are not perfect in terms of UX and usability:

 {SugarClub Administrator Edit: We're sorry, but this image is no longer available}

I can barely read the name in the first box, and can only make a guess in the second.

RE: Exciting Updates to Sugar’s User Interface in Q2 2020!

Fredrik Fahlstad — Wed, 15 Apr 2020 09:27:48 GMT

How do I get the type-ahead to work. Is that available in version 5.2.2 with Sugar 10 pro on-site deployment?

Type-ahead powered by Hint - Sugar Hint users are going to love this addition in the upcoming release. When you create a new account, simply start to type in the company name or website and the Hint data engine will provide you with a dropdown list of companies to select. You won’t even have to finish typing the full name.

RE: Exciting Updates to Sugar’s User Interface in Q2 2020!

Tony Romano — Mon, 13 Apr 2020 10:28:16 GMT

hi Katherine Spencer
Love many of the changes.

My only disappointment is the icon backgrounds for the each module are too light and barely distinguishable from each other, especially when looking at many sub-panels below the detail view.

Also wish these could be modified via a simple color picker in Studio - what are the chances of that someday?