Need help with making card

Configuration Frontend
1

With this code:

type: entities
entities:
  - entity: input_number.octet1
    name: Voer IP in
    icon: mdi:ip-network
  - entity: input_number.octet2
    name: ' '
    icon: mdi:none
  - entity: input_number.octet3
    name: ' '
    icon: mdi:none
  - entity: input_number.octet4
    name: ' '
    icon: mdi:none

I get this card:

image

I would like the card to look like this (quick and dirty ms paint job):
image

With horizontal stack the buttons get unusable due to the white space of the title element still being there. I thought of using card-mod to eleminate the title and icon element, only leaving the number input box, and then use horizontal stack but my card-mod skills are basicly none.

There doesnt seem to be an custom card providing only the input box. Does anyone know how to achive my goal?

2

card-modding only
ask in the main card-mod thread

3

Well, i’m not necessary asking for card-mod help. Maybe somebody knows a way to achieve my goal without card mod.

4

Try using the glances card, you can turn off the entity name and icon. You can also add a title:

image
(I’ve just used four random entities here as an example).

5

Thanks for your reply!

Problem is that I need to be able to adjust the numbers. It doesn’t look like the card you provide allows for adjusting the numbers.

6

You can if you click the entities but that might not be what you’re after.