＃21

只需使用模板功能的纽扣卡本身而不是整理卡为此，它将解决此问题。我会检查正在发生的事情。

那将是您的按钮卡模板：

button_card_templates：light_button_with_brightness：tap_action：tap_action：toce：tocgle hold_action：action：more-info布局：icon_label show_label：true label_template：> var bri = nath.round（entity.ttributes.tributes.brightness.brightness.2.55）;返回（bri？bri：'0'） +'％';show_name：true状态： - 样式：卡片： - 盒子阴影：0px 0px 10px 3px var（ -  paper-item-iCon-icon-active-color）图标： - 颜色：var（ -  var（ -  paper-item-icon-active-）颜色）值：'On'样式：卡片： - 边界 - 拉迪乌斯：15px-高度：76px-宽度：76px-保证金 -  5px 5px 0px 0px 0px-填充：0px 0px -0px-' -  paper -card -card -back back groundror'：'RGBA（40、40、40、0.5）'网格： - 网格 - 板板行：42px auto 0px-网格 - 板板柱：42px auto图标： - 宽度：宽度：30px-颜色：白色标签： - 字体大小： - 字体大小： -12px-字体重量：粗体 - 颜色：白色名称： - 正当自我：开始 - 偏好自身：端 - 填充：9px 10px- font -size：12px -font -font -weight -font -weight：bold -color-颜色：白色：白色：白色

这样使用：

- 类型：自定义：按钮卡模板：light_button_with_brightness实体：light.kitchen_lights_79名称：厨房图标：MDI：lightbulbb
2个喜欢
＃22

现在要试一试。不确定为什么我不早尝试这么公平。：liticle_smile：

谢谢堆。

＃23

另外，不要用卡样式设置宽度和高度，而是使用extack_ratio：1/1， 它应该对于多个屏幕尺寸，可以更好地工作，并将自动使用水平堆栈的整个宽度：眨眼：

1喜欢
＃24

将按钮转换为模板后，将尝试一下。然后，我可以在4行而不是80+上更改它。：微笑：再次感谢。

＃25

完成将仪表板转换为button_templates。从1233条线降至187。太棒了！：partying_face：

1喜欢
＃26

只是更改为extack_ratio：1/1对于按钮，所有人看起来都不错。
将看到我妻子回到家时对经过修订的外观的反应。：smiley：
[编辑：妻子似乎并没有大惊小怪，所以这是一场胜利！]

图片

公平地说，由于某种原因，我的配置中实际上并不是1/1的1/1宽高比，但它更好地使用了空间，因此我实际上不介意。
无论哪种方式，我现在都采用了我的主要遥控器，并用模板对其进行了更新，并从2500行YAML的噩梦变成了更易于管理的608行。我仍然喜欢该按钮的特定高度/宽度，因为我喜欢它具有固定尺寸。再次感谢@romrider。

图片
图片 389×823 89.9 kb

最后一件事要添加与整理卡有关的一件事：
只是尝试了一下，很高兴地报告您可以与Button_card模板一起使用“自定义：button-card”的button_card模板。

我有基于模板的所有内容（现在）的标准按钮，然后使用整理卡来进一步简化配置，通过将button_card_template嵌套在AVR命令的整理卡配置中。如果我想更改现在更改的标准按钮，则位于一个地方。

decluttering_templates: arb_avr_picture_only: entity_picture: '[[entity-picture]]' entity: rest_command.avr_buttons template: rb_picture_only type: 'custom:button-card' tap_action: action: call-service service: rest_command.avr_buttons service_data: command: [[avr_command]]

按钮卡模板：

buttom_card_templates: rb_picture_only: show_entity_picture: true show_name: false styles: card: - padding: 0px 0px - border-radius: 15px - height: 76px - width: 76px - margin: 5px 5px 0px 0px - '--paper-card-background-颜色'：白色 - 盒子阴影：'0px 0px 10px 3px RGBA（100，189，54）'entity_picture： - 宽度：70px

按钮配置：

- 类型：'custom：deckuttering-card'模板：rb_avr_picture_only变量： -  entity-picture：/local/img/radio-nz-logo.png- avr_command：tpana8

：+1：：+1：：+1：：+1：

4个喜欢
＃27

您确定正在使用最新版本的按钮卡吗？您清除了缓存吗？

[[avr_command]]应该用引号包裹：'[[avr_command]]'否则，它被认为是YAML中的一系列数组。

＃28

：tada：：tada：版本0.2.0：tada：：tada：

打破变化

  • 为了支持默认值，我必须更改模板格式。现在必须这样的定义：
    deckuttering_templates：：卡：
    代替
    deckuttering_templates：：

新的功能

  • 添加对默认值的支持（这是可选的）。如果没有为实际卡中的变量提供值，则将使用该变量的默认值（如果有）。（修复＃1）
    默认值： - 变量：Default_value -variable2：default_value2 [...]
  • 添加对不是字符串（对象，数字和布尔值）的变量值的支持。以前它们都被转换为字符串。
＃30

@daphatty，您是否介意尝试从主分支中尝试垂直堆栈中的版本（这尚未列出发布）。我昨天在那里可能会解决您的问题。

＃31

它需要缓存清除，但是您的卡中垂直堆栈的PR似乎已经解决了我的差距卡问题。是时候开始模板我所有的按钮了！：smiley：

1喜欢
＃32

快速问题@romrider

在上面的实例中，[[name]]设置为“默认图标”，[[icon]]设置为“按钮” ??

＃33

抱歉，这是一个文档错误，我更新www.19463331.com了帖子（还不是GitHub）
名称具有整个值，图标将是默认值（在这种情况下为fire）

＃34

好的。我也那么认为。

由于某种原因，以下模板不起作用。

dectuttering_templates：MediaPlayer_Template：＃这是模板类型的名称：条件条件： - 实体：'[[ENTITY_1]]'状态：play card：type：type：type：media -control entity：'[[entity_1]'[entity_1]''[entity_1]''[entity_1]'

我正在使用这样的模板。

- 类型：自定义：Decterring -card模板：MediaPlayer_Template变量： -  ENTITY_1：MEDIA_PLAYER.ROKUEXPRESSBASEMENT

我不确定我是错误的模板还是其他问题。HA日志和Chrome Dev工具控制台中没有错误。

这是页面上的错误消息。

21％下午20点

＃35

您确定文件是否正确加载？如果您在JavaScript控制台中没有错误，则可能找不到磁盘上的文件。
您是否使用了该文件区文件夹？

＃36

确保您使用的是文件的原始版本，而不是HTML页面，这是与此错误有关的常见错误。

＃37

由于更新0.2.0，我有时会在我使用的所有整理卡上遇到错误。
ha-declutter-rorr

我使用的模板是：

Media-player-Volume-Slider：card：类型：条件条件： - 实体：'[[entity]]'state_not：“ off” card：type：type：'custom：mini-media-player'entity'entity：'[[entity]]'max_volume：'[[max_volume]]'hide：控制：true图标：正确信息：true name：true pown：true power：true source：true source：true。

不仅是这个模板，而且是我使用的所有模板。强迫Lovelace或在我的浏览器中刷新也无济于事。
目前，我在计算机上遇到了这个问题，但是在我的手机上，它可以很好地工作。

＃38

我使用HACS下载此卡并验证了两个JS文件已下载。

36％20上午

＃39

什么是lovelace-template卡？这个只是整理卡您应该只在您的资源列表中包含其中。
还不足以下载文件，您还必须在Lovelace的资源中声明它。

＃40

这可能是一个缓存的问题。清除缓存并重新启动浏览器。

＃41

我可以（部分）解释那个模板卡。
它在这里https://github.com/custom-cards/decluttering-card/tree/0.2.0/dist因此下载了。

1喜欢