{"id":1375,"date":"2024-02-29T08:38:30","date_gmt":"2024-02-29T07:38:30","guid":{"rendered":"https:\/\/inseri.swiss\/?p=1375"},"modified":"2025-11-26T08:38:30","modified_gmt":"2025-11-26T08:38:30","slug":"slider-block","status":"publish","type":"post","link":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/2024\/02\/slider-block\/","title":{"rendered":"Slider Block"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">The&nbsp;<strong>Slider<\/strong>&nbsp;block allows the user to select:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>a value <\/li>\n\n\n\n<li>a range<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\"> within specified boundaries. The selection is the output of the block and therefore it can be used as input in other blocks.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Next we will show the two cases:<\/p>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Firstly, we demonstrate the Slider block to select a value<\/li>\n<\/ol>\n\n\n\n<div class=\"wp-block-inseri-core-slider\" data-attributes=\"{&quot;advancedRange&quot;:false,&quot;blockId&quot;:&quot;VrAC4RHHqp0em3gkRgw2i&quot;,&quot;color&quot;:&quot;&quot;,&quot;initialValue&quot;:[50,51],&quot;isRange&quot;:false,&quot;label&quot;:&quot;Please select a value&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;slider-value&quot;},&quot;precision&quot;:0,&quot;rangeBoundaries&quot;:[0,100],&quot;showField&quot;:false,&quot;step&quot;:1,&quot;valueBoundaries&quot;:[0,100]}\">is loading &#8230;<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">that we use as input in the Text Viewer block<\/p>\n\n\n\n<div class=\"wp-block-inseri-core-text-viewer\" data-attributes=\"{&quot;blockId&quot;:&quot;VBy8aAutahVORIvoD4c4O&quot;,&quot;content&quot;:&quot;&quot;,&quot;height&quot;:61,&quot;inputKey&quot;:&quot;VrAC4RHHqp0em3gkRgw2i\/selected&quot;,&quot;label&quot;:&quot;The previously selected value&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;textViewer-value&quot;}}\">is loading &#8230;<\/div>\n\n\n\n<ul class=\"wp-block-list\">\n<li>2. Next, we use the Slider block to allow the users to select a range:<\/li>\n<\/ul>\n\n\n\n<div class=\"wp-block-inseri-core-slider\" data-attributes=\"{&quot;advancedRange&quot;:false,&quot;blockId&quot;:&quot;Bv2oxhIKfhkQkffRQDHJB&quot;,&quot;color&quot;:&quot;&quot;,&quot;initialValue&quot;:[2.3,7.8],&quot;isRange&quot;:true,&quot;label&quot;:&quot;Please select a range&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;slider-range&quot;},&quot;precision&quot;:1,&quot;rangeBoundaries&quot;:[0,100],&quot;showField&quot;:false,&quot;step&quot;:0.1,&quot;valueBoundaries&quot;:[0,10]}\">is loading &#8230;<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">and the selection has as output a JSON array that we use as input in the Text Viewer block.<\/p>\n\n\n\n<div class=\"wp-block-inseri-core-text-viewer\" data-attributes=\"{&quot;blockId&quot;:&quot;5xj1fyzw6naZYT3KVqWrQ&quot;,&quot;content&quot;:&quot;&quot;,&quot;height&quot;:60,&quot;inputKey&quot;:&quot;Bv2oxhIKfhkQkffRQDHJB\/selected&quot;,&quot;label&quot;:&quot;The previously selected range&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;textViewer-range&quot;}}\">is loading &#8230;<\/div>\n\n\n\n<p class=\"wp-block-paragraph\">For more details please see the corresponding <a href=\"https:\/\/inseri-swiss.github.io\/inseri-core-wp\/blocks\/slider\/\" target=\"_blank\" rel=\"noreferrer noopener\">documentation<\/a>.<\/p>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-f56f613f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-inseri-core-export alignright\" data-attributes=\"{&quot;align&quot;:&quot;right&quot;,&quot;blockId&quot;:&quot;vaxQQCzmrnvQCf4meQgfk&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;export&quot;},&quot;postId&quot;:1375}\">is loading &#8230;<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-inseri-core-share alignright\" data-attributes=\"{&quot;align&quot;:&quot;right&quot;,&quot;blockId&quot;:&quot;KTETwIissQyi0jL3ZpuwV&quot;,&quot;copiedText&quot;:&quot;Copied&quot;,&quot;metadata&quot;:{&quot;name&quot;:&quot;share&quot;},&quot;showIcon&quot;:true,&quot;text&quot;:&quot;Share&quot;}\">is loading &#8230;<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>The&nbsp;Slider&nbsp;block allows the user to select: within specified boundaries. The selection is the output of the block and therefore it can be used as input in other blocks. Next we will show the two cases: that we use as input in the Text Viewer block and the selection has as output a JSON array that [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[34],"tags":[40,50,51,53],"class_list":["post-1375","post","type-post","status-publish","format-standard","hentry","category-inseri-core-block","tag-export","tag-share","tag-slider","tag-text-viewer"],"_links":{"self":[{"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts\/1375","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/comments?post=1375"}],"version-history":[{"count":1,"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts\/1375\/revisions"}],"predecessor-version":[{"id":2127,"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/posts\/1375\/revisions\/2127"}],"wp:attachment":[{"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/media?parent=1375"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/categories?post=1375"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.zi.uzh.ch\/whp\/science-it\/inseri\/wp-json\/wp\/v2\/tags?post=1375"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}