style conflick and multi instance

style conflick and multi instance **Posted:** Fri Jul 23, 2010 2:42 am +0-

i use alloyui calendar in my project
but i when the calendar load it's style, my whole page became a mess, this is the first problem
secondly, i use yui delegate to listen the special content area, and when user click the specific input field
the calendar render and show, but when click twice, it create a calendar again

how to solve these two problems, thanks

Re: style conflick and multi instance **Posted:** Wed Aug 18, 2010 7:37 am +0-

Hi there,
Thanks for using the widget!
Number 1 is probably related to the fact that the module has a full CSS framework, including a reset.css.
You can however tell the YUI object to load the CSS before your stylesheet.
So let's say your stylesheet is:

Code:

You can give that link an id like "myStyleSheet":

Code:

Then, when you call YUI(), you would pass in the config option "insertBefore" like so:

Code:

YUI({
insertBefore: "myStyleSheet"
}).use()

And that should load up the CSS before your stylesheet.

As for the second problem, the best way to handle this would be to create the widget outside of the delegate function, and then inside of the delegate function, you can call .render().show(), like so:

Code:

var calendar = new Y.Calendar({...});

Y.delegate('click', function(){
calendar.render().show();
}, 'input');

And that should work. But without seeing your code, it's hard to say for sure the set up you have.

I hope that helps!

Re: style conflick and multi instance **Posted:** Wed Aug 18, 2010 10:27 am +0-

The Calendar constructor has an option called trigger, which handle the bind for you.

var calendar1 = new A.Calendar({
trigger: '#input1',
....
})
.render();

Forums

style conflick and multi instance

Green Wang

style conflick and multi instance

Nate Cavanaugh

YUI Contributor

Re: style conflick and multi instance

Eduardo Lundgren

YUI Contributor

Re: style conflick and multi instance

Recent Forums Posts

Re: How to extend paginator with my own custom component

Simplified YUI3 Datatable cell formatting

Re: Load Subset of URI

Re: YUI datatable conditional dropdown editor

Re: Load Subset of URI

Re: multiple model panel in one page

Re: Are DOM updates synchronous?

Re: Load Subset of URI

Recent YUI Blog Posts

YUI Weekly for May 17th, 2013

Yahoo’s International Team Is Hiring!

YUICompressor 2.4.8 Released

YUI 3.10.1 Released to Fix SWF Vulnerability

YUI Weekly for May 10th, 2013

Yahoo Hack Europe 2013

Online Users