Let’s go deeper in the charts page, after having introduced the main features in the previous video.
let’s see how to create aggregated charts to obtain values calculated according to the chosen unit of time, such as the daily average of photovoltaic production.
I also introduce the calendar coordinate type to display the aggregated data in a calendar-style page, using the heatmap chart type as an example.
Finally, i add to an existing graph all the secondary objects that openhab makes available, to allow the user to zoom easily, change the chart type with a click and export the page as an image.
Let’s start with a general introduction to layout pages.
Layout pages are a versatile way to display information in the main openhab user interface. they were introduced in openhab 3 and offer extensive options to control the layout and can display widgets from the built-in libraries or widgets you design or import from your personal library.
there are two basic types of layouts: responsive and fixed grid. responsive layouts automatically adapt to the device screen and are recommended for most uses. within responsive layouts, you can choose between different types of arrangements, depending on whether you want to fully control the layout or let the container decide where to place widgets. fixed grid layouts allow you to create a layout page where elements have predefined positions and sizes. they are used to design a panel-like page for a specific screen size and are best suited for static interfaces such as wall-mounted tablets.
openhab in a nutshell on raspberrypi 4: 45. #responsivelayout part 1 - how to design a single ui for every device
Let’s start talking about responsive interfaces - let’s see how to design a single graphical interface valid for all types of devices, using layout pages.
Responsive layouts are the main type of layout in openhab and are recommended for most uses. they automatically adapt to the device screen and can therefore be used as a general interface from all devices.
Within responsive layouts you can choose between different types of arrangement, based on whether you want to completely control the layout or let the container decide where to place the widgets.
In this first part we will delve into the responsive layout with rows and columns, which allows “manual” control of the display.
Let’s continue talking about responsive interfaces. responsive layouts are the main type of layout in openhab and are recommended for most uses. they automatically adapt to the device screen and can therefore be used as a general interface from all devices.
Within responsive layouts you can choose between different types of arrangement, depending on whether you want to completely control the layout or let the container decide where to place the widgets.
In this second part we will delve into the behavior of widgets added in the cells blocks and in the masonry block, which allow a completely automatic arrangment of the objects based on the device.
let’s continue talking about page layout by focusing on fixed layout pages.
fixed layout pages in openhab are designed to provide precise control over the position and size of widgets within a page. this type of layout is particularly suitable for static interfaces, such as those used on wall-mounted tablets
openhab 4: version 4.3 is here. must-have upgrade! find out why
Have you tried openhab 4.3 yet? in this short introductory video i will guide you through the changelog, with a particular focus on the new log viewing features and the management of interactive backgrounds for layout pages
openhab 4: mastering openhab #logs: new features and enhancements in 4.3 version
In this video, we’ll take a deep dive into the newly introduced log viewer in openhab 4.3.
We’ll cover its key features, including advanced search, filtering, and visualization options. whether you’re a beginner or an experienced user, this video may help you get the most out of your openhab system.
openhab 4: New in version 4.3 - create floorplan pages using INTERACTIVE SVG Backgrounds
In this video, I’ll show you how to take advantage of the new OpenHAB 4.3 feature to create interactive SVG backgrounds and customize your user interface to the max.
Learn how to make your smart home even more engaging and intuitive, building FLOORPLAN pages by simply making areas of the background image interactive
openhab 4 on raspberrypi 4: unlock the full potential of interactive background pt 1 - tutorial - new in openhab 4.3
Have you already created interactive backgrounds in openhab 4.3?
In this video i show you how to go beyond the basics and exploit all the advanced potential of this feature.
Discover how to create complex interactions, customize the appearance of your elements and much more, using many of the advanced properties for interactive svg objects.
You will be able to customize the colors of the state, manage complex svg objects, display the information of your items in text mode and much more…
In this first part we talk about the visualization of the state of an item inside an svg object, simple or complex.
openhab 4 on raspberrypi 4: unlock the full potential of interactive background pt 2 - tutorial - new in openhab 4.3
Have you already created interactive backgrounds in openhab 4.3?
In this video i show you how to go beyond the basics and exploit all the advanced potential of this feature.
Discover how to create complex interactions, customize the appearance of your elements and much more, using many of the advanced properties for interactive svg objects.
You will be able to customize the colors of the state, manage complex svg objects, display the information of your items in text mode and much more…
In this second and final part we will delve into opacity management, visualization of item status as text and much more…
With this new video i show you how i achieved the total integration of my samsung air conditioners, using the smartthings api.
The control of the air conditioners is complete, thanks to the use of http api calls that allow complete integration.
Let’s start by seeing which items i created and how they are used via main ui and sitemap.
let’s then take a quick look at the configuration that we will explore with technical details in a subsequent video
In this video, i’ll show you exactly which smartthings apis i used and how i leveraged them to gain full control of my samsung air conditioners.
A step by step setup, showing you how i ran tests with postman to verify that each api call worked correctly.
A complete tutorial that lays the foundation for easy integration of any smartthings device into openhab
openhab 4 on raspberrypi 4 and samsung#airconditioners: let’s setup things, channels and items using http binding
In this video i will guide you step by step through the final phase of configuring openhab to integrate your samsung air conditioners.
We will use http binding to establish a direct connection with the smartthings api and create things, channels and items to control all the functions of your air conditioner.
this way you will have all the controls of your air conditioner directly on your smartphone
In this video, let’s explore in detail the structure of openhab user interface (ui) pages.
we will see how ui components are composed, which are the basic building blocks for creating pages and widgets.
We will also discuss the different types of widgets available, divided into libraries.
a video that covers a mainly theoretical topic but that lays the foundation for building highly configurable user interfaces.
openhab in a nutshell on raspberrypi 4: 49. customize your openhab #ui: a guide to layouts and css
in this video, we’ll explore the structure of layout pages in openhab and how you can customize them using css classes and variables, referring to framework7.
we’ll learn how to:
understand the organization of openhab layout pages
modify element styles by assigning css classes
use css variables for more efficient style management
create a custom user interface tailored to your needs
if you’re interested in improving the look and feel of your openhab interface, this video is for you!
In this video we see how to make your user interface customized according to your tastes and goals.
In this tutorial i show you step by step how to install widgets, insert them into pages, customize them and make the most of them to control every object of openhab.
I shared, on my github, at GitHub - domoticsduino/openhab-widgets the source of the first draft of the energy widget that i am developing and customizing.
