Products

[davout]

I find your support approach very lazy.  If I report a problem its because something I have paid for is not working.
To prove this…
If I use the <smart-numeric-text-box> component then the reactive form ‘setValue’ method call works
If I use the <smart-number-input> component then the reactive form ‘setValue’ method call DOES NOT work
I would expect your docs and tutorials to include working examples for such situations.  Asking your clients to build these examples is a very strange view of customer support.

 
 

[davout]

I’m new to this  developer area,  how do I create a StackBlitz example?
I can’t see why you don’t have a stackblitz demo for every component in this product
 

[davout]

I’ve created a version of my form using basic input type=radio,   and that works.
Using your ‘smart-radio-button’ component it does not work
 

                  <div class="recurring-intervals">
<!--                    <div style="margin-left: 5px; margin-top: 5px; overflow: visible">-->
<!--                      <input type="radio" id="recurringIntervalNone"-->
<!--                             value="0" name="includeRecurringTasks" formControlName="recurringInterval">-->
<!--                      <label for="recurringIntervalNone">None</label>-->
<!--                    </div>-->
<!--                    <div style="margin-left: 5px; margin-top: 5px; overflow: visible">-->
<!--                      <input type="radio" id="recurringIntervalDaily"-->
<!--                             value="1" name="includeRecurringTasks" formControlName="recurringInterval">-->
<!--                      <label for="recurringIntervalDaily">Daily</label>-->
<!--                    </div>-->
<!--                    <div style="margin-left: 5px; margin-top: 5px; overflow: visible">-->
<!--                      <input type="radio" id="recurringIntervalWeekly"-->
<!--                             value="2" name="includeRecurringTasks" formControlName="recurringInterval">-->
<!--                      <label for="recurringIntervalWeekly">Weekly</label>-->
<!--                    </div>-->
<!--                    <div style="margin-left: 5px; margin-top: 5px; overflow: visible">-->
<!--                      <input type="radio" id="recurringIntervalMonthly"-->
<!--                             value="3" name="includeRecurringTasks" formControlName="recurringInterval">-->
<!--                      <label for="recurringIntervalMonthly">Monthly</label>-->
<!--                    </div>-->
<!--                    <div style="margin-left: 5px; margin-top: 5px; overflow: visible">-->
<!--                      <input type="radio" id="recurringIntervalYearly"-->
<!--                             value="4" name="includeRecurringTasks" formControlName="recurringInterval">-->
<!--                      <label for="recurringIntervalYearly">Yearly</label>-->
<!--                    </div>-->
                                        <smart-radio-button class="recurring-interval-radio"
                                                            value = "0"
                                                            [groupName]="recurringInterval"
                                                            formControlName="recurringInterval"
                                                            (change)="onRecurringIntervalChange('0')">None
                                        </smart-radio-button>
                                        <smart-radio-button class="recurring-interval-radio"
                                                            [groupName]="recurringInterval"
                                                            formControlName="recurringInterval"
                                                            value= "1"
                                                            (change)="onRecurringIntervalChange('1')">Daily
                                        </smart-radio-button>
                                        <smart-radio-button class="recurring-interval-radio"
                                                            [groupName]="recurringInterval"
                                                            formControlName="recurringInterval"
                                                            value="2"
                                                            (change)="onRecurringIntervalChange('2')">Weekly
                                        </smart-radio-button>
                                        <smart-radio-button class="recurring-interval-radio"
                                                            [groupName]="recurringInterval"
                                                            formControlName="recurringInterval"
                                                            value="3"
                                                            (change)="onRecurringIntervalChange('3')">Monthly
                                        </smart-radio-button>
                                        <smart-radio-button class="recurring-interval-radio"
                                                            [groupName]="recurringInterval"
                                                            formControlName="recurringInterval"
                                                            value="4"
                                                            (change)="onRecurringIntervalChange('4')">Yearly
                                        </smart-radio-button>
                  </div>

 

[davout]

I am using Angular reactive forms, where I pushing data into the controls programmatically using ‘setValue’ and ‘patchvalue’.
Neither of those methods seems to work for ‘smart-redio-button’

[davout]

In both Outlook and Google Calendar it is possible to define calendar events that have a zero duration  (i.e. dateStart = dateEnd)

[davout]

I have reviewed these examples and they are confusing.    In your API docs I would suggest that you add a brief description as to the purpose of each interface and class
Hence, in the example…
https://www.htmlelements.com/angular/demos/scheduler/view-basic/
There is a code line…

<pre class=”prettyprint prettyprinted”><span class=”pln”>dataSource</span><span class=”pun”>:</span> <span class=”typ”>SchedulerDataSource</span><span class=”pun”>[]</span> <span class=”pun”>=</span> <span class=”pun”>(()</span> <span class=”pun”>=></span> <span class=”pun”>{</span>
 

… but all the array entries are defined as objects…
 
 
 
 

[davout]

I found the problem…
If the scheduler entry has the same ‘dateStart’ and ‘dateEnd’ value then the entry is not displayed.  That seems like a logical bug to me.
 

[davout]

Your answer does not address my question…
I want to set a value against the DateTimePicker.value’ property, how is that done?

[davout]

That is not true – unless our docs are wrong!
The ‘DateTimePicker’ has a ‘value’ property that is an instance of DateTime
See:  m https://www.htmlelements.com/angular/demos/datetimepicker/overview/#toc-value_any

[davout]

So how do I point to the source of the DateTime class in my TypeScript code?

[davout]

Nowhere in those demos does it include a reference to a ‘DateTime’ class instance in the TS code – I’ve been through all of them!
So I will repeat my question,  if I am including a reference to ‘DateTime’ what import statement does this require?

[davout]

Ok, so what ‘import’ and class name should be used in the TS file?

[davout]

When is the fix due to be released?

[davout]

This is a little odd,  and I’d say that this is a logical functional bug
The docs (https://www.htmlelements.com/angular/demos/kanban/overview/#toc-ondragend) so that this event is cancellable,  but without knowing WHAT kanban the task was dropped into  I can’t see how I can verify whether the event should be cancelled or not
What seems to be missing is a extra property in the details object to hold the drop target details, like
event,details.target.data {
status:
swimlane:
id|:
}

[davout]

To me this looks like a bug…
In my code I am assigning a new array of objects directly to the ‘data source’  property.
Like…

<smart-kanban #kanban class="task-smart-kanban" id="kanban"
              [collapsible]="collapseColumns"
              [columns]="columns$ | async"
              [dataSource]="specialTasks$ | async"
              [taskDue]="true"
              [formatStringDate]="'dd MMM yyyy'"
              [taskUserIcon]="false"
              [taskActions]="true"
              (onDragEnd)="onDragEnd($event)"
              (onChange)="onChange($event)"
>
</smart-kanban>

[Author]

Posts