Cannot enter numeric input in tile or entity card I can only choose slider or +/- button for numeric input

[roelos]

Dear all, I hope somebody can help me out here.

I’ve some entities of my heatpump which can be set by typing in a temperature number in the integrations-device page:

But when I add this entity to my Lovelace as a tile card or an entity card I cannot give a numeric input directly as input like I can in the integration-device page. I need to use a slider of + and - buttons (see screenshot) and I need to have the option to also directly set a value. How can this be done, anyone?

Thanks and best regards

[LiQuid_cOOled (Not really a...)]

Try a Mushroom Numbers Card

type: custom:mushroom-number-card
entity: input_number.number

[roelos]

Dear @LiQuid_cOOled , thank you very much for your fast reply.

I installed the mushroom component via HACS.

But when I use it there seems to be no option to type in a number, a slider is still the only option for changing the entity number value. See screenshot:

It’s very hard to select the correct value with the slider so I like to have an input field as it is in the integration items page:

I also cannot see an parameter in the mushroom.number documentation in which I can set an input field for typing in a number instead of a slider.

docs/cards/number.md

If you have any more ideas, would be great!

[dana_se (Dan Ljungberg)]

It works with the Entities card.
But you must change the Display mode for the entity from Slider to Input field

[LiQuid_cOOled (Not really a...)]

@roelos

I need to use a slider of + and - buttons

I think you need to clarify your meaning of a slider

You can always combine cards

type: custom:layout-card
layout_type: custom:grid-layout
layout:
      grid-template-columns: 80% 20% 
      margin: 0px 0px 0px 0px
cards:
  - type: custom:mushroom-number-card
    entity: input_number.number
    layout: horizontal
    fill_container: true
    card_mod:
      style: |
        ha-card {    
         background: none;
         border: none;}
  - type: entities
    entities:
      - entity: input_number.number
        icon: none
        card_mod:
          style:
            hui-generic-entity-row:
              $: |
                .info.pointer {
                  display: none;
                }
    card_mod:
      style: |
        ha-card {    
         width: 150px; !important;
         background: none;
         border: none;
         margin-left: -50px;
         }
         

or

type: custom:layout-card
layout_type: custom:grid-layout
layout:
  grid-template-columns: 80% 20%
  margin: 0px 0px 0px 0px
cards:
  - features:
      - type: numeric-input
        style: buttons
    type: tile
    name: example
    icon: mdi:format-list-numbered
    entity: input_number.number
    features_position: inline
    vertical: false
    hide_state: true
    card_mod:
      style: |
        ha-card {    
         background: none;
         border: none;}
  - type: entities
    entities:
      - entity: input_number.number
        icon: none
        card_mod:
          style:
            hui-generic-entity-row:
              $: |
                .info.pointer {
                  display: none;
                }
    card_mod:
      style: |
        ha-card {    
         width: 150px; !important;
         background: none;
         border: none;
         margin-left: -50px;
         }

[roelos]

Hi,

Thanks for your fast reply.

So I’ve a number entity: number.start_temperature_cooling_47374.
When I look at the entity I see this:

The only option to change the temperature value of this number entity here is changing the slider. I cannot set/input a number from my keyboard.

This entity is part of my heat pump integration. When I go to: settings-integrations and click on my Nibe Heat pump device the entity is also visible. But here there is an input field (with also an up and down arrow). I can click on the 14,1 degree field and type in a new number en hit enter. It will directly change the value to the typed value. This is what I need, so no sliders or even a + and - arrow is not really needed, just a field in which I can type the new number.

Best regards and thanks!!

[roelos]

Great!! I got it working!! Thanks both!!

[roelos]

So the default entity card shows the input field, that is working but is limited in styling options.

Using the mushroom-entity card there doesn’t seem to be an option to change the display mode from slider to input field?

I cannot seem to find an option to change the display mode for the entity from slider to input field. @dana_se where can I find this option (for the default entity card and/or the mushroom-entity card).

Thanks all.

[LiQuid_cOOled (Not really a...)]

For Mushroom it is the UI, but only + or -

There is a difference beteween Input_Number and Number entities

[roelos]

Thanks, I tried also creating a numeric helper. It shows me a numeric input field on the helper:

But when changing the value by typing in a new number the number is not being set in the real entity: number.start_temperature_cooling_47374.

Also there is nu numeric input option using a mushroom entity card.

So I think I’m stuck using the default entities card which is showing the numeric input fields: