{"id":216363,"date":"2024-05-16T11:35:51","date_gmt":"2024-05-16T09:35:51","guid":{"rendered":"https:\/\/nextcloud.com\/?p=216363"},"modified":"2025-07-18T12:40:14","modified_gmt":"2025-07-18T10:40:14","slug":"guide-to-interactive-widgets-in-nextcloud-hub","status":"publish","type":"post","link":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/","title":{"rendered":"Guide to interactive widgets in Nextcloud Hub"},"content":{"rendered":"\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png\" alt=\"Interactive widgets in Nextcloud Hub\" class=\"wp-image-216511\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png 1920w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub-300x169.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub-1024x576.png 1024w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub-768x432.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">An ultimate shortcut between the apps <\/h2>\n\n\n\n<p>In <a href=\"https:\/\/nextcloud.com\/blog\/nextcloud-hub8\/\" target=\"_blank\" rel=\"noreferrer noopener\">Nextcloud Hub 8<\/a>, we introduced interactive widgets, a completely new feature that lets you share, access and interact with items from various apps in a compact widget format throughout your platform. Now you can share documents in Talk to to browse and edit them in the chat, embed calendars in your Text files, or add entire deck boards to Collectives \u2014 and those are just a few examples.<\/p>\n\n\n\n<p>Let us explain how interactive widgets work, what items can be shared as widgets, and what apps support them.<\/p>\n\n\n\n<div style=\"height:31px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n<section class=\"promo-section promo_webinar  \" id=\"\" style=\"\">\r\n\t<div class=\"container\">\r\n\t\t<div class=\"row\">\r\n\t\t\t<div class=\"col-12\">\r\n\t\t\t\t<div class=\"text-block \">\r\n\t\t\t\t\t<h2>Discover Nextcloud Hub 8<\/h2><p>Register for our webinar on May 29 to learn more about the new features of Nextcloud Hub 8 and see them in action.<\/p>\n<a class=\"c-btn btn-white\" href=\"https:\/\/nextcloud.com\/blog\/webinar\/webinar-on-nextcloud-hub-8-regain-control-over-your-time\/\" target=\"_blank\">Register<\/a>\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\r\n\n\n\n<h2 class=\"wp-block-heading\">What items you can share as interactive widgets<\/h2>\n\n\n\n<p>With Nextcloud Hub 8, you can already use the interactive widget feature for several items across the Nextcloud Hub ecosystem: Office files (text documents, spreadsheets, presentations, Text files), Deck boards, and calendars in the Calendar app.<\/p>\n\n\n\n<p>To add a widget, you just need to paste a link to the item to a location that supports widgets (e.g. a Talk chat), and a widget will be embedded automatically. Users will be able to access and browse content right away, without a need to switch between the apps. In different apps, we added individual widget actions and parameters to make the interface run smoothly and without interruptions.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Files<\/h3>\n\n\n\n<p>Interactive file widgets let you view, edit and even collaborate on the files via mini editor window. Although they are not meant for full-featured editing, the widgets come in handy when you need to quickly browse or update a file.<\/p>\n\n\n<section class=\"simple-slider-section \" id=\"\">\r\n\t<div class=\"\">\r\n                    <div class=\"owl-carousel simple_slider_slideshow\" id=\"\">\r\n                                    <div class=\"gallery_item\" id=\"207758\">\r\n                        <a href=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/interactive-widgets-for-files-in-Talk.png\" class=\"simple_slider_slideshow_link\">\r\n                            <img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/interactive-widgets-for-files-in-Talk.png\" class=\"attachment-full size-full\" alt=\"Interactive widgets for files in Nextcloud Talk\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/interactive-widgets-for-files-in-Talk.png 1920w, https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/interactive-widgets-for-files-in-Talk-300x169.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/interactive-widgets-for-files-in-Talk-1024x576.png 1024w, https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/interactive-widgets-for-files-in-Talk-768x432.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/interactive-widgets-for-files-in-Talk-1536x864.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                        <\/a>\r\n                                            <\/div>\r\n                                    <div class=\"gallery_item\" id=\"216365\">\r\n                        <a href=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/nextcloud-text-widget-in-text.png\" class=\"simple_slider_slideshow_link\">\r\n                            <img decoding=\"async\" width=\"1920\" height=\"1084\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/nextcloud-text-widget-in-text.png\" class=\"attachment-full size-full\" alt=\"Nextcloud Text widget in Text\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/nextcloud-text-widget-in-text.png 1920w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/nextcloud-text-widget-in-text-300x169.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/nextcloud-text-widget-in-text-1020x576.png 1020w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/nextcloud-text-widget-in-text-768x434.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/nextcloud-text-widget-in-text-1536x867.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                        <\/a>\r\n                                            <\/div>\r\n                                    <div class=\"gallery_item\" id=\"216370\">\r\n                        <a href=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-document-widget-in-Collectives.png\" class=\"simple_slider_slideshow_link\">\r\n                            <img decoding=\"async\" width=\"1920\" height=\"1091\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-document-widget-in-Collectives.png\" class=\"attachment-full size-full\" alt=\"Nextcloud document widget in Collectives\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-document-widget-in-Collectives.png 1920w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-document-widget-in-Collectives-300x170.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-document-widget-in-Collectives-1014x576.png 1014w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-document-widget-in-Collectives-768x436.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-document-widget-in-Collectives-1536x873.png 1536w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                        <\/a>\r\n                                            <\/div>\r\n                                    <div class=\"gallery_item\" id=\"216420\">\r\n                        <a href=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Office-file-widget-in-Deck.png\" class=\"simple_slider_slideshow_link\">\r\n                            <img decoding=\"async\" width=\"3024\" height=\"1719\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Office-file-widget-in-Deck.png\" class=\"attachment-full size-full\" alt=\"Nextcloud Office file widget in Deck\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Office-file-widget-in-Deck.png 3024w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Office-file-widget-in-Deck-300x171.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Office-file-widget-in-Deck-1013x576.png 1013w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Office-file-widget-in-Deck-768x437.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Office-file-widget-in-Deck-1536x873.png 1536w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Office-file-widget-in-Deck-2048x1164.png 2048w\" sizes=\"(max-width: 3024px) 100vw, 3024px\" \/>                        <\/a>\r\n                                            <\/div>\r\n                            <\/ul>\r\n        \t<\/div>\r\n<\/section>\r\n<script>\r\n    jQuery(document).ready(function ($) {\r\n        var owl_simple_slider = $('.simple_slider_slideshow');\r\n        owl_simple_slider.owlCarousel({\r\n            loop: false,\r\n            stagePadding: 50,\r\n            autoplay: true,\r\n            margin:10,\r\n            dots: false,\r\n            nav:true,\r\n            responsive:{\r\n                0:{\r\n                    items:1\r\n                },\r\n                600:{\r\n                    items:1\r\n                },\r\n                800:{\r\n                    items:1\r\n                },\r\n                1000:{\r\n                    items:1\r\n                }\r\n            },\r\n            onDragged: owl_stop_autoplay,\r\n            autoplayHoverPause:true,\r\n            onInitialized: function (event) {\r\n\t\t\t\t\/\/ Remove role=\"presentation\" from arrows\r\n\t\t\t\t$('.owl-prev, .owl-next').removeAttr('role');\r\n\t\t\t\t$('.owl-prev, .owl-next').attr('tabindex', 0);\r\n\t\t\t}\r\n        });\r\n\r\n        \/\/ Assign original indices to real (non-cloned) items\r\n\t\towl_simple_slider.find('.owl-item:not(.cloned)').each(function (i) {\r\n\t\t\t$(this).attr('data-original-index', i);\r\n\t\t});\r\n\r\n\t\t\/\/ Focus handling for links, buttons, inputs, etc.\r\n\t\towl_simple_slider.on('focusin', '.owl-item a, .owl-item button, .owl-item input', function () {\r\n\t\t\tconst $focusedItem = $(this).closest('.owl-item');\r\n\r\n\t\t\tif (!$focusedItem.length || $focusedItem.hasClass('cloned')) {\r\n\t\t\t\/\/ Try to find the real item (not a clone)\r\n\t\t\tconst realIndex = $focusedItem.data('original-index');\r\n\t\t\tif (typeof realIndex !== 'undefined') {\r\n\t\t\t\towl_simple_slider.trigger('to.owl.carousel', [realIndex, 300, true]);\r\n\t\t\t}\r\n\t\t\treturn;\r\n\t\t\t}\r\n\r\n\t\t\tconst index = $focusedItem.data('original-index');\r\n\t\t\tif (typeof index !== 'undefined') {\r\n\t\t\towl_simple_slider.trigger('to.owl.carousel', [index, 300, true]);\r\n\t\t\t}\r\n\t\t});\r\n\r\n        owl_simple_slider.on('click', function(e) {\r\n            owl_stop_autoplay();\r\n        });\r\n        function owl_stop_autoplay() {\r\n            \/\/console.log('autoplay stopped.');\r\n            owl_simple_slider.trigger('stop.owl.autoplay');\r\n        }\r\n\r\n    });\r\n<\/script>\r\n\n\n\n<p>Use widgets in Talk to streamline your team tasks. Collaborate on a To-Do in the team chat, review a content plan while having a video meeting, or add qick meeting notes \u2014 you name it! In Text, you can embed one file into another to keep your drafts, notes, sheets, schedules, documentation and any resources at hand. And finally, you can embed documents in Deck card descriptions and Collectives pages to make notes, schedules, reports, sheets, and any other related files easily accessible.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Deck boards<\/h3>\n\n\n\n<p>Deck widgets let you add your boards where you need them. Previously, you could already use previews to quickly view the linked cards, and now you can embed entire boards to browse and manage your planning.<\/p>\n\n\n\n<figure class=\"wp-block-image size-full imageRoundShadow\"><img decoding=\"async\" width=\"3010\" height=\"1718\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/Nextcloud-interactive-Deck-widget-in-Text.png\" alt=\"Nextcloud interactive Deck widget in Text\" class=\"wp-image-208138\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/Nextcloud-interactive-Deck-widget-in-Text.png 3010w, https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/Nextcloud-interactive-Deck-widget-in-Text-300x171.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/Nextcloud-interactive-Deck-widget-in-Text-1009x576.png 1009w, https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/Nextcloud-interactive-Deck-widget-in-Text-768x438.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/Nextcloud-interactive-Deck-widget-in-Text-1536x877.png 1536w, https:\/\/nextcloud.com\/c\/uploads\/2024\/04\/Nextcloud-interactive-Deck-widget-in-Text-2048x1169.png 2048w\" sizes=\"(max-width: 3010px) 100vw, 3010px\" \/><\/figure>\n\n\n\n<p>Add boards to Text files, ensure quick access to planning on any Collectives pages, or discuss your tasks while browsing them during team meetings in Talk. Deck widgets give you more than just scrolling: you can adjust view settings as you desire, search items, and even open your cards to access the details.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Calendars<\/h3>\n\n\n\n<p>Embed your calendars in other apps to let users browse events and planning with ease. The Calendar widget gives access to an entire calendar in read-only mode, allowing you to navigate dates, scroll events and do even more. <\/p>\n\n\n\n<p>Now you can plan events and check availability while working on your other tasks or having a team call. Less tabs and less clicks! <\/p>\n\n\n<section class=\"nc-note-section\" id=\"\">\r\n\t<div class=\"\">\r\n\t\t<div class=\"row\">\r\n\t\t\t\t\t\t\t<div class=\"col-lg-12\">\r\n\t\t\t\t\t\t\t<div class=\"text-block\">\r\n\t\t\t\t\t<p>Only users with permissions will be able to access the calendars you share as widgets.<\/p>\n\t\t\t\t<\/div>\r\n\t\t\t<\/div>\r\n\r\n\t\t\t\r\n\r\n\t\t<\/div>\r\n\t<\/div>\r\n<\/section>\n\n\n<figure class=\"wp-block-image size-full imageRoundShadow\"><img decoding=\"async\" width=\"3012\" height=\"1724\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Calendar-widget-in-Collectives.png\" alt=\"Nextcloud Calendar widget in Collectives\" class=\"wp-image-216375\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Calendar-widget-in-Collectives.png 3012w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Calendar-widget-in-Collectives-300x172.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Calendar-widget-in-Collectives-1006x576.png 1006w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Calendar-widget-in-Collectives-768x440.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Calendar-widget-in-Collectives-1536x879.png 1536w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Nextcloud-Calendar-widget-in-Collectives-2048x1172.png 2048w\" sizes=\"(max-width: 3012px) 100vw, 3012px\" \/><\/figure>\n\n\n\n<div style=\"height:31px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">How widgets work in different apps<\/h2>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile imageRoundShadow\" style=\"grid-template-columns:auto 49%\"><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Nextcloud Talk<\/h3>\n\n\n\n<p>When you paste a link in a chat, Talk loads the widgets for all supported items automatically. File widgets are displayed in view-only mode by default, and you can click Edit to edit the document.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" width=\"873\" height=\"576\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Talk-873x576.png\" alt=\"Widget in Nextcloud Talk\" class=\"wp-image-216395 size-full\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Talk-873x576.png 873w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Talk-300x198.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Talk-768x507.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Talk-1536x1013.png 1536w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Talk.png 1634w\" sizes=\"(max-width: 873px) 100vw, 873px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile imageRoundShadow\" style=\"grid-template-columns:auto 49%\"><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Nextcloud Text<\/h3>\n\n\n\n<p>Widgets in Text let you preview items in-line, with an opportunities to hide widgets to display the link only. Now you can also hide previews for items such as Deck cards, web pages, and more.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" width=\"898\" height=\"576\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Text-898x576.png\" alt=\"Widget in Nextcloud Text\" class=\"wp-image-216410 size-full\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Text-898x576.png 898w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Text-300x192.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Text-768x493.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Text-1536x985.png 1536w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Text.png 1796w\" sizes=\"(max-width: 898px) 100vw, 898px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile imageRoundShadow\" style=\"grid-template-columns:auto 49%\"><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Nextcloud Collectives<\/h3>\n\n\n\n<p>Widgets in Collectives give way to more informative and rich pages. Enable the \u201cFull width\u201d view to browse linked calendars and Deck boards with even more comfort. Just like in the Text app, you can disable any link widget selectively.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" width=\"819\" height=\"576\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Collectives-819x576.png\" alt=\"Widget in Nextcloud Collectives\" class=\"wp-image-216400 size-full\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Collectives-819x576.png 819w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Collectives-300x211.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Collectives-768x540.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Collectives-1536x1080.png 1536w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Collectives.png 1596w\" sizes=\"(max-width: 819px) 100vw, 819px\" \/><\/figure><\/div>\n\n\n\n<div class=\"wp-block-media-text has-media-on-the-right is-stacked-on-mobile imageRoundShadow\" style=\"grid-template-columns:auto 49%\"><div class=\"wp-block-media-text__content\">\n<h3 class=\"wp-block-heading\">Nextcloud Deck<\/h3>\n\n\n\n<p>Add widgets to Deck cards in the Description field to link important assets associated with your tasks and workflows. The widget can be collapsed when you need a compact description.<\/p>\n<\/div><figure class=\"wp-block-media-text__media\"><img decoding=\"async\" width=\"702\" height=\"576\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Deck-card-702x576.png\" alt=\"Widget in Nextcloud Deck card\" class=\"wp-image-216405 size-full\" srcset=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Deck-card-702x576.png 702w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Deck-card-300x246.png 300w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Deck-card-768x630.png 768w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Deck-card-1536x1260.png 1536w, https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Widget-in-Nextcloud-Deck-card.png 1792w\" sizes=\"(max-width: 702px) 100vw, 702px\" \/><\/figure><\/div>\n\n\n\n<h2 class=\"wp-block-heading\">Regain control over your time with Nextcloud Hub 8<\/h2>\n\n\n\n<figure class=\"wp-block-embed is-type-video is-provider-youtube wp-block-embed-youtube wp-embed-aspect-16-9 wp-has-aspect-ratio\"><div class=\"wp-block-embed__wrapper\">\n<iframe loading=\"lazy\" title=\"Introducing Nextcloud Hub 8: Nextcloud AI Assistant 2.0, Context Chat, and Teams \ud83c\udf89\" width=\"500\" height=\"281\" src=\"https:\/\/www.youtube.com\/embed\/fl2BQu2dWZY?feature=oembed\" frameborder=\"0\" allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\" referrerpolicy=\"strict-origin-when-cross-origin\" allowfullscreen><\/iframe>\n<\/div><\/figure>\n\n\n\n<p>Interactive widgets are only one of the exiting new features in <a href=\"https:\/\/nextcloud.com\/blog\/nextcloud-hub8\/\" target=\"_blank\" rel=\"noreferrer noopener\">Nextcloud Hub 8<\/a>. From new AI tools in Nextcloud Assistant to new apps and serious performance improvements throughout the platform, there are many reasons to upgrade to the latest Nextcloud Hub.<\/p>\n\n\n\n<p>New to Nextcloud? There\u2019s no better time to try it out! Get control over your data today with the most secure open-source collaboration platform.<\/p>\n\n\n<section class=\"promo-section  \" id=\"\" style=\"\" data-expiration=\"\">\n\t<div class=\"container\">\n\t\t<div class=\"row\">\n\t\t\t<div class=\"col-12\">\n\t\t\t\t<div class=\"text-block\">\n\t\t\t\t\t<div class=\"icon\"><img decoding=\"async\" src=\"https:\/\/nextcloud.com\/c\/uploads\/2023\/06\/download-solid-white.svg\" alt=\"Nextcloud - Get Nextcloud Hub 8\"\/><\/div><h2>Get Nextcloud Hub 8<\/h2><p>Download and install Nextcloud Hub 8 here!<\/p>\n<a class=\"c-btn btn-white\" href=\"https:\/\/nextcloud.com\/install\/\" target=\"_blank\">Get Hub 8<\/a>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t<\/div>\n<\/section>\n","protected":false},"excerpt":{"rendered":"<p>In Nextcloud Hub 8, we introduced interactive widgets, a completely new mechanic that lets you share, access and interact with items from various apps in a compact widget format throughout your platform. <\/p>\n","protected":false},"author":33,"featured_media":216511,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"inline_featured_image":false,"publish_to_discourse":"","publish_post_category":"22","wpdc_auto_publish_overridden":"1","wpdc_topic_tags":"","wpdc_pin_topic":"","wpdc_pin_until":"","discourse_post_id":"","discourse_permalink":"","wpdc_publishing_response":"success","wpdc_publishing_error":"Embed url has already been taken","footnotes":""},"categories":[5,11],"tags":[],"class_list":["post-216363","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-apps","category-blog"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.1.1 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Guide to interactive widgets in Nextcloud Hub - Nextcloud<\/title>\n<meta name=\"description\" content=\"Discover how to use interactive widgets, a new feature that lets you share and access Nextcloud apps in a compact interactive format.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Guide to interactive widgets in Nextcloud Hub - Nextcloud\" \/>\n<meta property=\"og:description\" content=\"Discover how to use interactive widgets, a new feature that lets you share and access Nextcloud apps in a compact interactive format.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/\" \/>\n<meta property=\"og:site_name\" content=\"Nextcloud\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/Nextclouders\/\" \/>\n<meta property=\"article:published_time\" content=\"2024-05-16T09:35:51+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2025-07-18T10:40:14+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1920\" \/>\n\t<meta property=\"og:image:height\" content=\"1080\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Mikhail Korotaev\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@nextclouders\" \/>\n<meta name=\"twitter:site\" content=\"@nextclouders\" \/>\n<meta name=\"twitter:label1\" content=\"Geschreven door\" \/>\n\t<meta name=\"twitter:data1\" content=\"Mikhail Korotaev\" \/>\n\t<meta name=\"twitter:label2\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/\"},\"author\":{\"name\":\"Mikhail Korotaev\",\"@id\":\"https:\/\/nextcloud.com\/nl\/#\/schema\/person\/c4131c923c11769c06b82290f98f8ac8\"},\"headline\":\"Guide to interactive widgets in Nextcloud Hub\",\"datePublished\":\"2024-05-16T09:35:51+00:00\",\"dateModified\":\"2025-07-18T10:40:14+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/\"},\"wordCount\":723,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/#organization\"},\"image\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png\",\"articleSection\":[\"Apps\",\"Blog\"],\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/\",\"url\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/\",\"name\":\"Guide to interactive widgets in Nextcloud Hub - Nextcloud\",\"isPartOf\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png\",\"datePublished\":\"2024-05-16T09:35:51+00:00\",\"dateModified\":\"2025-07-18T10:40:14+00:00\",\"description\":\"Discover how to use interactive widgets, a new feature that lets you share and access Nextcloud apps in a compact interactive format.\",\"breadcrumb\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#breadcrumb\"},\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#primaryimage\",\"url\":\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png\",\"contentUrl\":\"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png\",\"width\":1920,\"height\":1080,\"caption\":\"Interactive widgets in Nextcloud Hub\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/nextcloud.com\/nl\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Guide to interactive widgets in Nextcloud Hub\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/nextcloud.com\/nl\/#website\",\"url\":\"https:\/\/nextcloud.com\/nl\/\",\"name\":\"Nextcloud\",\"description\":\"Regain control over your data\",\"publisher\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/nextcloud.com\/nl\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/nextcloud.com\/nl\/#organization\",\"name\":\"Nextcloud\",\"url\":\"https:\/\/nextcloud.com\/nl\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/nextcloud.com\/nl\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/nextcloud.com\/c\/uploads\/2022\/10\/nextcloud-logo-blue-transparent.svg\",\"contentUrl\":\"https:\/\/nextcloud.com\/c\/uploads\/2022\/10\/nextcloud-logo-blue-transparent.svg\",\"width\":\"1024\",\"height\":\"1024\",\"caption\":\"Nextcloud\"},\"image\":{\"@id\":\"https:\/\/nextcloud.com\/nl\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/Nextclouders\/\",\"https:\/\/x.com\/nextclouders\",\"https:\/\/www.linkedin.com\/company\/10827569\/\",\"https:\/\/youtube.com\/nextcloud\",\"https:\/\/www.instagram.com\/nextclouders\/\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/nextcloud.com\/nl\/#\/schema\/person\/c4131c923c11769c06b82290f98f8ac8\",\"name\":\"Mikhail Korotaev\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/nextcloud.com\/nl\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/50239e6d041bd078acdbbdad43132efabac4ca0799ae3eb97ec30bc09b62e515?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/50239e6d041bd078acdbbdad43132efabac4ca0799ae3eb97ec30bc09b62e515?s=96&d=mm&r=g\",\"caption\":\"Mikhail Korotaev\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Guide to interactive widgets in Nextcloud Hub - Nextcloud","description":"Discover how to use interactive widgets, a new feature that lets you share and access Nextcloud apps in a compact interactive format.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/","og_locale":"nl_NL","og_type":"article","og_title":"Guide to interactive widgets in Nextcloud Hub - Nextcloud","og_description":"Discover how to use interactive widgets, a new feature that lets you share and access Nextcloud apps in a compact interactive format.","og_url":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/","og_site_name":"Nextcloud","article_publisher":"https:\/\/www.facebook.com\/Nextclouders\/","article_published_time":"2024-05-16T09:35:51+00:00","article_modified_time":"2025-07-18T10:40:14+00:00","og_image":[{"width":1920,"height":1080,"url":"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png","type":"image\/png"}],"author":"Mikhail Korotaev","twitter_card":"summary_large_image","twitter_creator":"@nextclouders","twitter_site":"@nextclouders","twitter_misc":{"Geschreven door":"Mikhail Korotaev","Geschatte leestijd":"4 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#article","isPartOf":{"@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/"},"author":{"name":"Mikhail Korotaev","@id":"https:\/\/nextcloud.com\/nl\/#\/schema\/person\/c4131c923c11769c06b82290f98f8ac8"},"headline":"Guide to interactive widgets in Nextcloud Hub","datePublished":"2024-05-16T09:35:51+00:00","dateModified":"2025-07-18T10:40:14+00:00","mainEntityOfPage":{"@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/"},"wordCount":723,"commentCount":0,"publisher":{"@id":"https:\/\/nextcloud.com\/nl\/#organization"},"image":{"@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#primaryimage"},"thumbnailUrl":"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png","articleSection":["Apps","Blog"],"inLanguage":"nl-NL","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/","url":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/","name":"Guide to interactive widgets in Nextcloud Hub - Nextcloud","isPartOf":{"@id":"https:\/\/nextcloud.com\/nl\/#website"},"primaryImageOfPage":{"@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#primaryimage"},"image":{"@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#primaryimage"},"thumbnailUrl":"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png","datePublished":"2024-05-16T09:35:51+00:00","dateModified":"2025-07-18T10:40:14+00:00","description":"Discover how to use interactive widgets, a new feature that lets you share and access Nextcloud apps in a compact interactive format.","breadcrumb":{"@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#primaryimage","url":"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png","contentUrl":"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png","width":1920,"height":1080,"caption":"Interactive widgets in Nextcloud Hub"},{"@type":"BreadcrumbList","@id":"https:\/\/nextcloud.com\/nl\/blog\/guide-to-interactive-widgets-in-nextcloud-hub\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/nextcloud.com\/nl\/"},{"@type":"ListItem","position":2,"name":"Guide to interactive widgets in Nextcloud Hub"}]},{"@type":"WebSite","@id":"https:\/\/nextcloud.com\/nl\/#website","url":"https:\/\/nextcloud.com\/nl\/","name":"Nextcloud","description":"Regain control over your data","publisher":{"@id":"https:\/\/nextcloud.com\/nl\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/nextcloud.com\/nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/nextcloud.com\/nl\/#organization","name":"Nextcloud","url":"https:\/\/nextcloud.com\/nl\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/nextcloud.com\/nl\/#\/schema\/logo\/image\/","url":"https:\/\/nextcloud.com\/c\/uploads\/2022\/10\/nextcloud-logo-blue-transparent.svg","contentUrl":"https:\/\/nextcloud.com\/c\/uploads\/2022\/10\/nextcloud-logo-blue-transparent.svg","width":"1024","height":"1024","caption":"Nextcloud"},"image":{"@id":"https:\/\/nextcloud.com\/nl\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/Nextclouders\/","https:\/\/x.com\/nextclouders","https:\/\/www.linkedin.com\/company\/10827569\/","https:\/\/youtube.com\/nextcloud","https:\/\/www.instagram.com\/nextclouders\/"]},{"@type":"Person","@id":"https:\/\/nextcloud.com\/nl\/#\/schema\/person\/c4131c923c11769c06b82290f98f8ac8","name":"Mikhail Korotaev","image":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/nextcloud.com\/nl\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/50239e6d041bd078acdbbdad43132efabac4ca0799ae3eb97ec30bc09b62e515?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/50239e6d041bd078acdbbdad43132efabac4ca0799ae3eb97ec30bc09b62e515?s=96&d=mm&r=g","caption":"Mikhail Korotaev"}}]}},"featured_media_url":"https:\/\/nextcloud.com\/c\/uploads\/2024\/05\/Interactive-widgets-in-Nextcloud-Hub.png","_links":{"self":[{"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/posts\/216363","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/users\/33"}],"replies":[{"embeddable":true,"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/comments?post=216363"}],"version-history":[{"count":2,"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/posts\/216363\/revisions"}],"predecessor-version":[{"id":324727,"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/posts\/216363\/revisions\/324727"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/media\/216511"}],"wp:attachment":[{"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/media?parent=216363"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/categories?post=216363"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/nextcloud.com\/nl\/wp-json\/wp\/v2\/tags?post=216363"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}