Lovelace：按钮卡

分享您的项目！ Lovelace＆Frontend

Maxym 2020年12月23日，上午11:27 ＃4866

是否只能仅针对特定事件弹出确认（即双击）

Sven12345（Sven12345） 2020年12月24日，下午5:45 ＃4867

嗨，我认为这是一个简单的问题，但我可以找到解决方案。

此按钮卡是用于脚本的，我将图标始终具有颜色绿色。
我该如何解决？感谢您的帮助！

类型：“自定义：按钮卡”
实体：script.blauw
名称：aan
color_type：图标
颜色：“ RGB（14，53，247）”
图标：“ MDI：灯泡在外线”
Tap_Action：
操作：切换

Sylviepipi 2020年12月25日，下午8:04 ＃4868

是否可以使用A-在模板中的名称中使用属性

标签：> [[[if（entity === undefined）返回“？”;if（entity.attributes.days-until！= undefined）return entity.attributes.days-until;否则返回”？]]]]

获取以下错误：buttonCardjstemplateError：ReferenceError：直到在“ return entity.attributes.tributes.days-dif（eNTITY = = = = = undefined）返回”中未定义直到定义。;…’’

parautenbach（Pieter Rautenbach） 2020年12月25日，下午8:46 ＃4869

这是因为它将其解释为数学表达，例如X -y。

尝试实体。属性[“ days-intif”]。

1喜欢

Sylviepipi 2020年12月26日，上午9:27 ＃4870

非常感谢，现在正常工作

1喜欢

Maxym 2020年12月26日，上午11:47 ＃4871

有没有一种方法可以立即在页面上设计所有卡片？
现在，我在使用网格卡的页面上有7张卡片。而且我正在HomeKit卡中的返回式风格的备用器（由于缺乏在Custom：button Card中找到的功能）
但是，每当我需要更改一些细节时，我都必须仔细阅读所有七辆车才能更新它们。

有办法吗？

我还发现使用网格并不完美，因为由于某种原因，它不应用正确的填充/边距，因此卡片被粘在正确的手机框架上。在这种情况下，HomeKid卡更好，不要试图以任何费用填充尺寸。

是否有更有效的替代方法如何保留3列卡片，而无需定义每个按钮的尺寸，边距，桨板？还是香港卡在这方面的成就行为？

提前致谢
带着敬意

Romrider 2020年12月27日，上午12:27 ＃4872

您需要更改一些swiper卡的设置以在移动设备上正常工作，这对我有用：

- 类型：自定义：Swipe-Card参数：simulateTeatouch：True lasterfinger：true Distress InteractionOntransition：true Shortswipes：true DistressClicks：true DistressClickSpropagation：true TouchStartPreventDefault：False Mousewheel：true Mousewheel：true Mousewheel：true Mousewheel：true

是的，有可能，每个动作都可以拥有自己的确认对象：https://github.com/custom-cards/button-card/blob/master/master/readme.md#Action

您必须直接在图标上设置颜色：

样式：图标： - 颜色：绿色

是的，您可以为此使用配置模板。检查www.19463331.com

我不明白，请分享您的代码并向我们展示屏幕截图。

是的，可以肯定的是，如果按钮卡配置中定义的实体是具有您要使用的实体图片的实体。

原始（prown） 2020年12月27日，上午1:40 ＃4873

您好，我真的很想使用这张卡，但是对于我的一生而言，我无法弄清楚如何超越“元素不存在”错误。我拥有Lovelace的资源，我想我缺少将其放入资源和进行仪表板之间的一步。我应该将文件复制到www吗？我是AH的新手，所以任何帮助，或者如果有人可以将我指向一个更详细的教程，以便我可以使用此卡，这将不胜感激，谢谢！

parautenbach（Pieter Rautenbach） 2020年12月27日，上午7:38 ＃4874

文档很好。您需要告诉我们您的配置的外观以及您执行的步骤（以及如何）。

无限循环 2020年12月27日，上午11:59 ＃4875

Romrider：

无限循环：

它在浏览器中效果很好，但是我在移动设备（iOS）上有一个问题：

您需要更改一些swiper卡的设置以在移动设备上正常工作，这对我有用：
- 类型：自定义：Swipe-Card参数：simulateTeatouch：True lasterfinger：true Distress InteractionOntransition：true Shortswipes：true DistressClicks：true DistressClickSpropagation：true TouchStartPreventDefault：False Mousewheel：true Mousewheel：true Mousewheel：true Mousewheel：true

不幸的是，这对我不起作用。您在iOS上吗？
无论如何，感谢您的提示，我将尝试使用其他一些参数。

Romrider 2020年12月27日，下午2:32 ＃4876

版本3.4.1

Bug修复

点击嵌入式卡片触发了按钮卡的动作（修复程序＃410）（对不起）

其他

去除那个省略嵌入式卡（CC：@petro）

3个喜欢

原始（prown） 2020年12月27日，下午4:19 ＃4877

谢谢您的回应。
以下是所采取的步骤和Lovelace卡的编码的复制糊。我曾问一个新主题，但没有回答。我确定我错过的步骤是配置文件，我没有编辑。

预先感谢您，我是HA的新手。
我一直在论坛和Google上寻找方法。
我在添加自定义卡方面遇到困难。
特别是在此处找到的纸按钮：https://github.com/jcwillox/lovelace-paper-buttons-Row

当您发现自定义资源时，安装说明始终是从我试图做到这一点的情况下，所以我知道我缺少一些东西。
资源：

url：/hacsfiles/lovelace-paper-buttons-row/paper-buttons-row.js
类型：模块

我已经积极了。
我已经将资源添加到Lovelace的“资源”选项卡中，但我想我错过了一步。我从那里迷路了。我期望它像其他按钮一样弹出，但这并没有发生。因此，我沿着兔子洞走下去，弄清楚了如何键入我想要的内容，但是后来我得到了错误：自定义元素不存在。
我错过了一两步……有人知道这是什么吗？我觉得我应该将文件放置在某个地方，或者应该将代码放在其他地方，例如Config。我在配置中创建了www文件夹，但不知道要放置什么或如何将文件放在那里。

类型：实体实体： - 类型：“自定义：Paper -buttons -Row”按钮： -  light.backdoor-实体：light.01110061BCDDC23B644C图标：“ hass：lightbulb”

谢谢！

Romrider 2020年12月27日，晚上8:10 ＃4878

纸按钮行与纽扣卡无关。但是，我建议您使用HACS安装您的自定义卡。这将使事情变得更容易。

1喜欢

原始（prown） 2020年12月27日，下午8:16 ＃4879

哦，快照，我想我把我正在做的事情混在一起，这可能是我出错的地方。谢谢你的链接！这使生活变得更加轻松！

Elle2 2020年12月28日，上午11:21 ＃4880

我有两个不同的Lovelace仪表板（管理员和用户），它们使用两个常见视图（主和树）。
With a custom button-card in the main view I want to navigate in the tree view but it’s not possible since the path to the view is relative to each dashboard: in admin dashboard the path is /lovelace-admin/tree and in the user dashboard the path is /lovelace-user/tree.
如何在主视图中获得“绝对” navigation_path，只是从lovelace仪表板上链接树视图？

解决：只是为了感兴趣的人。Navigation_Path可以指向视图的路径变量
没有仪表板根的配置，例如在我的情况下
navigation_path：树

史蒂夫 2020年12月28日，晚上7:36 ＃4881

嗨，大家好，我在垂直堆栈中创建了一个简单的按钮，该按钮在打开时将图标黄色打开。

类型：垂直堆栈卡片： - 类型：'自定义：button-card'实体：light.fish_tank_light Icon：'mdi：lightbulb'颜色：auto color_type：iCon default_color：'rgb（255，140，0）：toggle hold_action：动作：more-info

但是我想调整它的大小并添加其他样式等，因此，当我向其添加一些样式代码时，它将大小进行调整，但图标停止变黄

类型：垂直堆栈卡片： - 类型：'自定义：button-card'实体：light.fish_tank_light Icon：'mdi：lightbulb'颜色：auto color_type：iCon default_color：'rgb（255，140，0）：toggle hold_action：操作：更多信息样式：卡片： - 字体大小：13px-滤镜：不透明度（50％） - 过滤器：灰度（100％） -  border -radius：15％ - 文本阴影：0px 0px 5px黑色 - 身高：210px-宽度：210px

我尝试将颜色选项放在样式中，但我无法弄清楚。
感谢您的建议

Romrider 2020年12月28日，晚上8:31 ＃4882

灰度卡上的卡片将以灰度呈现整个卡片，包括图标（因为图标是卡的孩子）

史蒂夫 2020年12月28日，下午8:47 ＃4883

谢谢，效果很好。
我以为我会尝试那个，但我不得做。
再次感谢

原始（prown） 2020年12月28日，下午10:48 ＃4884

你确实是我的英雄，这使我走上了正确的道路。太感谢了！

史蒂夫 2020年12月29日，下午1:14 ＃4885

嗨，回来再次感谢昨天的帮助@romrider
我希望您可能知道我要在哪里出错，我想在定制的家中创建一个小型的按钮。
我的代码以下代码在图片实体中正常工作，但我想要在自定义按钮中进行调整大小。

类型：图片 - 实体实体：person.steve_2 state_image：not_home：/local/images/steve_away.png home：/local/images/steve.png

因此，我一直在尝试使用各种卡来添加它，但不确定我要在哪里出错，因为这些图像没有显示出来，但我想要的是我想要的，我目前将其放在水平堆栈中。
谢谢

类型：水平堆栈名称：Steve卡： - 类型：'自定义：button-card'entity：person.steve_2 show_state：false state_image：home：/local/images/steve.png not_home：/local/images/images/steve_away.png.png.pngTap_Action：操作：切换样式：卡片： - 字体大小：15px -Border -Radius：15％ - 文本阴影：0px 0px 15px 15px黑色 - 高度：200px-宽度：200PX

供电话语，最好使用JavaScript启用