How do I put only and exclusively the value 0 in ase y in bold and different color?

Hi

I have the following data (just an selection):​

0: Object { myDate: Date Fri Jul 28 2023 17:43:24 GMT+0930 (Australian Central Standard Time), myTime: "17:43", myText: "NOT_OCCUPIED" }
​1: Object { myDate: Date Fri Jul 28 2023 17:32:10 GMT+0930 (Australian Central Standard Time), myTime: "17:32", myText: "OCCUPIED" }
​2: Object { myDate: Date Thu Jul 27 2023 19:50:37 GMT+0930 (Australian Central Standard Time), myTime: "19:50", myText: "NOT_OCCUPIED" }
​3: Object { myDate: Date Thu Jul 27 2023 19:33:46 GMT+0930 (Australian Central Standard Time), myTime: "19:33", myText: "OCCUPIED" }
​4: Object { myDate: Date Thu Jul 27 2023 17:41:13 GMT+0930 (Australian Central Standard Time), myTime: "17:41", myText: "NOT_OCCUPIED" }
​5: Object { myDate: Date Thu Jul 27 2023 16:50:35 GMT+0930 (Australian Central Standard Time), myTime: "16:50", myText: "OCCUPIED" }
​6: Object { myDate: Date Thu Jul 27 2023 15:47:44 GMT+0930 (Australian Central Standard Time), myTime: "15:47", myText: "NOT_OCCUPIED" }

which basically just lists when somebody is at their desk (occupied/not_occupied). This is nothing sinister - just a desk sharing situation :) - we would like visualised when the desks are being used. I would now like to have a chart that on the y axis (vertically) has two entries, occupied and not occupied. The x-axis (horizontally) has the date in 4 hour increments. the visualisation then runs from left to right and when it is occupied (eg. above 17:32 - 17:43) I would like there to be a bar shown i.e. filled, when not occupied then nothing shown. The opposite then for not occupied. Something like a stacked bar chart but only with 'gaps' if that makes sense. 

Something like this just not so ugly :) 

Anybody have any ideas which chart I could use for this? 

Thank you

Ursus

All thes days the ui of it is fine as we can see in document but now the grid ui is not proper .Is there any modification/update?Tried multiple ways but still i could't resolve.Pfa any suggestion would be great.

Hey

We use grouping in our kendo angular grid. When we sort on a string like 100005-02, 100005-03, ... It sorts it like: 100005-08, 100005-09, 100005-10, 100005-100, 100005-101, ... 100005-109, 100005-11, 100005-110.

How do we fix this? Seems like it doesn't handle these sorts of cases.

Our group is like this: group: GroupDescriptor[] = [{ field: 'field', dir: 'asc' }]; And it still sorts like above.

Is there a straightforward way to render tooltip only if content was overflown? 

.some-element {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}

I have an app that is launching a window via the WindowService open method and I want to set the "themeColor" for the window.  There is no themeColor property available in the WindowsSettings.  I did try setting it via htmlAttributes, but that didn't have any effect. 

Am I just missing something?

    const windowRef = this.windowService.open({
      title: appointment.event?.name, 
      content: AppointmentModalViewComponent,
      width: 500,
      minWidth: 450,
      htmlAttributes: {
        "themeColor": "primary"
      }
    });

HI All,

I am getting a error in kendo Multiselect. when I select any one of them  in list after that currency icon is converting to hex value as you see in below picture. can you tell me how it's resolved.

Hi,

In the previous release we did not have a circle over the delete button in the kendo multi select dropdown. Here is the image.

Previous release of kendo-multiselect.

In the current release, there is a circle around the X.  We have a requirement that no dark circle should be shown around the 'X'.

I tried looking at the document and even extended the service and that doesn't work. Any suggestions?

Here is my class extending the IconSettingsService . But it never hits this service.

In the latest release I see that kendo is using svg.

Hello kendo team.

Q: Is there a way in current or future versions to configure the visibility for hit (preview) element while dragging an item?

It seems that sortable has an hint: ElementRef; but no starlight forward way to configure its visibility.

Currently the following approach was used, but maybe there is a better way. 

<kendo-sortable [activeItemClass]="'sortable-active-item'">
</kendo-sortable>

.sortable-active-item {
  display: none;
}

.sortable-active-item[kendodraggable] {
  display: block;
}

ps. The project is tied to the old version of kendo ( "@progress/kendo-angular-sortable": "^3.0.3") and cannot update the package now

Br