Products

[admin]

Hi,

The difference is in the features basically and the purpose for which the component will be used. smart-input is perfect for small amount of data while the dropdownlist can be loaded with thousands of items in the data source. Things like popup resize, checkbox selection, radio button selection and many others are available in dropdownlist and not in smart-input. Basically, it depends on your needs.

Best regards,
Peter Stoev

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

[admin]

Hi Kris,

I suppose that when the initialization function is called, the scheduler is already created. It should be called before the DOM is loaded. Otherwise, it will create unnecessary renderings as every property you set will require re-render in that case. Hope this helps. Otherwise, you may send us a sample which we can test and debug to support@jqwidgets.com.

Best regards,
Peter Stoev

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

[admin]

Hi Aviv,

It is a new one and is still in a test period, but I thought to share it, because it will be helpful for your needs.

Best regards,
Peter Stoev

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

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

[Author]

Posts