> >-----Original Message----- >From: Chris Geer [mailto:[email protected]] >Sent: Monday, April 30, 2012 6:53 PM >To: [email protected] >Subject: Open-Views Popup Width/Styling > >I'm sure there is a simple answer here but how do you style the open-view >popups on a screen by screen basis? The popups are defined in the rave.js >file and given their css class definitions at that point in time. The >challenge we are running into is they use the .modal class which hard codes >the width to 560px. We have dialogs we want wider than that (there is also >a heigh problem set by another class). My thought was I could just >overwrite the .model class definition in a css file local to each gadget >but the dialog is actually loaded as part of the container so it uses the >container css files. I could overwrite it in a custom css file at the >container level but that would make it that way globally as well (same >problem different width). Is there a way to style the open-view popups at >the gadget level since that is where the views are defined? > >Sidebar is another great example, in the rave.js it's set to slide from the >right. How would we make it slide from the left (at a gadget level)? That >is more than styling though. > >Thanks, >Chris
Hi Chris, Unfortunately there is not a simple answer. As it stands, gadgets.views.opengadget is implemented by shindig, which determines the size and properties of the iframe. It delegates the popup creation to rave through createElementForGadget, but does not pass along most of the opt_param arguments. So basically we are not able to take arguments about size or styling (or really almost anything) when you create the popup from within the gadget. If you want to make changes you'll have to do it at the container level with css overrides, or we will have to implement other views. As a side note, shindig automatically draws the iframe with 100% height and scrolling off, so its content can be cut off at the bottom of the popup. You will need to use gadgets.window.adjustheight to force the iframe to resize itself to show all contents. Not sure if that is related to the height issue you mentioned? Erin
