I’m excited to announce the release of Observable Inputs, our first-party inputs that are designed to work with viewof: [image] Observable Inputs These lightweight interface components — buttons, sliders, dropdowns, tables, and the like — help you explore data and build interactive displa…

Not sure if these are bugs or just behaviors I find surprising, but here’s a notebook with two findings re. Range: Range Test / Yuri Vishnevsky / Observable [edit: resolved; Mike left some comments in the notebook. Thanks!]

Using the inputs in an educational context, I’m getting complaints from the folks who look out for accessibility issues. Is there an easy way to make the inputs larger?

Yes, you can add a cell with this content: html`<style>form, table { font-size: 1.5em !important }</style>`

Another candidate Observable Input is Jeremy’s Select Order Input . Use case: [image] Data Driven Table Column Selection and Sorting A mashup of Jeremy Ashkenas Select Order Input (enhanced with 'selection' option) and Observable Inputs' Search and Table interface components; demonstratin…

I’ve been especially enjoying using bind to synchronize inputs, so here’s a little example of how to implement it in your own custom inputs: [image] Custom Input Example If you want to write your own inputs that play well with Observable Inputs, including using bind to synchronize inputs,…

[image] andreasplesch: The numerical input to a Range input is not limited by the min. and max. values: Correct. This matches the native HTML behavior; if you hit enter while the number input is focused, the browser will display an error, e.g., [Screen Shot 2021-02-11 at 9.41.03 AM] That s…

Thanks ! On my Chrome there is a error pop-up when hovering which I had not even noticed before because of the delay for the pop-up. The Range input is conceptually a bit different from the native number input because it is accompanied by the slider. So there is more of an expectation that the range…

What’s the best practice for combining multiple inputs on the same cell? I’ve seen a couple options: Form Input / Mike Bostock / Observable Inputs in grid / David B. / Observable

[image] nachocab: What’s the best practice for combining multiple inputs on the same cell? I tend to leave these in different cells and only combine them in HTML after I embed the notebook using the Javascript runtime. That gives me maximum flexibility to embed it however I want.

Observable Inputs

Announcements

andreasplesch February 11, 2021, 5:19pm 29

The numerical input to a Range input is not limited by the min. and max. values:

To me, this is unexpected. Stricter input validation helps avoid problems downstream. This is why html inputs allow for validation.

2 Likes

Topic		Replies	Views
Inputs.table showing a (dot) column Community Help	1	414	August 21, 2021
Community Meetup in SF (Dec 10) Announcements	30	3072	December 25, 2019
Recommended package for creating tables in Observable Framework? Community Help	10	1050	October 31, 2024
Inputs.table outside of Observable - having it load all entries Community Help	2	69	December 3, 2024
"Recompute with...", or: a way to "climb the ladder of abstraction" Community Help	22	2138	May 30, 2019

Observable Inputs

Related topics