| Issue 60: | round corners | |
| 5 people starred this issue and may be notified of changes. | Back to list |
is there any way to get round corners (made with png maybe) work with this= i got it working for first click but then if you open other content from inside the box it does not take the body.append stuff anymore. hope someone has a solution how to handle this! thx
Aug 11, 2008
Project Member
#1
william....@gmail.com
Aug 14, 2008
oh sorry the = was supposed to be a ?
but as for the code I added to line 520 this;
body.append($('<div id="nyroModalFull"><div id="nyroModalBg"></div><div
id="nyroModalWrapper"><table cellspacing="0" cellpadding="0" border="0"><tr><td
class="top-left" width="12" height="12"></td><td class="top"></td><td
class="top-right"></td></tr><tr><td class="left"></td><td><div
id="nyroModalContent"></div></td><td class="right" width="50"></td></tr><tr><td
class="bottom-left"></td><td class="bottom"></td><td
class="bottom-right"></td></tr></table></div><div id="nyrModalTmp"></div><div
id="nyroModalLoading"></div></div>').hide());
here we have a table which defines the corners. works great as I said on first click
but then if I change the content of the open box and the box resizes it does not show
the corners anymore.
Jan 26, 2009
As I'm not aware of all method to do round corner (and which one is the best), I've no idea what's the best way to do that. After releasing the next release, I'll try to take a look on this enhancement.
Labels:
-Type-Defect Type-Enhancement
Jan 28, 2009
I'm trying to combine nyroModal with jQuery.Corner, I think i should be possible, but which div should have the corner ? http://www.methvin.com/jquery/jq-corner-demo.html
Jan 28, 2009
In order to maje the jQuery corner plugin works with nyroModal, please follow the steps:
1) edit nyroModal.css:
div#nyroModalWrapper should be
div#nyroModalWrapper {
background: #777;
padding: 8px;
}
div#nyroModalContent should have a default background color.
2) on the endShowContent callback, add your corner:
$.nyroModalSettings({
endShowContent: function(elts, settings) {
elts.contentWrapper.corner("cc:#3f3f3f sc:#777");
}
});
And it should works.
NB : the corner plugin doesn't create real transparent corner but actually fill the
space with color. Which means it won't be perfect. Moreover, you'll probably have to
update the cc parameter regarding your website (especially the color behind the
transparency background)
My recommandation would probably be to wait for CSS 3 support and round corner support.
Jan 20, 2010
THANK YOU SO MUCH!! that worked =]
Nov 26, 2010
realy worked
May 19, 2011
I'm using -moz-border-radius, -webkit-border-radius, and border-radius which works but haven't tried it in IE yet, just now thought about the inline rounded corner issue there, guess I better test that out quick. |