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: Create a Data Table dynamically

Simple Container(div with border ) widget using StdMod

Populate select dropdown dynamically using YUI

Re: Issues with grids and datatable in IE8

Re: Sparkgrams: tiny histograms inside a DataTable

Re: Sparkgrams: tiny histograms inside a DataTable

Sparkgrams: tiny histograms inside a DataTable

Getting Started

Recent YUI Blog Posts

YUI Weekly for June 14th, 2013

Pure 0.2.0 Released

YUI Weekly for June 7th, 2013

YUI 3.10.3 Released to Fix Reintroduced SWF Vulnerability

YUI 3.10.2 Released

YUI Weekly for May 31st, 2013

Online Users