{"id":5412,"date":"2023-11-28T13:10:03","date_gmt":"2023-11-28T13:10:03","guid":{"rendered":"https:\/\/obo.zoj.mybluehost.me\/?p=5412"},"modified":"2025-02-17T11:53:16","modified_gmt":"2025-02-17T11:53:16","slug":"palette-forms-and-interactive-elements-ion","status":"publish","type":"post","link":"https:\/\/ioninteractive.com\/ionacademy\/palette-forms-and-interactive-elements-ion\/","title":{"rendered":"Palette: Forms and Interactive Elements"},"content":{"rendered":"\n<p>In this learning path, you&#8217;ll learn more about the&nbsp;<strong>more advanced functions of the Ion Palette: Forms and Interactive<\/strong>.<\/p>\n\n\n\n<p>We&#8217;ll see how and when to use the components of each of them in practice.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">What\u2019s the Ion Palette and How it works<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 1. What\u2019s the Ion Palette and how it works\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/ebKp7INpM4A?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><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Forms: what is and what are its components<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 2. Forms: What is and what are its components\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/u6Bn4ueMurQ?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><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Forms: creating a form in Ion<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 3. Forms: Creating a form in Ion\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/Q04yaz4ckO0?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><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Forms: advanced settings<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 4. Forms: Advanced settings\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/Mic8YciOVuY?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><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Forms: how to use choice for engagement<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 5. Forms: How to use choice for engagement\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/CvB3NK_1GbY?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><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Interactive: what is and what are its components<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 6. Interactive: What is and what are its components\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/2Xw5jeJwXuo?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><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Interactive: how to use Lightbox and Reveal to reveal information<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 7. Interactive: How to use Lightbox and Reveal to reveal information\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/vAKi6jlDvL0?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><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Interactive: how to use Flow and Rotator<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 8. Interactive: How to use Flow and Rotator\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/6aXVaXmm-eM?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><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Interactive: how to organize content with Accordion and Tabs<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 9. Interactive: How to organize content with Accordion and Tabs\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/4wyH2kbMVNw?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><\/div>\n<\/div><\/figure>\n\n\n\n<h2 class=\"wp-block-heading\">Interactive: how to embed videos and use full-page slider<\/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<div class=\"video_fit_container\"><iframe loading=\"lazy\" title=\"[EN] 10. Interactive: How to embed videos and use full page slider\" width=\"960\" height=\"540\" src=\"https:\/\/www.youtube.com\/embed\/mQh3lRHLk30?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><\/div>\n<\/div><\/figure>\n","protected":false},"excerpt":{"rendered":"<p>In this learning path, you&#8217;ll learn more about the&nbsp;more advanced functions of the Ion Palette: Forms and Interactive. We&#8217;ll see how and when to use the components of each of them in practice. What\u2019s [&hellip;]<\/p>\n","protected":false},"author":21,"featured_media":3560,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"nf_dc_page":"","footnotes":""},"categories":[1004,2064,9,4],"tags":[2144,2086,2167,2382],"class_list":["post-5412","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-forms-component","category-ion-platform-en","category-the-interactive-components","category-the-platform","tag-forms","tag-interactive-components","tag-ion-platform","tag-palette"],"_links":{"self":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5412","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/users\/21"}],"replies":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/comments?post=5412"}],"version-history":[{"count":1,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5412\/revisions"}],"predecessor-version":[{"id":5413,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/posts\/5412\/revisions\/5413"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media\/3560"}],"wp:attachment":[{"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/media?parent=5412"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/categories?post=5412"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ioninteractive.com\/ionacademy\/wp-json\/wp\/v2\/tags?post=5412"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}