Lovelace：按钮卡

分享您的项目！ Lovelace＆Frontend

eximo84 2020年12月12日，下午5:28 ＃4860

这修复了，谢谢。

1喜欢

YONI3210（Yoni Mo） 2020年12月14日，上午5:05 ＃4861

很好！您可以分享您的代码吗？

eximo84 2020年12月14日，下午11:39 ＃4862

干得好：EXIMO84/HOMEASSISTANT-CONFIG-V219463331伟德国际：家庭助理配置，包括Lovelace Yaml（github.com）

1喜欢

Maxym 2020年12月21日，下午4:54＃4863

我发现这张卡非常强大。谢谢你。
因为我刚刚开始，按钮卡元素比其内容更多的位置是正常的吗？我定义为150px，但是按钮卡占380px（内部的阴影根确实具有150px）

不可能用这些按钮自动填充空间。是故意的吗？是否使用堆栈卡进行了布局的布局？在示例伟德国际官方app下载苹果版中，我什么也没发现……所有的卡都坐在彼此相邻的地方

Romrider 2020年12月21日，下午10:31＃4864

不要设置宽度和高度，使用extack_ratio：1/1反而。

1喜欢

无限循环 2020年12月22日，下午5:35 ＃4865

你好@romrider，，，，
我正在尝试将您的卡结合使用swiper卡。
它在浏览器中效果很好，但是我在移动设备（iOS）上有一个问题：
当我滑动以更换卡片时，我将手指放在激活的瓷砖上，就好像我会敲击它一样。
我已经尝试使用其他自定义“按钮”卡（例如HomeKit样式卡），但我尚未遇到此问题。
您认为有一种解决方法吗？
希望我的解释足够明确……谢谢您的任何帮助，并感谢这张很棒的卡

Maxym 2020年12月23日，下午6:24＃4866

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

Sven12345（Sven12345） 2020年12月24日，下午5:46＃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.attributes.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:21＃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

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

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