Freeman35 Posted November 11, 2017 Share Posted November 11, 2017 Hello, I need some help about TUniCalendarPanel. Can someone help me? 1-) How to remove time info from events title in monthview 2-) How to change on "x+ more" to "x+ daha" 3-) How to change form size? ( when click to "x+ more" link opened, detailed events titles ) 4-) This opened form (Detail of events titles) not close when TUniCalendarPanel owner form closed. That still open. Maybe this is can bug. 5-) How to show hint, when mouse on cell or any event Regards Quote Link to comment Share on other sites More sharing options...
Sherzod Posted November 11, 2017 Share Posted November 11, 2017 Hi, 2-) How to change on "x+ more" to "x+ daha" Ok, can you try this approach for now ?!: UniCalendarPanel -> ClientEvents -> ExtEvents -> function eventsrendered: function eventsrendered(sender, eOpts) { var me=sender; if (me.xtype == "monthview") { me.el.select('.ext-cal-ev-more a').elements.forEach(function(el) { el.innerHTML=el.innerHTML.replace(/more/gi, 'daha'); }); }; } Quote Link to comment Share on other sites More sharing options...
Sherzod Posted November 11, 2017 Share Posted November 11, 2017 3-) How to change form size? ( when click to "x+ more" link opened, detailed events titles ) Maybe like this... : function eventsrendered(sender, eOpts) { var me=sender; if (me.xtype == "monthview") { me.el.select('.ext-cal-ev-more a').elements.forEach(function(el){ el.innerHTML=el.innerHTML.replace(/more/gi, 'daha'); el.addEventListener('click', function(){ Ext.defer(function() { me.detailPanel.setTitle(''); me.detailPanel.setWidth(300); me.detailPanel.setHeight(300); }, 10) }); }); }; } Quote Link to comment Share on other sites More sharing options...
Sherzod Posted November 11, 2017 Share Posted November 11, 2017 1-) How to remove time info from events title in monthview Try this: function eventsrendered(sender, eOpts) { var me=sender; if (me.xtype == "monthview") { me.el.select('.ext-cal-ev-more a').elements.forEach(function(el){ //2 el.innerHTML=el.innerHTML.replace(/more/gi, 'daha'); //3 el.addEventListener('click', function(){ Ext.defer(function() { me.detailPanel.setTitle(''); me.detailPanel.setWidth(300); me.detailPanel.setHeight(300); }, 10) }); }); //1 me.el.select('.ext-cal-ev div').elements.forEach(function(el){ el.innerHTML=el.innerHTML.substring(el.innerHTML.indexOf(" ") + 1); }); }; } Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted November 13, 2017 Author Share Posted November 13, 2017 Perfect Delphi Developer. Thank you so much. 1-) I need use this code in detailpanel too, but how to? me.el.select('.ext-cal-ev div').elements.forEach(function(el){ el.innerHTML=el.innerHTML.substring(el.innerHTML.indexOf(" ") + 1); 2-) where can I find info,help about this JS ? I have to learn JS but this is not be easy after 50 years old best regards Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted October 20, 2018 Author Share Posted October 20, 2018 Hello, This codes not work in 1480, 'cos there is no "eventsrendered" event and need some definition update I think. Any help about this? thank you Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 21, 2018 Share Posted October 21, 2018 On 10/20/2018 at 5:07 PM, Freeman35 said: Hello, This codes not work in 1480, 'cos there is no "eventsrendered" event and need some definition update I think. Any help about this? thank you Hello, I will check Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted October 22, 2018 Author Share Posted October 22, 2018 I'm waiting your answer. 'cos I can not move sencha 4 project to sencha 6.5. Thank you. Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 23, 2018 Share Posted October 23, 2018 On 11/11/2017 at 10:30 PM, Sherzod said: UniCalendarPanel -> ClientEvents -> ExtEvents -> function eventsrendered: function eventsrendered(sender, eOpts) { var me=sender; if (me.xtype == "monthview") { me.el.select('.ext-cal-ev-more a').elements.forEach(function(el) { el.innerHTML=el.innerHTML.replace(/more/gi, 'daha'); }); }; } Can you try this approach for now?!: MainForm -> Script: if (Ext.calendar) { Ext.calendar.view.Weeks.prototype.defaultConfig.overflowText='+{0} daha'; } Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted October 23, 2018 Author Share Posted October 23, 2018 Hello, Thank you very much, this solution fixed my problem "more" text. much importend problem is, and I'm sure many user wanna this. Quote 1-) How to remove time info from events title in monthview Quote Link to comment Share on other sites More sharing options...
Sherzod Posted October 23, 2018 Share Posted October 23, 2018 1 hour ago, Freeman35 said: Hello, Thank you very much, this solution fixed my problem "more" text. much importend problem is, and I'm sure many user wanna this. 1-) How to remove time info from events title in monthview Maybe like this, as one of the possible solution 1. CustomCSS: .customCalendarPanel .x-calendar-event-time-start { display: none; } 2. beforeInit fn: function beforeInit(sender, config) { config.cls='customCalendarPanel'; } Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted October 23, 2018 Author Share Posted October 23, 2018 Thank you very much, its clearly work. Quote Link to comment Share on other sites More sharing options...
Freeman35 Posted October 23, 2018 Author Share Posted October 23, 2018 Bad news, This solution remove time info from events on Calenderpanel. If show "more" link, when click More link, Tooltip open and time info still there. My solution. I'll not use time info for this project so, complete remove time info like this. .x-calendar-event-time{ display:none !important; } try only one time likte this ".test .x-calendar-event-time{display:none !important;}" and use .text class, its not worked. Then I will not use time info all project so override directly main css. Thank you Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.