• 0
Sign in to follow this  
Followers 0

Bootstrap Form Styling

Question

Posted · Report post

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.

Share this post


Link to post
Share on other sites

11 answers to this question

  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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/

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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]

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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?

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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

Share this post


Link to post
Share on other sites
  • 0

Posted · Report post

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!


Register a new account

Sign in

Already have an account? Sign in here.


Sign In Now
Sign in to follow this  
Followers 0