New widgets

[Chandrias]

First of all, let me say that I like the improvements in the new Visu app.
Further to that, allow me to suggest the following:

1) I guess that the "Text input", could be also used to preview a message. 
    What I don't like here, is the limitation on the widget width (max 512).
    If you can, please allow any size.
2) I would like to have the option to draw simple shapes, in order to make
    the screen more user friendly. Just simple shapes (Line, Rectangle, Circle)
3) If possible, allow the user to split the screen in equal sections and then
    assist the placement of widgets with the use of snap points.
4) A widget to preview/edit a Scheduler
5) I really like the new "Trends" widget, nice job.
    Here I would like to be able to give another name that will appear in
    the graph (i.e. other than the actual name of the trend)
    Additionally, I would like to have the option to navigate in the graph.
    (i.e. select the date for which to see data).
6) On the "Text label" widget, I would like to have the option to define 
    a custom size for it, so I can align it with other items on the screen.
7) On the "Spinner" widget, add the option to modify the shape of the 
    buttons. (i.e. No shape, Circle, Rounded corners, Square).
8) On custom widgets, allow the use of a Compact or NonCompact mode.

[admin]

1. Maximum size for all widgets in Compact mode has been increased to 1024.

2. Shape widget added in v20251008.

3. Nice feature but rather complicated to implement. We'll think about it.

4. Already on our to-do list but don't expect this soon.

5. Custom name is available in v20251008. Date selection might be added later.

6. Text label widget has a configurable size in the current version.

7. We'll think about it. For now you can use Additional classes (spinner-button-no-shape, spinner-button-shape-square or spinner-button-shape-rounder-corners) and Custom CSS:

Code:

.spinner-button-no-shape .spinner-btn {
  background: none;
  color: var(--visu-widget-active-color)
}

.spinner-button-shape-square .spinner-btn {
  border-radius: 0;
}

.spinner-button-shape-rounder-corners .spinner-btn {
  border-radius: calc(var(--spinner-base-size) * 0.25);
}

8. Available in v20251008.

[davidchispas]

Hi, I'm liking this new view more and more every day and eager to continue contributing...

1- Is it possible to add the rotating slider, rotating shutter, and vertical slider to the widget list? In the previous version of Mosaic 3.0, we had a wide range of very useful options when viewing in Mosaic view.

2- The ability to create a widget in Mosaic 3.0 and add it to the widget list was also very useful and fast.

[Daniel]

1.  One day it will happen
2. Custom widgets have slightly different concept due to this:

[davidchispas]

1.  One day it will happen
2. Custom widgets have slightly different concept due to this:

2- I understand. That's fantastic for certain projects with a very well-defined structure. The problem arises when there are alternative addresses and the project is already structured. All that's needed is the option to modify the addresses later in the configuration.

[Daniel]

You can create as many custom widgets you want and use them individually.

[gdimaria]

hi, 

I'm afraid I've found a bug in the new "numeric input" widget:

 if you enter a 4-digit value related to a GA 2 Bytes floating point, you can no longer use the up arrow to increment the value.

Peppe

[admin]

It's a "feature" of 2-byte floating point number format. The larger the value the larger is the step between two possible values.

As a possible work-around you can increase the step value to 2.

[gdimaria]

It's a "feature" of 2-byte floating point number format. The larger the value the larger is the step between two possible values.

As a possible work-around you can increase the step value to 2.

I set step value to 10  (it's is light lux) and it have the same behavior.... would it be different with set 2?

---

about "numeric input": if you enable "compact mode" to can set font size, style, etc. then when you press on arrows up and down it desappear at first click and you have to click twince for every step.

[admin]

At the moment custom step value is not applied for this widget. If you want to adjust the value in steps you can use spinner widget instead.

[Chandrias]

1. Maximum size for all widgets in Compact mode has been increased to 1024.

2. Shape widget added in v20251008.

3. Nice feature but rather complicated to implement. We'll think about it.

4. Already on our to-do list but don't expect this soon.

5. Custom name is available in v20251008. Date selection might be added later.

6. Text label widget has a configurable size in the current version.

7. We'll think about it. For now you can use Additional classes (spinner-button-no-shape, spinner-button-shape-square or spinner-button-shape-rounder-corners) and Custom CSS:

Code:

.spinner-button-no-shape .spinner-btn {
  background: none;
  color: var(--visu-widget-active-color)
}

.spinner-button-shape-square .spinner-btn {
  border-radius: 0;
}

.spinner-button-shape-rounder-corners .spinner-btn {
  border-radius: calc(var(--spinner-base-size) * 0.25);
}

8. Available in v20251008.

Sorry for my ignorance, I haven't ever use Additional classes.
Is it just a simple copy-paste inside the widget, for having the rounded corners?

.spinner-button-shape-rounder-corners .spinner-btn {
  border-radius: calc(var(--spinner-base-size) * 0.25);
}

[admin]

CSS editor is in Top right menu (three dots) > Custom CSS. Additional CSS classes are set in Widget properties > Appearance tab.

[Chandrias]

CSS editor is in Top right menu (three dots) > Custom CSS. Additional CSS classes are set in Widget properties > Appearance tab.

I have tried that code, but I get nothing different than before.

[admin]

Custom CSS:
   

Widget settings:
   

Result:
   

[stianj]

The latest version of Visu brought us the circular lightning widget. Which is nice. But I would like a non-circular thermostat widget ?

(And I also would love if both (circular and non-circular thermostat widget ) would implement a indicator for cooling or heating message!)

[Chandrias]

Custom CSS:


Widget settings:


Result:

Solved. Thank you very much.

---

Would you consider adding a weather widget?
It would be a nice addition on the homepage

[Daniel]

We have in pipeline weather app, we probably will do it together with that.

[Chandrias]

We have in pipeline weather app, we probably will do it together with that.

Any indication on when to expect that?

[Daniel]

We have in pipeline weather app, we probably will do it together with that.

Any indication on when to expect that?

No

[Chandrias]

Custom CSS:


Widget settings:


Result:

Is it possible to make the Trends Widget with rounded corners also?