it shows the label above the textfield

@ron Huh? Self contained example?

should make one this is just in the app that I noticed it

@ron I know why.. you're not using

field("Search")

, you're creating a manual label.

It should be

field("Search") { textfield { ...

yup that works will need some css love I think

@User uploaded a file:

the area around it is very big

@ron It's the padding of the fieldset I guess. Take look in form.css 🙂

@carlw If you can create this look with a TreeView with not much more code, I'll delete the SqueezeBox 🙂

@User uploaded a file: Untitled

@edvin i think treeview does a little more than that

@carlw That's completely besides the point 🙂 You said TreeView can do what SqueezeBox can do. Doesn't matter if it does more, it only matters if it does this IMO 🙂

@User uploaded a file:

That's the UI I'd like to see you create with a TreeView, in around 18 lines of code including the form code 🙂

In fact, the ui here is created in 3 lines of code, one to define the squeezebox and one for each fold.

@edvin i thought this was based on inputdata, not static declarations

@carlw No, as I wrote earlier, this control lends itself very badly to data driven input. It just doesn't make sense. But for a navigation type menu it is pretty perfect. I think I will use this in the Hugo Editor actually. It would be a good fit there.

Some of the folds will actually contain treeviews in that app, while others will have input controls like this one etc.

Focus traversal and selection per fold makes no sense either. That's why I concluded that it doesn't work well with items as backing.

Gotta start thinking about requirements for the Hugo Editor. And a name for it.

@User uploaded a file:

better

good enough for now

it was the padding on the fieldset and on the form

I figured 🙂 Much easier to deal with once you can see the styles that are applied by default 🙂

@ron What about a name for the Hugo Editor? "Hugo Editor"?

Or something artsy like Baskerville

you want it to be more then just an editor?