5500SHAC - early thoughts, and how to make the visualisation less fugly?

Discussion in 'C-Bus Automation Controllers' started by Davin, Feb 20, 2019.

  1. Davin

    Davin

    Joined:
    Aug 24, 2016
    Messages:
    3
    Likes Received:
    0
    Location:
    Adelaide
    A few weeks after upgrading a Wiser1 to a 5500SHC, I'm mostly impressed, with a few exceptions....

    The PSU, which I'll come back to later.... but it's mostly that fugly visualisation interface. Damnnnn, green and purple? Just what I always wished for on our wall mounted 10" tablets.... the unwanted lovechild after the Schneider and Clipsal corporate colours got drunk at the office party, and knocked uglies on the photocopier. The face only it's engineer could love!

    For the PC/Tablet visualisation: I've started hacking away by replacing the unclear and crayon green icons, and made up a nice diffused sunshine and clouds background. But I take it you have to generate your own CSS to fix the purple from the menu on the left, increase menu size/position etc? I tried enabling FTP and seeing if I could pull out the existing CSS to modify, but it's all empty directories. I'm not sure if viewing the source in a web browser would give anything of use to rebuild an interface (I'm not a web guy). It's running BSD, so my sys admin/ web guy would no doubt know his way around by SSH'ing into the thing, but that seems like breaking in the back door of a $1300 device, when surely there's a front door already open?

    The Ryelec guys offer a $200 bundle of CSS, fonts, and icons, to fix the fugliness, but I'm not hooked on their vanilla option. It's much better than green and purple, but not $200 better, or quite what I want (judging by the limited examples). What is everyone else doing in to get the tablet visualisation looking appropriate for themselves and/or fussy, posh clients?

    For the Phone visualisation: nothing I've done seems to have any effect on the ugliness. All drab grey, next to that lovechild. Does anyone know if there's a way to customise this?

    OK, now the PSU. Back when I got this from my electrical wholesaler, I was surprised to find that there's no power supply included anymore. When paying $1300 (lets face it, that's $50 of hardware, and $1250 of R&D + multiple profit margins), it takes the shine off the premium experience that C-Bus is supposed to be. Paying Clipsal $120, or 2000% markup on a $10 PSU is rubbish. A trip to Jaycar for a $20 retail PSU isn't really part of the premium product experience either. Damn it, just bump the price $20, and include a PSU. Better still, Clipsal could just eat the cost of a $9 wholesale PSU, and genuinely differentiate themselves from all the the other Chinese made systems.

    As an owner, when I buy premium products, I don't take kindly to premium products trying to extort 1000% markups for something that should have been included. As a technology consultant, I have trouble recommending (with conviction) that a an expensive, incomplete, and ugly product, is a better proposition when compared to the endless cheap alternatives.

    Cheers
    Davin
     
    Davin, Feb 20, 2019
    #1
    1. Advertisements

  2. Davin

    lcrowhurst

    Joined:
    Dec 2, 2004
    Messages:
    143
    Likes Received:
    42
    Location:
    Sydney, NSW, Australia
    I posted this a while back

    I don't like the Purple colour on the Menus and buttons when switched on, found if I use the following code in Vis. Graphics --> Edit Custom CSS
    I was able to alter the colours in the interface. I change them to a Blue (#46638C)

    body,
    input,
    button,
    select,
    textarea {
    font-family: Arial, Helvetica, sans-serif;
    }
    .a {
    color: #46638C;
    }
    .a:hover {
    color: #ffffff;
    }
    .input-append .add-on,
    .input-prepend .add-on,
    .control-list,
    .touch .nav {
    border: 1px solid #ffffff;
    }
    .nav .a:hover,
    .dark .nav .a:hover {
    box-shadow: inset 0 0 1px 1px #ffffff;
    }
    .btn-info,
    .btn-success,
    .navbar-inner,
    .datepicker .active,
    .datepicker .active:hover,
    .nav .active .a,
    .nav .active .a:hover,
    .nav .a.active,
    .dark .btn-info,
    .dark .btn-success,
    .dark .datepicker .active,
    .dark .datepicker .active:hover,
    .dark .nav .active .a,
    .dark .nav .active .a:hover,
    .dark .nav .a.active {
    background-color: #46638C;
    background-image: -webkit-linear-gradient(#46638C, #46638C);
    background-image: linear-gradient(#46638C, #46638C);
    border-color: #46638C;
    box-shadow: none;
    }
    .btn-info:hover,
    .btn-success:hover,
    .btn-info:active,
    .btn-success:active,
    .toggler .btn-success,
    .dark .btn-info:hover,
    .dark .btn-success:hover,
    .dark .btn-info:active,
    .dark .btn-success:active,
    .dark .toggler .btn-success {
    background-color: #46638C;
    }
    .well,
    .modal,
    .popover {
    border: 1px solid #46638C;
    box-shadow: none;
    }
    .navbar-inner,
    .subtitle .current,
    .subtitle .previous,
    .dark .subtitle .current,
    .dark .subtitle .previous {
    color: #fff;
    }
    .subtitle .separator,
    .dark .subtitle .separator {
    color: #ddd;
    }


    If you want to just change the colour of the icons, they are just svg so can be edited in a text editor, and the colours change in there. If you use a batch file you can change the #colour of all the icon very quickly.

    Load of of the shelf power supplies available at reasonable price

    I like a very simple interface with my zen iPad farme
     

    Attached Files:

    lcrowhurst, Feb 20, 2019
    #2
    MarkB likes this.
    1. Advertisements

  3. Davin

    Davin

    Joined:
    Aug 24, 2016
    Messages:
    3
    Likes Received:
    0
    Location:
    Adelaide
    Brilliant, thanks so much for that!

    I'd already tidied up the icons, but I didn't know where to start with the CSS, and that got me going to a great start! That seemed to tidy up both the Tablet and Phone versions.

    As for the PSU, I'd grabbed one from Jaycar straight after realising there wasn't one included any more. It wasn't the $20 extra cost that bothered me, but a premium priced product that's incomplete, doesn't give me the warm and fuzzies. Apple used to be a brand that well understood that a premium price could be had for a slightly above average product, if you get the experience right. Buying a $1300 iPhone in packaging whith hideous colours and no charger, wouldn't have gotten Apple to where they are.

    Anyway, a big thanks for the help.... super appreciated!
     
    Davin, Feb 20, 2019
    #3
  4. Davin

    lcrowhurst

    Joined:
    Dec 2, 2004
    Messages:
    143
    Likes Received:
    42
    Location:
    Sydney, NSW, Australia
    lcrowhurst, Feb 20, 2019
    #4
  5. Davin

    lcrowhurst

    Joined:
    Dec 2, 2004
    Messages:
    143
    Likes Received:
    42
    Location:
    Sydney, NSW, Australia
    I’ve been the jay car power supplies ever since the first wiser came out :)
     
    lcrowhurst, Feb 20, 2019
    #5
  6. Davin

    Davin

    Joined:
    Aug 24, 2016
    Messages:
    3
    Likes Received:
    0
    Location:
    Adelaide
    Yes, when I was searching the forums for anything 5500SHAC related, I didn't find your post with the CSS, but I did find the posts about your app. I figured it's inevitable that I'd be needing the app sooner or later.
     
    Davin, Feb 20, 2019
    #6
  7. Davin

    Dave_F

    Joined:
    Jan 18, 2019
    Messages:
    13
    Likes Received:
    1
    Location:
    Wellard_Perth
    Hi Laurence,

    Is all of this suitable for the 5500NAC as well? particularly the CTC wiser app?
     
    Dave_F, Feb 23, 2019
    #7
  8. Davin

    lcrowhurst

    Joined:
    Dec 2, 2004
    Messages:
    143
    Likes Received:
    42
    Location:
    Sydney, NSW, Australia
    Yep, works with both shac and nac
     
    lcrowhurst, Feb 24, 2019
    #8
    Dave_F likes this.
    1. Advertisements

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments (here). After that, you can post your question and our members will help you out.