Moving to Bootstrap 2.0

Continuing on the road to Worldoutline 1.0.

It's time to bite the bullet and see if this baby works with Bootstrap 2.0.

Then review all the pages that use Bootstrap elements and make sure we're doing it consistently.

Then I want to invite some designers in here to work on templates. I don't expect them to be too happy at first, but I'm going to be very persistent. That's the secret to success. Lots of choices for looks to pages created by Worldoutline.

They have an examples page. Thank you!

Finding the links to the new JS files was a bit of a problem because the put them at the bottom of the files. I was of course looking at the top of the files.

I backed up worldOutlineSuite.data.staticStyles.include. This is the place where we include all the Bootstrap bits. This is going to be completely changed. Reverting will mean reverting this, and of course any code that was changed to accomodate the new version.

Removed include of docs.css. I don't see how we need this since they are styles for the Bootstrap docs.

After making all the changes to worldOutlineSuite.data.staticStyles.include, I sucked in my breath and tried it out, and it wasn't too horribly bad. The page is still readable. I knew the menubar would be all crazy cause they changed a lot of stuff there. The Edit button is not blue, they must have changed the name of the class. Popovers work. I'm optimistic. Screen shot.

Backed up webApp.viewMenu. According to the changenotes, the base class changed from topbar to navbar.

To figure out how to adapt the menus, I needed to know which parts came from Bootstrap and which were my own invention. Some of the names made it unclear. So I had to find a copy of Bootstrap 1.0. That took a little searching, but I found a reference to it, with a download, and I copied it into my dropbox folder so I'm not likely to lose it.

I followed the examples in the Bootstrap 2.0 docs, and have the topbar working a lot better. Screen shot.

Still don't have the dropdown menu working, and when I expand/collapse the topbar, it doesn't properly move the page text out of the way.

Here are the Bootstrap docs for navigation in 2.0.

I now have the menu working. Now to list all the other things that are broken, and there are lots of things that are broken.

Tables -- zebra-striped tables are no longer defined, instead use table table-striped.

Buttons -- they no longer have colors.

Twipsies -- name changed to tooltip.

Tabs are broken.

Tab nodetype.

The type dialog on the Roots page.

Prefs on the Roots page

Prefs system?

Convert River2, Radio2, and whatever else we have that uses Bootstrap to 2.0.

webApp.viewMenu

worldOutlineSuite.data.staticStyles.include

webApp.data.headIncludes2

webApp.data.tableClass

worldOutlineSuite.data.newRootForm

opmlEditor.data.outlines.editOutlineForm