Bootstrap Form Styling

[wondergrove 0]

I am trying to style a form based on the Bootstrap framework. Some of the CSS tags are working with Pageline 2.2 but many of them are not working correctly. I am using the code snippets from Bootstrap to test the styling so it should technically work if everything is working properly. Can you give me any direction on why this would not work with the framework? What do I need to do to get it to work properly? I would really like to have my forms match what I am seeing on Bootstrap.

[batman 389]

You can see in: http://twitter.github.com/bootstrap/index.html There are many information

[wondergrove 0]

batman... thank you but I am actually using the code snippets from the Bootstrap site you have given me. The problem is that even following their info, it doesn't work correctly with my Pagelines 2.2. Any other options?

[batman 389]

Your Pagelines Framework is 2.2.2 ? Can you give an example ? ;)

[evert100 1]

I think the problem is that pagelines only implemented part of the bootstrap. That's my experience so far. It would be nice to have better documentation on that. Also the wiki is outdated.

[Stefan 6]

The wiki docs are not ready yet for this part, but they will be very soon! We're working hard on this. Btw can you give us an example so we know where you're going? Most of the Bootstrap integrations are exemplified in the tools tour here: http://demo.pagelines.com/framework/tools/

[wondergrove 0]

Thank you for all of your feedback. Here is an example of how the Bootstrap code is rendering on the latest version of PageLines (for me at least). For testing purposes, all of my code has been taken directly off of the Bootstrap site. As you can see from the link (and example image), the form elements are not laying out correctly. [url]http://www.virtualsidekick.org/contact/[/url] [img]http://www.virtualsidekick.org/herohideout/wp-content/uploads/2012/07/BoostrapCode_Render.jpg[/img]

[catrina 103]

Thanks for the screenshot. Do you have any CSS for the "Text input" form?

[wondergrove 0]

Catrina... The CSS I have is from Bootstrap. It is my understanding that since Pagelines is built on the Bootstrap CSS framework, I should theoretically be able to us the examples from the Bootstrap documentation (as shown above and on my sample page [url="http://www.virtualsidekick.org/contact/"]http://www.virtualsidekick.org/contact/[/url]) and it should work. Any thoughts why it I might be having trouble?

[Danny+ 1,327]

Hi Wondergrove, PageLines isn't built on Twitter Bootstrap, we simply implemented it into our Framework to give you guys better functionality. Regarding the form issue, I am not entirely sure if this was included with our implementation of Bootstrap, as there are as many form plugins out there. I will find this out for you and reply here when I have more information.

[revoltoid 1]

Hello, I am experiencing similar issues. For example I tried to include a form that worked well on a website, but looks exactly like on the attached photo above. The form works but the styling doesn't. My question is, are only features that are listed [url="http://demo.pagelin.co.in/framework/tools/"]here[/url] implemented, or are these only the ones that already have Pagelines short codes, but otherwise all the rest should work with Bootstrap codes? Thanks, Istvan

[revoltoid 1]

Ah, ok, I wrapped the codes in RAW and they work now. This is what you can do too @wondergrove , wrap the whole bootstrap code that doesn't work like this: [pl_raw] the whole Bootstrap code goes here [/pl_raw] This likely solves your styling issue.