use a css framework about surveyor_gui

[archonic]

I'd second bootstrap support. I suppose this would work through a generator which could optionally specify a framework for generating the appropriate view files? When specifying nothing, I would prefer a very basic css which doesn't have rounded corners and purple and green.

Also I found I had to open devtools and add this to get the add question form to fill the modal container:

iframe.cboxIframe {
  width: 100%;
  height: 99%;
}

[kjayma]

It's a good idea.

Doing some work on a Zurb version.
On Thu, Jul 3, 2014 at 12:08 PM, Alessandro Lepore <[email protected]

wrote:

just putting the idea here...
would be super nice to rewrite the admin interface to use a css framework
like bootstrap or zurb foundation.
that would provide a solid, coherent and easy to customize gui and allow
to remove ~600 custom CSS LOC.
simple_form has out-of-the-box support.

—
Reply to this email directly or view it on GitHub
#21.

[kjayma]

Started working on a zurb branch, but haven't had time to pursue it. Have
not seen a problem with the add question form before. Can you provide a
bit more detail on your setup?

On Mon, Dec 22, 2014 at 7:56 PM, Josh [email protected] wrote:

I'd second bootstrap support. I suppose this would work through a
generator which could optionally specify a framework for generating the
appropriate view files? When specifying nothing, I would prefer a very
basic css which doesn't have rounded corners and purple and green.

Also I found I had to open devtools and add this to get the add question
form to fill the modal container:

iframe.cboxIframe {
width: 100%;
height: 99%;
}

—
Reply to this email directly or view it on GitHub
#21 (comment).

[archonic]

It's actually anything that appears in the modal within an iframe. Here's a screenshot.

The only css file is surveyor_gui_all-xxxxx.css produced by /home/joshua/.rvm/gems/ruby-2.1.1/gems/surveyor_gui-0.1.2/lib/assets/stylesheets/surveyor_gui/surveyor_gui.sass. Looks the same in Chrome and FF. There appears to be no iframe of .cboxIframe style in the resulting css. I'm guessing the width of the iframe is dependant on it's content, and since I'm using a responsive layout (with bootstrap), it opens at minimum width.

[royzheng0410]

Hey @archonic , i run into the same problems here as you. How did you solve this issue?

[archonic]

I actually ended up not using surveyor_gui and just went with the surveyor parse functionality.

[ogoldberg]

I'm also having this issue. If not for this extremely small detail which I simply can't seem to resolve, I would definitely use this gem. I just need to be able to see all the content. Adding something like bootstrap would definitely be icing on the cake, but if you can just make it work as intended I will be very happy indeed.

[ogoldberg]

@royzheng0410 @archonic I'm seeing now that if I use Rails 4.1, the iframe view issues go away.
Now I'm very into the idea of using a css framework. I vote for bootstrap, but honestly, I really will be happy with anything. This gem is actually really fantastic, I just would love to see the styling upgraded, and it will be perfect.

[ogoldberg]

@kjayma Sorry, not trying to blow up this thread, but if you give me a little direction I'd be happy to contribute to adding a css framework in my spare time. I'm sure I could spend some time dissecting the app and figure it out, but if you give me a head start I'll be much more productive.

[kjayma]

@ogoldberg - I'd be happy to work with you on this. I started a zurb branch which you can fork to see where I left off. Made some progress but was slogging through the the survey creation view when I had to break off. I'm fine with Booststrap too. If you look at the Zurb branch and do a compare with master, you'll get some idea of how the structure and .css files need to change.

Several people have noted the 4.2 issue. I'm curious about that so I'm going to fork a branch and see if I can get to the bottom of it.

[ogoldberg]

Thanks, @kjayma !

sorry if this is off-topic, but I'm trying to add a new question type, and I'm having a hard time. Can you advise me what files I'll need to touch in order to do this?

[kjayma]

Thats a big can of worms. I'd do a grep on 'upload' to see how I added the file upload field.