Jump to content

mhmda

uniGUI Subscriber
  • Posts

    1141
  • Joined

  • Last visited

  • Days Won

    157

Everything posted by mhmda

  1. What about the RTL (right-to-left) they forgot !!!
  2. After fighting long day I found a solution override 'handleDateClick': function picker.beforeInit(sender, config) { config.cls='room_clndr'; config.DisabledDates=[]; config.disabledDaysText='חסום'; config.handleDateClick = function(e, t){ var me = this, handler = me.handler; e.stopEvent(); if(!me.disabled && t.dateValue){ me.doCancelFocus = me.focusOnSelect === false; me.setValue(new Date(t.dateValue)); delete me.doCancelFocus; me.fireEvent('select', me, me.value); if (handler) { handler.call(me.scope || me, me, me.value); } me.onSelect(); } } } And: function picker.select(sender, date, eOpts) { if(jQuery.inArray( Ext.Date.format(date, 'd/m/Y'), sender.DisabledDates )>=0) { sender.DisabledDates.splice( $.inArray(Ext.Date.format(date, 'd/m/Y'), sender.DisabledDates), 1 ); if(sender.DisabledDates.length>0) { sender.setDisabledDates(sender.DisabledDates); } else { sender.setDisabledDates([null]); } } else { sender.DisabledDates.push(Ext.Date.format(date, 'd/m/Y')); sender.setDisabledDates(sender.DisabledDates); } } CSS: .room_clndr .x-datepicker-disabled .x-datepicker-date { background-color:#fe5757 !important; color: #fff !important; } WORKS PERFECT !!!!
  3. I want to enable multi select in in UniCalendar: I added this: function picker.beforeInit(sender, config) { config.cls='room_clndr';//class for background color config.DisabledDates=[];//array to hold disabled days } function picker.select(sender, date, eOpts) { sender.DisabledDates.push(date); sender.setDisabledDates(sender.DisabledDates); } Everything works great except this: if user want to cancel one date from those highlighted (disabled) dates by clicking on it using the mouse, but it disabled because it has -disabled- class, How can I enable the mouse event on those disabled dates, when user click on disabled date I remove it from the array and call: sender.setDisabledDates(sender.DisabledDates); Any idea?
  4. Documentation for Calendar here: http://ext.ensible.com/deploy/dev/docs/#!/api/Extensible.calendar.CalendarPanel To set 'Week' as default use (extjs clientevents): function afterrender(sender, eOpts) { Ext.defer(function() {sender.setActiveView(1);}, 1000);//give it some delay otherwise it will animate scroll down & up :-) }
  5. When I use calendar (or when opening calendar example from unigui) I got this in browser console, why? EXJS Ver. 4.2.5.1763 UniGUI 0.99.95.1309 Windows 7 pro Delphi Xe8 And how can I add 'jumb to'? And how can I make the week to be default display?
  6. mhmda

    layout

    Use layouts, see unigui examples...
  7. Is there any guide or example how to use SCSS specially for iconfont in unigui? Farshad how can we implement this is unigui?
  8. How can I use icon font in 'tools'?
  9. This is doesn't work: function beforeInit(sender, config) { config.tools='tools:[{type:\'refresh\'}]'; } It doesn't show icons.
  10. Ext.create('Ext.panel.Panel', { width: 400, height: 200, title: 'Test', tools: [{ type: 'gear' }, { type: 'pin' }], renderTo: document.body }); Tools section
  11. Is there any way to implement Panel->Tools (header icons) using unigui? OR I must do it using 'beforeinit' in js events?
  12. mhmda

    Happy Eid

    To all, thank you
  13. عيد فطر سعيد للجميع
  14. Android studio is a good solution for now
  15. Use field->GetText event: procedure TUniMainModule.QryDocinvestigationDoc_TimeGetText(Sender: TField; var Text: string; DisplayText: Boolean); begin Text:=FormatDateTime('dd/MM/yyyy HH:mm',QryDocinvestigation.FieldByName('Doc_Time').AsDateTime); end;
  16. [Mobile] What about RTL (Right-to-Left) languages support... They just ignore this is important request. I don't think that it's even in their roadmap...
  17. Use css to define background image, OR uniimage and use clientevents onresize to change image size. I would recommend using font icons (http://flaticon.com) it based on vector. Also I recommend using css background and for icons use 'vw' or 'vh' it's great for making your page responsive :-)
  18. Hi, Will I think we should upload a video on youtube showing the correct use of the layout because it is very important for front-end design and there is no documentation on that. basically you should go through these steps to get the correct result: 1. set AligmentControl = uniAlignmentClient 2. set Parent (maybe form, panel...) 'layout' to 'vbox','hbox','fit'.... 3. A. keep in mind when using 'vbox' you should set the 'layoutconfing->width'='100%' and for height use flex or just use fix height. B. keep in mind when using 'hbox' you should set the 'layoutconfing->height'='100%' and for width use flex or just use fix width. 4. always draw your design using a paper or any graphic program to get an idea of how you will implement this inside unigui. good luck :-)
  19. You can use UniHTMLFrame and js code...
×
×
  • Create New...