question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Full_row but with icon

See original GitHub issue

Hello everyone, I’d like to have the possibility to have a full-width slider like when using the full_row: true option, but with the possibility to set an icon on the left.

Right now the only alternative I have found is using the options full_row: false name: ' ' but this leaves a gap between the icon and the slider.

thanks guys and keep up the good work. Enrico

Issue Analytics

  • State:closed
  • Created 3 years ago
  • Reactions:24
  • Comments:13 (3 by maintainers)

github_iconTop GitHub Comments

8reactions
david-kalbermattencommented, Jul 18, 2020

Visual Example

I think that @enryf89 had something similar to this in mind. (Cobbled it together with paint.net 😄).

type: entities
show_header_toggle: false
entities:
  - type: 'custom:slider-entity-row'
    attribute: brightness
    entity: light.rgbw_bed_light
    toggle: true
  - type: 'custom:slider-entity-row'
    attribute: white_value
    entity: light.rgbw_bed_light
    full_icon: 'mdi:white-balance-sunny' # idea for how to add icon to config
    full_row: true
    hide_state: false

Slider 1 is brightness, Slider 2 is white_value.

image

1reaction
enryf89commented, Mar 3, 2021

here it is (only the colored buttons part):

entities:
  - colors:
      - color_name: white
        icon_color: 'linear-gradient(15deg,azure,white)'
        transition: 5
      - color_name: tomato
        icon_color: 'linear-gradient(15deg,red,tomato)'
        transition: 5
      - color_name: orange
        icon_color: 'linear-gradient(15deg,coral,orange)'
        transition: 5
      - color_name: gold
        icon_color: 'linear-gradient(15deg,gold,yellow)'
        transition: 5
      - color_name: green
        icon_color: 'linear-gradient(15deg,limegreen,yellowgreen)'
        transition: 5
      - color_name: royalblue
        icon_color: 'linear-gradient(15deg,mediumblue,royalblue)'
        transition: 5
      - color_name: darkmagenta
        icon_color: 'linear-gradient(15deg,darkmagenta,darkorchid)'
        transition: 5
    entity: light.led_salotto
    justify: around
    type: 'custom:rgb-light-card'
Read more comments on GitHub >

github_iconTop Results From Across the Web

View icon or full row clickable on a grid - UX Stack Exchange
It's very clear that the View icon is one hyperlink and the column Head 2 is the other. Option A makes the situation...
Read more >
Why are my icons being placed as a column instead of as a ...
I am trying to align these icons as a row using className="col s1" but when I run this code its displayed in a...
Read more >
Full Row Select now includes the icon? - Page 2 - XYplorer Beta Club
a) Not include the icon in the highlight block b) Provide a tweak c) Just not dim the icon and not make it...
Read more >
Full-row editing in ag-Grid committing changes on a button click
This post shows how to use full-row editing together with buttons to start and cancel editing, commit changes or delete the row.
Read more >
Windows XP full row select in detail view - Super User
XPRowSelect is a small program runs in the background (with or without a tray icon) and allow for full row selection while in...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found