Anyone able to use Bootstrap with Skuid?

  • 2
  • Question
  • Updated 1 year ago
I am looking for more of a bootstrap look and feel.  I would love to //netdna.bootstrapcdn.com/bootswatch/3.1.1/cerulean/bootstrap.min.css from http://www.bootstrapcdn.com/#bootswatch_tab but I am not getting it to work.  Any thoughts or suggestion would be appreciated?  I already followed instructions within the tutorials on custom css but I am looking for more.  Let me know if more detail will help you answer.

At end of the day... I love Skuid versus Salesforce UI but I want a tighter cleaner interface.
Photo of Michael Marshall

Michael Marshall

  • 362 Points 250 badge 2x thumb

Posted 5 years ago

  • 2
Photo of Glenn Elliott

Glenn Elliott, Champion

  • 7,738 Points 5k badge 2x thumb
Hey Michael .... so what have you tried so far? In theory, you should be able to load that CSS as a resource in your Skuid page and it would be available. But the harder work from there is to apply the Bootstrap styles to the Skuid classes in order to style Skuid components. We've overridden most of the Skuid classes in our app with our own styling, but we haven't applied a third-party CSS like Bootstrap. So I'm only partial help, I suspect.
Photo of John Nelson

John Nelson, Product Manager

  • 3,234 Points 3k badge 2x thumb
To Glenn's point, I wonder if it wouldn't actually be more work to try to make Skuid work with Bootstrap, rather than simply using Bootstrap as a style reference for your own custom CSS. 
Photo of Glenn Elliott

Glenn Elliott, Champion

  • 7,738 Points 5k badge 2x thumb
I wondered exactly the same. And in fact, when I took a look at Bootswatch, I inspected their styles and "borrowed" a few new ideas that I incorporated into our custom CSS in Skuid. (It's the sincerest form of flattery, you know :) )
Photo of David Ross

David Ross

  • 562 Points 500 badge 2x thumb
We started with a theme builder on jQuery then modified the classes in Skuid as well and it works great and looks awesome.  I would also encourage this route. You can achieve a look and feel that looks nothing like the native SF if you desire.  Just look at some of the screenshots Glenn as posted on various posts! He has a awesome UI. You can easily achieve the Bootstrap look and feel. 
Photo of Glenn Elliott

Glenn Elliott, Champion

  • 7,738 Points 5k badge 2x thumb
JQuery theme builder is a great idea. :)

Wish we'd thought of that months ago. :(
I have a similar issue which I need urgent help with..
I want to build an UI using bootstrap componants e.g. http://inspirythemes.biz/html-templates/medicalpress/index.html..

If I want to build the same flexslider used on this page,how do I go about it?

I have used the jquery,flexslider js files from this page but it's not triggering the flexslider..