I have a rails app, and I want to create the Admin interface but I DON'T want to use ActiveAdmin gem.
We are using Zurb Foundation, and I want to use this bootstrap admin theme.
I have two questions:
Is it possible to use 2 different skins themes in a rails app? So for example I want to render a different theme for all the routes with the namespace /admin. If possible, how to do this?
If the above is possible would it have issues since the main theme is on Zurb Foundation and the admin theme is on Bootstrap?
It would require two layouts, each would point to it's own css. The frameworks won't overlap and should work fine.
Related
How can I integrate a custom theme like https://wrapbootstrap.com/theme/inspinia-responsive-admin-theme-WB0R5L90S into a Rails ActiveAdmin project? Is this even possible?
I think you can try already build themes which are only for active-admin rails by this you can achieve great UI for active-admin. These are easy to implement, just go through this link https://github.com/activeadmin/activeadmin/wiki/Themes
I’m creating a web app with AngularDart 5 and Dart SDK 2.0.0-dev.65.0. What is the best way to include Bootstrap in my web app?
Thanks!
There really isn't anything that will stop you from using bootstrap and angular together.
You can link the CSS, and the necessary JS files in your index.html file and they won't conflict as far as I know.
Now there is going to be a lot of overlap between dart:html, and jQuery. Also bootstrap is going to be in the global namespace so it may conflict with CSS styles if you are using other libraries.
Just use the html structure and classes as normal in the angular components. You can use them anywhere because they are in the global namespace.
If you need your dart code to interact with the JS code you can use package:js.
I'm unfamiliar with how Bootstrap is implemented on a web app built on Ruby on Rails. I've been asked to create the front-end ,HTML/CSS for new pages. I strictly have been working with small, static sites so I don't know the way to go about this. I've seen that the CSS files only include the specific code that your page requires?
Does that mean that I will have to copy each component's Boostrap CSS to a separate CSS file for my page?
You can choose one of the following gems to get all the required components of bootstrap in your rails application:
Twitter Bootstrap Rails
Less Rails Bootstrap
Furthermore detailed info to implement it on pages can be get # http://www.gotealeaf.com/blog/integrating-rails-and-bootstrap-part-1
I have a rails app that allows users to create their own website easily but they share the same page structure.
I plan to switch my classic rails views for a templating language such as liquid or handlebars.
The goal is that my users could upload their own version of templates and css to completely customize the look and feel of their website.
Example of workflow :
User upload a theme folder containing Templates and Css files
Their website automatically uses this new templates and designs
Is it possible to do that and continue to take advantages of the Rails Assets pipeline?
Thanks a lot for your answers !
This might be something you can try: http://www.krautcomputing.com/blog/2012/03/27/how-to-compile-custom-sass-stylesheets-dynamically-during-runtime/.
I've used this in a Rails 3.2x project and it works fine, but I'm having difficulties getting it working in a different (somewhat modified Rails 4 project).
It's older article about compiling css on the fly using the Sprockets::StaticCompiler class.
I'm a developer and not a designer. I'm not looking for something fancy just basic but nice styling.
I used Nifty Generator before which generates some styling but I was looking for something different. Maybe different Themes that automatically styles forms/colors of the app.
Any ideas?
https://github.com/seyhunak/twitter-bootstrap-rails
Twitter Bootstrap for Rails gem is a great way to build apps that look professionally designed. Built by #mdo and #fat at Twitter they made it so they could create great looking rapid prototypes. You can learn more about Bootstrap here: http://twitter.github.com/bootstrap/
Highly recommended.
https://github.com/pilu/web-app-theme
Web App Theme is skinnable, you can download additional themes for it too. There are examples and links on the github page.