Develop Once, Deploy Anywhere!

[tomy300]

Hello, I would like to see more detailed example for the Calandar widget because I just don't know how
to make it work. there's a lot of function for it but lack of example. the drag and drop sample is cool. but I'll not use this feature.

if it's possible I would like example on :

-how to change color of each day
-add,remove.modify event by code
-event warning checker
-Color the current day of the month


Btw: it's there a way to create how own widget and add it to the toolbox?

thanks

[support]

   

Class('App', 'xui.Com',{
    Instance:{
        iniComponents : function(){
            // [[Code created by CrossUI RAD Tools
            var host=this, children=[], append=function(child){children.push(child.get(0))};
            
            append(
                (new xui.UI.Calendar)
                .setHost(host,"ctl_calendar1")
                .setValue(new Date)
            );
            
            return children;
            // ]]Code created by CrossUI RAD Tools
        },
        events : {"onRender":"_com_onrender"},
        _com_onrender : function (com, threadid){
            var cal=this.ctl_calendar1;
 
            var nodes=cal.getSubNode("DAYBOX",true),
                first=cal.getDateFrom(),
                today=new Date();
                

            nodes.each(function(n,i){
                var bgclr='#aaaaff';
                if(xui.Date.diff(xui.Date.add(first, "d", i+1), today, "d")===0)
                    bgclr='#ffaaaa';
                xui(n).css('backgroundColor',bgclr);
            })
        }
    }
});

Class('App', 'xui.Com',{
    Instance:{
        iniComponents : function(){
            // [[Code created by CrossUI RAD Tools
            var host=this, children=[], append=function(child){children.push(child.get(0))};
            
            append(
                (new xui.UI.Calendar)
                .setHost(host,"ctl_calendar1")
                .setValue(new Date)
            );
            
            return children;
            // ]]Code created by CrossUI RAD Tools
        },
        events : {"onRender":"_com_onrender"},
        _com_onrender : function (com, threadid){
            var cal=this.ctl_calendar1;
 
            var nodes=cal.getSubNode("DAYBOX",true),
                first=cal.getDateFrom(),
                today=new Date();
                

            nodes.each(function(n,i){
                var bgclr='#aaaaff';
                if(xui.Date.diff(xui.Date.add(first, "d", i+1), today, "d")===0)
                    bgclr='#ffaaaa';
                xui(n).css('backgroundColor',bgclr);
            })
        }
    }
});

   

[tomy300]

Wow thanks

I look at your RichEditor and it's pretty what I want, but it's would be great if there an icon to not just put an image link but upload image directly in the editor.
I may not be good at doing this right now... but it's a request hehe if you can. this will be great feature to this control.