Hi All Anyone interested in modern UI kits like Bootstrap & Shards with WO?
Robert Hanna and I, have started a very simple framework migrating Bootstrap stuff out of an app. Stuff people might find really useful —Beautiful table-free list-views, fantastic looking forms with all modern input tagging, sliders and date pickers that all support modern inline icons (Material and FontAwesome) plus random things like alerts nav bars etc.
Read along down this page to see UI examples
One D2W rule sets up a "Card" with a dictionary that configures any of the many different options. Display a top or bottom image, have a button, make the button square, outlined or primary-btn styled etc. Add a footer, body, title… The rules include all the keys you'll find in Bootstrap/Shards css tags as part of a D2W configuration.
You can have crazy cool class tags:
objectCardColumnClass = "col-sm-6 col-md col-lg-3 pb-4”.
Which makes a dynamic grid that displays on tiny or giant screens.
This one rule here sets up a card and configures each option you see in the attached:
cardSectionsContents = { "card-img-top" = "object.imageURL"; "card-link" = "object.publicURLString"; "card-text" = "object.title"; "card-title" = "object.venue.title"; "cardLInkTitle" = "Tell me more →"; "cardLinkClass" = "btn btn-primary"; } |