Forem

Cover image for Form Lib 1.11 released
Volker Schukai for schukai GmbH

Posted on • Edited on

3 3

Form Lib 1.11 released

Today we have released the latest edition of our Form Lib. Our library offers us the possibility to link forms with data. In addition, we have programmed here various controls that are not available in the standard.

Only the highlights are described here. The full functionality can be found in the documentation.

This release builds on Monster 1.29 and contains minor improvements.

New Reload control

This control is a small helper that reloads content from an external url and displays it inside once it has been loaded.

// create control
const reload = document.createElement('monster-reload');
reload.setAttribute('data-monster-url','https://example.com/')

// loader content
const defaultContent = document.createElement('div');
defaultContent.innerHTML='loading...'
reload.appendChild(defaultContent);

// append
document.getElementById('container').appendChild(reload);
Enter fullscreen mode Exit fullscreen mode

or

<monster-reload data-monster-url="https://example.com">
   <div slot="default">loding...</div>
</monster-tabs>
Enter fullscreen mode Exit fullscreen mode

Tabs control

Tab control now fire "Content fetched" event.

hope you enjoy it!

References

Top comments (0)

👋 Kindness is contagious

Discover a treasure trove of wisdom within this insightful piece, highly respected in the nurturing DEV Community enviroment. Developers, whether novice or expert, are encouraged to participate and add to our shared knowledge basin.

A simple "thank you" can illuminate someone's day. Express your appreciation in the comments section!

On DEV, sharing ideas smoothens our journey and strengthens our community ties. Learn something useful? Offering a quick thanks to the author is deeply appreciated.

Okay