jeans/home-assistant.io
jeans/home-assistant.io
1
0
Fork 0
mirror of https://github.com/home-assistant/home-assistant.io.git synced 2025-07-19 07:17:14 +00:00
Code Issues Packages Projects Releases Wiki Activity

2023.7: Finish copy n paste support for dashboards

Browse Source
This commit is contained in:
Franck Nijhof 2023-07-05 16:03:16 +02:00
parent 2ebe91aabe
commit 1ea9a85a7a
No known key found for this signature in database
GPG Key ID: D62583BA8AB11CA3
1 changed files with 12 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

42
source/_posts/2023-07-05-release-20237.markdown
View File

@ -203,47 +203,29 @@ Support for this brand new entity has been added to the [AVM Fritz!Box Tools](/i
## Copy 'n paste support in dashboards ## Copy 'n paste support in dashboards
{% details "TODO" %}
- Improve/extend story
- Proof read/spelling/grammar
- Replace screenshot
Sources:
- Show card positions in edit dashboard mode (#17055) @karwosts
- Support cut/copy/paste in dashboard UI editor (#16707) @karwosts
{% enddetails %}
In the previous release, [@karwosts] added the amazing [copy 'n paste feature](/blog/2023/06/07/release-20236/#copy-n-paste-support-in-the-automation-editor) In the previous release, [@karwosts] added the amazing [copy 'n paste feature](/blog/2023/06/07/release-20236/#copy-n-paste-support-in-the-automation-editor)
to our automation and script editors. This release, he is back with the same to our automation and script editors. This release, he is back with the same
feature for our dashboards! feature for our dashboards!
You can now cut, copy, and paste cards between your dashboards, views and You can now cut, copy, and paste cards between your dashboards, views, and
even inside other nested cards. This makes it a lot easier to reorganize your even inside other nested cards. This makes it a lot easier to reorganize your
dashboards! dashboards!
<p class='img'> <img class="no-shadow" src='/images/blog/2023-07/cut-and-paste-card.png' alt='Screenshot showing the new cut and paste options available in the overflow menu of dashboards.'>
<img src='https://user-images.githubusercontent.com/32912880/242464648-bc2dd476-9acf-4ccf-a615-668f7dd949f1.gif'></a>
Temporary screenshot that needs to be replaced.
</p>
To make it even easier to reorganize your dashboards, it is mandatory to Just like with automations, select the card you want to cut or copy, and
understand the order of the cards across the differnt columns in your view. when adding a new card to your dashboard, you will see a new option to paste.
So, a positional number is now shown when the your are in edit mode.
<p class='img'> When reorganizing your dashboards that use a masonry layout, it is mandatory to
<img src='https://user-images.githubusercontent.com/32912880/249232766-b1a35c7c-d596-4cab-83dc-67502b1a3c58.png'></a> understand the order of the cards across the different columns in your view.
Temporary screenshot that needs to be replaced. To make that easier we now show a positional number on the card when
</p> your dashboard is in edit mode.
Added bonus: Who needs drag 'n drop when you've got click 'n ...teleport? Click Added bonus: Who needs drag 'n drop when you've got click 'n ...teleport?
on the number and you can input a new position for the card! Just kidding, of course; however, teleporting already makes things a lot easier!
Click on the positional number to enter a new position for the card.
<video width="640" height="600" controls> <img class="no-shadow" src='/images/blog/2023-07/dashboard-teleport.gif' alt='Screen recording demonstrating clicking the positional number, provides a way to move a card to a different position.'>
<source src="https://cdn.discordapp.com/attachments/717500797684023327/1123631077819433020/CleanShot_2023-06-28_at_16.52.10.mp4" type="video/mp4">
</video>
[@karwosts]: https://github.com/karwosts [@karwosts]: https://github.com/karwosts