Well, some anyway.
I’ve started translating/wrapping Bootstrap controls for Xojo Web, giving them IDE properties, and usability in code.
It turns out, you can’t just include Bootstrap.min.css and work with it because Bootstrap and Xojo disagree on how form controls are sized. I’ve put some time in to extract just the stylings each control needs and created them self-contained. They each have different amounts of features available.
So far the following controls are done: Buttons, Code Blocks, Form-Fields (lots of options), Image Borders, Shortcut style.
I’ve done my best to make them as usable as possible in the IDE, so the image borders are a subclass of ImageWell allowing you to see the image, and the kbd shortcut is a WebStyle so you can apply it to any text.
Buttons come in all the Bootstrap flavors (even disabled!)
Form-Fields have lots of options. The label can be included or turned off, and the whole field can be colored per the Bootstrap
.has-success - not that you have to worry about the CSS, it’s all properties that can be set with the IDE or code.
I’m doing this for a few reasons. I’ve seen requests around for Bootstrap in WE, and I’ve been having fun (really!) making Web controls. More controls are definitely on their way, I just wanted to start drumming up interest - it’s good inspiration. My other tools will not suffer, don’t you worry. I have a to-do list with a few things for Answers and HTML Edit. HTML Edit will be getting an update real soon actually, there’s a new version of Quill out.
So how much does this cost?
Well, the controls you see here I’ve bundled up into a little promo for free. I want to gather interest and comments. So grab the controls, and let me know what you think. Let me know if you find bugs, or if you have requests for specific controls.
I am offering a complete package of my web controls, which will include the source for all of the Bootstrap controls and my ResizeWatcher tool (specific workaround for a Xojo WebModal bug.) You get a year of updates, and the locked version of HTML Edit Web as a little gift
So what’s to come?
I will be aggressively adding controls
(lol - but really)
Bootstrap Components are next on the list. Button Groups and Pagination look like they’ll make it; Breadcrumbs, Labels, Badges, Alerts, Progress Bars (very exciting!), and Panels are on the list. I’m going to skip List Group for now, unless someone really wants it (I can’t think of a practical use)
And Bootstrap is just the beginning!
So check out my collection, I call it WebStudio:
Get the Bootstrap Promo for free!
An overview of the individual controls:
(see previews there too)
Post here, or send me an email with questions, comments, and requests!