<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Better Variable Input - 8 input types, date range picker (free, open source) in App Development</title>
    <link>https://community.qlik.com/t5/App-Development/Better-Variable-Input-8-input-types-date-range-picker-free-open/m-p/2545031#M109794</link>
    <description>&lt;P&gt;Good job, thank you for sharing it.&lt;/P&gt;</description>
    <pubDate>Wed, 18 Mar 2026 07:29:53 GMT</pubDate>
    <dc:creator>F_B</dc:creator>
    <dc:date>2026-03-18T07:29:53Z</dc:date>
    <item>
      <title>Better Variable Input - 8 input types, date range picker (free, open source)</title>
      <link>https://community.qlik.com/t5/App-Development/Better-Variable-Input-8-input-types-date-range-picker-free-open/m-p/2545023#M109791</link>
      <description>&lt;DIV&gt;&lt;SPAN&gt;If you've ever tried to give end users a clean way to set variables on a Qlik Cloud sheet, you know the options aren't great. The native variable input is limited and hasn't changed much in years. Most community alternatives are either abandoned, stuck on Qlik Sense Desktop, or don't cover the input types you actually need.&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;I got tired of working around it, so I built one from scratch. It's called &lt;/SPAN&gt;&lt;STRONG&gt;Better Variable Input&lt;/STRONG&gt;&lt;SPAN&gt;&amp;nbsp;- free, MIT licensed, and built for Qlik Cloud.&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Happy to take feedback/improvement requests!&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-center" image-alt="better-variable-input.png" style="width: 999px;"&gt;&lt;img src="https://community.qlik.com/t5/image/serverpage/image-id/187348iFFB7919A63E87B58/image-size/large?v=v2&amp;amp;px=999" role="button" title="better-variable-input.png" alt="better-variable-input.png" /&gt;&lt;/span&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;FONT size="5"&gt;&lt;STRONG&gt;&lt;U&gt;What it does&lt;BR /&gt;&lt;/U&gt;&lt;/STRONG&gt;&lt;/FONT&gt;&lt;SPAN&gt;Drop it on a sheet, point it at a variable, pick an input type. That's it - no scripting, no custom CSS.&lt;/SPAN&gt;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;STRONG&gt;&lt;FONT size="4"&gt;8 input types out of the box:&lt;/FONT&gt;&lt;/STRONG&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;TABLE border="1"&gt;&lt;TBODY&gt;&lt;TR&gt;&lt;TD&gt;&lt;STRONG&gt;Type&lt;/STRONG&gt;&lt;/TD&gt;&lt;TD&gt;&lt;STRONG&gt;What you get&lt;/STRONG&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Single Line Text&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Standard text input with placeholder support&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Multi-Line Text&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Textarea - useful for expressions or longer values&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Slider&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Numeric range with configurable min/max/step&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Toggle&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;On/off switch (sets 0 or 1) with custom labels&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Calendar&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Date picker with single date &lt;STRONG&gt;or&lt;/STRONG&gt;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;date range mode&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Dropdown&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Searchable select from a pipe-separated list&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Radio Buttons&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Single selection - horizontal or vertical layout&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;TR&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Buttons&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;TD&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Segmented button group with active-state highlighting&lt;/SPAN&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/TD&gt;&lt;/TR&gt;&lt;/TBODY&gt;&lt;/TABLE&gt;&lt;P&gt;&lt;SPAN&gt;Every input type has its own colour presets that apply automatically when you switch - so it looks right immediately, but you can override accent, border, and focus colours per object if you need to.&lt;/SPAN&gt;&lt;/P&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;U&gt;&lt;STRONG&gt;&lt;FONT size="5"&gt;The bits worth highlighting&lt;/FONT&gt;&lt;/STRONG&gt;&lt;/U&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;STRONG&gt;Calendar with date range support&lt;/STRONG&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;This was the feature I couldn't find anywhere else. Select a start and end date, and the extension stores the range as &lt;/SPAN&gt;&lt;SPAN&gt;`startDate~endDate`&lt;/SPAN&gt;&lt;SPAN&gt; - ready to split in an expression. In-range cells are highlighted, and the format is fully configurable via moment.js strings.&lt;/SPAN&gt;&lt;/DIV&gt;&lt;BR /&gt;&lt;DIV&gt;&lt;SPAN&gt;You can also drive a field selection from the picked date, so the calendar acts as both a variable setter and a filter.&lt;/SPAN&gt;&lt;/DIV&gt;&lt;BR /&gt;&lt;DIV&gt;&lt;STRONG&gt;Searchable variable selector&lt;/STRONG&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;The properties panel uses a type-ahead expression dropdown - no more scrolling through a flat list of every variable in the app.&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV&gt;&lt;STRONG&gt;Two height options&lt;/STRONG&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;SPAN&gt;Wide (38px) and Narrow (28px) let you tuck inputs into tight layouts or give them breathing room. Combined with per-object colour config, it fits into any dashboard without fighting the design.&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;U&gt;&lt;STRONG&gt;&lt;FONT size="5"&gt;Installation&lt;/FONT&gt;&lt;/STRONG&gt;&lt;/U&gt;&lt;/DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;OL&gt;&lt;LI&gt;&lt;SPAN&gt;Download &lt;/SPAN&gt;&lt;STRONG&gt;better-variable-input.zip&lt;/STRONG&gt;&lt;SPAN&gt;&amp;nbsp;from the &lt;/SPAN&gt;&lt;A href="https://github.com/andrehamon/better-variable-input" target="_blank" rel="noopener"&gt;&lt;SPAN&gt;GitHub releases page&lt;/SPAN&gt;&lt;/A&gt;&lt;/LI&gt;&lt;LI&gt;&lt;SPAN&gt;In Qlik Cloud: &lt;/SPAN&gt;&lt;SPAN&gt;&lt;STRONG&gt;Management Console → Extensions → Add&lt;/STRONG&gt;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;→ upload the zip&lt;/SPAN&gt;&lt;/LI&gt;&lt;LI&gt;&lt;SPAN&gt;Drag it onto a sheet from Custom Objects and configure&lt;/SPAN&gt;&lt;/LI&gt;&lt;/OL&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;STRONG&gt;Note:&lt;/STRONG&gt;&lt;SPAN&gt;&amp;nbsp;Variables must already exist in your app - the extension sets values, it doesn't create them.&lt;/SPAN&gt;&lt;/DIV&gt;&lt;DIV&gt;&amp;nbsp;&lt;/DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;DIV&gt;&lt;U&gt;&lt;STRONG&gt;&lt;FONT size="5"&gt;Links&lt;/FONT&gt;&lt;/STRONG&gt;&lt;/U&gt;&lt;/DIV&gt;&lt;UL&gt;&lt;LI&gt;&lt;SPAN&gt;&lt;STRONG&gt;GitHub:&lt;/STRONG&gt;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;A href="https://github.com/andrehamon/better-variable-input" target="_blank" rel="noopener"&gt;&lt;SPAN&gt;github.com/andrehamon/better-variable-input&lt;/SPAN&gt;&lt;/A&gt;&lt;/LI&gt;&lt;LI&gt;&lt;SPAN&gt;&lt;STRONG&gt;License:&lt;/STRONG&gt;&lt;/SPAN&gt;&lt;SPAN&gt;&amp;nbsp;MIT&lt;/SPAN&gt;&lt;/LI&gt;&lt;/UL&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;&lt;/DIV&gt;</description>
      <pubDate>Wed, 18 Mar 2026 03:16:02 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Better-Variable-Input-8-input-types-date-range-picker-free-open/m-p/2545023#M109791</guid>
      <dc:creator>André</dc:creator>
      <dc:date>2026-03-18T03:16:02Z</dc:date>
    </item>
    <item>
      <title>Re: Better Variable Input - 8 input types, date range picker (free, open source)</title>
      <link>https://community.qlik.com/t5/App-Development/Better-Variable-Input-8-input-types-date-range-picker-free-open/m-p/2545031#M109794</link>
      <description>&lt;P&gt;Good job, thank you for sharing it.&lt;/P&gt;</description>
      <pubDate>Wed, 18 Mar 2026 07:29:53 GMT</pubDate>
      <guid>https://community.qlik.com/t5/App-Development/Better-Variable-Input-8-input-types-date-range-picker-free-open/m-p/2545031#M109794</guid>
      <dc:creator>F_B</dc:creator>
      <dc:date>2026-03-18T07:29:53Z</dc:date>
    </item>
  </channel>
</rss>

