Roller Shutter Widget like on open hab.org

[Marc_Berlin (Marc Zunder)]

HI Guys,

I am new to Smart Home and OpenHab and are right now building the smart stuff step by step. First thing I did was replace the old shutters with a smart shutter control from Homematic.

When i read through OpenHab.org I liked the Style of the the Dashboard on the screenshots a lot! Now I am trying to figure out how to get the shutter widget, or combination of widgets that you can see on the screenshot to work

Does anybody know how to get this going? I found the shutter widget in the community but I like the style not so much.

I am running the newest OpenHab Version on an rasberryPi

Many thanks!

Marc

[sihui]

Go to “Edit” Mode of one of your dashboards, click on “add widget”, click on “custom widgets”, click on “import widgets” “from gallery”, scroll down to the “Rollershutter/Blinds” widget.

[Marc_Berlin (Marc Zunder)]

Hey thanks! But the style of the widget is totally different than the one in my screenshot, can I adjust the style?

[sihui]

@Marc_Berlin

can I adjust the style?

Sure, almost same procedure: after you did your setup for the widget go to the three dots and click “Edit”, then adjust the code.

[Marc_Berlin (Marc Zunder)]

For me as a beginner it I find it quite hard to find out how widgets are working. Actually I would like to have the same layout and widgets like in the demo but how is the shutter widget solved there? 3 separate buttons that are connected? Just different CSS with boarders? Is there a good tutorial around that covers creating widgets?

[sihui]

HABPanel Development & Advanced Features: Start Here!

This Wiki post aims to be a centralized resource to help new users (and experienced users alike!) with the advanced features in HABPanel. It will contain relevant examples and links to help you with common issues and getting the most out of these features! Users with the “Member” badge (and levels above) can edit this post, don’t hesitate to do so if you deem it appropriate Templates & Custom Widgets What are templates? If the standard widgets don’t fit your needs or your taste, HAB…

Custom widgets: feature walkthrough

Hi everyone, This post introduces a new HABPanel feature: custom widgets! They are based on the template widget - which isn’t going away - but improves it by offering a central space for widgets that are designed to be reused, shared, and configured. Therefore, if you have multiple widgets of the same type on your dashboards, you can now use a centrally-managed template with configurable settings. This is better for several reasons: technical (no wasteful duplication of template code) and pra…

New Custom Widgets features! Import from GitHub, display on main menu

Hi, A summary of the two new hopefully interesting features related to custom widgets for you (available in the next snapshots): Import custom widgets from GitHub I want to encourage the distribution of widgets from GitHub repositories (like @pmpkk did, a very good idea) instead of attaching them here, for several reasons: Versioning and updates are far easier; No need to have an account and login to download - a link to the repo is enough; Ability to import - or update! - several widgets a…

Rollershutter / blinds widget

I am not a html/css developer and it took me hours to find out the magic combination of styles to get it scaling and positioning correct, but I finally got something I can use on a tablet to control rollershutters / blinds. It also updates the icon according to the current position of the blind, which is nice. [image]Blinds.widget.json (2.0 KB)