Products

[admin]

Hi Aviv,

You can achieve a 3 day view by using the following:

` scheduler.addView(‘week’, ‘My View’, ‘myView’, false, false, -4);
scheduler.setView(‘myView’);`

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Kris,

We have two help topics about import with Google Calendar – https://www.htmlelements.com/docs/scheduler-google-calendar-integration/ and https://www.htmlelements.com/docs/scheduler-google-calendar-sync/.

However, we do not have built-in support about importing multiple files as a data source.

A sample ICS file which we load and use in our examples is:

BEGIN:VCALENDAR
PRODID:-//HTMLElements//JQX Scheduler//EN
VERSION:2.0
CALSCALE:GREGORIAN
METHOD:PUBLISH
X-WR-CALNAME:scheduler
X-WR-TIMEZONE:Europe/Sofia
BEGIN:VEVENT
DTSTART:20201206T073000Z
DTEND:20201206T093000Z
DTSTAMP:20201206T092352Z
UID:scheduler46d9
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:Website Re-Design Plan
END:VEVENT
BEGIN:VEVENT
DTSTART:20201209T100000Z
DTEND:20201209T120000Z
DTSTAMP:20201206T092352Z
UID:scheduler9572
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:Book Flights to San Fran for Sales Trip
CATEGORIES:priorityId/1
BEGIN:VALARM
ACTION:DISPLAY
DESCRIPTION:Book Flights to San Fran for Sales Trip Early
TRIGGER:-P0DT0H33M0S
END:VALARM
BEGIN:VALARM
ACTION:DISPLAY
DESCRIPTION:Book Flights to San Fran for Sales Trip Late
TRIGGER:-P0DT0H32M0S
END:VALARM
END:VEVENT
BEGIN:VEVENT
DTSTART:20201206T110000Z
DTEND:20201206T133000Z
DTSTAMP:20201206T092352Z
UID:scheduler94f9
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:Install New Router in Dev Room
CATEGORIES:priorityId/1
RRULE:FREQ=MONTHLY;WKST=MO;INTERVAL=1;BYMONTHDAY=6
END:VEVENT
BEGIN:VEVENT
DTSTART;VALUE=DATE:20201210
DTEND;VALUE=DATE:20201212
DTSTAMP:20201206T092352Z
UID:scheduler6da3
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:Google AdWords Strategy
RRULE:FREQ=WEEKLY;WKST=MO;INTERVAL=5;BYDAY=SU,TU,FR;UNTIL=20210223T220000Z
END:VEVENT
BEGIN:VEVENT
DTSTART:20201213T220000Z
DTEND:20201215T215959Z
DTSTAMP:20201206T092352Z
UID:scheduler6da3
RECURRENCE-ID:20201212T220000Z
CREATED:20201206T092352Z
DESCRIPTION:
SEQUENCE:1
STATUS:CONFIRMED
SUMMARY:Google AdWords Strategy
END:VEVENT
BEGIN:VEVENT
DTSTART:20201207T080000Z
DTEND:20201207T090000Z
DTSTAMP:20201206T092352Z
UID:schedulerb6fa
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:Approve Personal Computer Upgrade Plan
CATEGORIES:priorityId/2
END:VEVENT
BEGIN:VEVENT
DTSTART:20201207T100000Z
DTEND:20201207T113500Z
DTSTAMP:20201206T092352Z
UID:scheduleraa9a
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:Final Budget Review
CATEGORIES:priorityId/2
END:VEVENT
BEGIN:VEVENT
DTSTART:20201206T110000Z
DTEND:20201206T131500Z
DTSTAMP:20201206T092352Z
UID:scheduler6587
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:New Brochures
CATEGORIES:priorityId/2
END:VEVENT
BEGIN:VEVENT
DTSTART:20201207T070000Z
DTEND:20201207T101500Z
DTSTAMP:20201206T092352Z
UID:scheduler6dcd
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:Install New Database
CATEGORIES:priorityId/1
END:VEVENT
BEGIN:VEVENT
DTSTART:20201208T100000Z
DTEND:20201208T120000Z
DTSTAMP:20201206T092352Z
UID:scheduler7ff9
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:Approve New Online Marketing Strategy
CATEGORIES:priorityId/2
END:VEVENT
BEGIN:VEVENT
DTSTART:20201206T070000Z
DTEND:20201206T093000Z
DTSTAMP:20201206T092352Z
UID:scheduler9304
CREATED:20201206T092352Z
DESCRIPTION:
TRANSP:TRANSPARENT
SEQUENCE:0
STATUS:CONFIRMED
SUMMARY:Upgrade Personal Computers
CATEGORIES:priorityId/1
END:VEVENT
END:VCALENDAR

The above file is generated by exporting a Google Calendar.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,

It is already resolved.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi fabriceb,

Thank you for the feedback!

We will resolve this as sooon as possible.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Fabriceb,

The Smart.Editor is completely new component, and it does not share any logic with the jqxEditor. We will look into the reported behavior and resolve it as soon as possible.

Thank you for the feedback!

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi fabriceb

Thank you for the feedback. The reported docs issue in the docs is now resolved.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Tullio,

The dropdownlist’s value is passed with the form when the ‘name’ property of the component is set.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,

Yes, there is. You can use the dataSource property to set the items instead of creating html element for each item.

Example:

` document.getElementById(‘dropDownListMethodsDemo’).dataSource =
[{
label: “Andrew”,
value: 1,
group: “Product Owners”
},
{
label: “Natalia”,
value: 2,
group: “Developers”
},
{
label: “Michael”,
value: 3,
group: “Developers”
},
{
label: “Angel”,
value: 4,
group: “Product Owners”
},
{
label: “Hristo”,
value: 5,
group: “Developers”
},
{
label: “Peter”,
value: 6,
group: “Developers”
},
{
label: “Albert”,
value: 7,
group: “Support”
},
{
label: “George”,
value: 8,
group: “Support”
}];`

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Tullio,

if you have dropdownlists, by default the popup is part of the dropdownlist and if there is not enough available space, the dropdown will not be fully visible. You can optionally display it, if the dropdown is added to the document’s body. The dropdownlist has a property called ‘dropDownAppendTo’. If you set it to body, the dropdown will be added to the document’s body so it will always be on top of other elements.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi tbettinazzi,

If you wish, you can create a function which styles a listbox and you can pass a listbox instance as a function parameter. Unfortunately, inline styles like that are not supported.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi,

One common approach is to initialize elements on demand when they are necessary. I do not know what your application is, but for example, if you have tabs, initialize the elements which are inside the tabs when the tab is clicked. Similar approach can be applied if you use Accordion.

Hope this information helps.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Hugh,

The smart.ui.grid is a web component with shadow dom and it includes all the styles imported in the shadow root.
In the default case, the smart.grid.js is used instead as it includes only the scripts. In that case, the CSS styles file is referred usually from index page, angular.json in angular or import in react. The css file name is smart.default.css. In most of the demos on our website, we use smart.grid.js. In examples with stencil and where we want to demonstrate a web component with a shadow dom enabled, we use the wrapper web component smart.ui.grid.js. The smart.grid.js module is 2MB. The inline CSS used in smart.grid.js cannot be moved to a separate file, because it is related to things like rows & columns resize i.e we need dynamic width, height, left and top settings, the scrolling is also part of this. We have scrolling with fixed columns and many additional features which require small amount of inline css. Unfortunately, I do not think that you can make the bundle smaller. We have another option with the more lightweight smart.table component, but it does not have all the features of the Grid.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Kris,

The focus is much related to the keyboard navigation in order to inform the user where the keyboard navigation starts from. We will consider your comments by adding a property to disable the keyboard navigation so in that case, we would not add focus to elements.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Hugh Anderson,

This is a missing functionality for the ui-grid with shadow dom enabled. We will create a work item about this and resolve it in a future release.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[admin]

Hi Kristopher,

The behavior is actually by design. When you check/uncheck the row’s selection is changed. However, the row is on focus as it is the currently active element after you clicked it and if you press the arrow up/down you can notice that the focus selection starts from it. If you check more than 1 row, you will notice that the style of the selected rows and the focused row are different. If you want to turn off this, you can edit the CSS style for the smart-grid-cell element when the smart-grid-row has the focus attribute.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts