[Updated Delphi Roadmap (2016)]

What about the RTL (right-to-left) they forgot !!! 

[DatePicker Multiselect?]

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 !!!!   

[DatePicker Multiselect?]

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?

[UniCalendar 'deprecated']

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 :-)  
}

[UniCalendar 'deprecated']

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?

 

[CheckListBox]

+1

[layout]

Use layouts, see unigui examples...

[How to use SASS (scss) Iconfont?]

Is there any guide or example how to use SCSS specially for iconfont in unigui?

 

Farshad how can we implement this is unigui?

[Panel header icons [tools]]

How can I use icon font in 'tools'?

[Panel header icons [tools]]

Thanx....

[Panel header icons [tools]]

This is doesn't work:

function beforeInit(sender, config)
{
  config.tools='tools:[{type:\'refresh\'}]';
}

It doesn't show icons.

[Panel header icons [tools]]

Ext.create('Ext.panel.Panel', {
        width: 400, height: 200,        
        title: 'Test',
        tools: [{
                type: 'gear'
        }, {
                type: 'pin'
        }],
        renderTo: document.body
});

Tools section

 

[Panel header icons [tools]]

Is there any way to implement Panel->Tools (header icons) using unigui?

 

OR I must do it using 'beforeinit' in js events?

[PasswordMeter]

Thank you

[Happy Eid]

To all, thank you

[عيدكم مبروك]

عيد فطر سعيد للجميع

[WebApp with vectorial icons]

Very good :-)

[Delphi Seattle Enterprise : Save 35%]

Android studio is a good solution for now 

[Embeded Application on mobile (not on browsers) ?]

+1

[Add Day-name in UniDBGrid]

You welcome...

[Add Day-name in UniDBGrid]

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;

[Delphi Seattle Enterprise : Save 35%]

[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...

[How Login Form Background Image resize when resizing browser?]

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 :-)

[Layout + button with image]

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 :-)

[3rd party charting solution]

You can use UniHTMLFrame and js code...