I have a normal view in html in Rails, containing images and links. How do I turn it to be responsive? (I want it to fit also mobile browser sizes, make it html5)
I know I should use fluid, but what is the full command? Or is there another/better way directly from the text editor?
Rails has limited control on the HTML that comes on to the browse.
Try looking at frameworks like Bootstrap or Foundation.
There are some gems that can help you
Foundation-rails
twitter-bootstrap-rails
There is also a railscast episode on Bootstrap basics.
This has nothing much to do with Rails. Rails is a server side language and responsive templates are frontend (html/css) dependent.
However if you are specifically using bootstrap as many beginners do, you could try : https://github.com/seyhunak/twitter-bootstrap-rails gem for a quick integration of things.
Related
Is TinyMCE editor compatible with rails 2? what are better editors apart from fck editor that can be used in rails, is it compatible with rails 2 as well?
EDIT:
Is TinyMCE editor customizable? html tags can be used in the editor space?
Yes, TinyMCE is compatible with all versions of Rails, because it really has nothing to do with it, all frontend (client-side) editors are just "decorators" for textareas, meaning Rails doesn't care what's in them.
I normally avoid using editors like TinyMCE or FCK, because they force me to "reverse" my development workflow - they come with everything and I need to strip 90% of functionality down. So a better approach would be to use something like markdown and educate users on it's use.
And yes, pretty much all editors are heavily customizable - I recommend you read their respective manuals
I have been doing UI research and have come across admin templates at http://themeforest.net/. I was wondering how do you apply these onto a web app built on Rails. These templates look very similar to wordpress themes. Are they that easy to configure? Is it just as simple as setting up a link to the database to make the fields form capture data? I've been looking at this theme.
For admin templates I recommend using Active Admin. It's relatively easy to implement and gives you great admin screens with little effort.
Yes, You can. I'm trying to solve the same problem and so far I have a couple options:
1.) do it by hand, I've done this before, it works but takes a lot of time to truly understand how your theme is put together. First I would recommend using the included themes assets exactly as they are bundled with the theme. Don't assume that just because you have twitter-bootstrap-rails gem that the bootstrap classes in the theme will work. Link the assets statically and slowly extract out the static assets and replace them in the asset pipeline once you know they work.
2.) Use the strategy suggested in the install_theme gem (http://drnicwilliams.com/2009/10/06/install-any-html-themetemplate-into-your-rails-app/) the gem itself is not maintained any longer (i'm not sure about any forks), but the strategy is sound. Extract the core parts of the template into partials.
The short answer is yes, but there is no straight forward way to "import to rails"
I'm working on a Rails project and I'm in need of a user-friendly WYSIWYG. I'll say this about the type of people using it: Whatever you think of as user-friendly, perhaps think one step below that (not an insult, just a realization).
Ideally, I'd like something where one could have basic functionality (lists, links, bold, italic) and see in real-time. Kind of like OH MY GOSH IT'S RIGHT HERE IN STACK OVERFLOW AS I CREATE THIS POST.
So, um, yeah: something like this would be excellent (although I'd prefer the windows be side-by-side rather than this editor-on-top situation, but I won't be picky).
I'd suggest to use gem ckeditor it's really perfect solution, i used it recently in my Rails 3.2 project
A pretty cool and fancy one is Sir Trevor JS. There is also a gem
We use TinyMCE quite a bit.
No unbelievable feature set or anything, but it does have a nice jQuery integration plugin (which goes a long way for us).
The live preview functionality seems very doable.
If your project is non commercial you can use this
Froala
I've been using Bootsy. It's simple and easy to use, however I have not been able to get the "image" upload => carrierwave to store on S3 servers. But everything else with it is fantastic.
Use Trix by Basecamp:
Trix is an open-source project from Basecamp, the creators of Ruby on Rails. Millions of people trust their text to Basecamp, and we built Trix to give them the best possible editing experience.
You can use Mercury its a full featured HTML5 editor
gem 'mercury-rails'
rails generate mercury:install
http://jejacks0n.github.io/mercury/
github: https://github.com/jejacks0n/mercury
Old question but check out froala: https://github.com/froala/wysiwyg-rails
and the plugins main homepage https://www.froala.com/wysiwyg-editor
May I ask you how to make rails web design more efficient?
Is compass plus blueprint the perfect match?
Is the current version of compass support rails3.1
Are there any other frameworks that will make rails web deign easier?
Thanks
Definitely a framework like compass is awesome, it includes a lot of helpers, and provides a good solid base.
For form-styling I would recommend using a gem like [formtastic][1], which not only greatly simplifies making forms, but also provides a standard css file. So all needed tags are then known (and can be overwritten if needed).
There a few alternatives to kickstart your application's layout:
twitter-bootstrap: it is plainly awesome and provides a great start (it does not play nice with formtastic, but works perfectly well with simple_form).
web-app-theme provides generators, and a set of templates to style your application quickly
activo is a template that is contained in web-app-theme, but can also be used standalone
Hope this helps.
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.