I have created an SpFx web part with a kendo tabstrip and dopped it on a SharePoint page. Our 508 testing failed due to the fact that the tabstrip never shows that it's selected. In all the samples you can see a highlight around the control when you tab to it, but on a SharePoint page, it does not show.

I've tried to hack this using CSS to no avail. Some of the attempts are here:

  :global .k-tabstrip > .k-content:focus {
    outline: 1px !important;
    outline-style: dotted !important;
  }

  .k-tabstrip-items:focus {
    outline: 2px solid crimson !important;
    border-radius: 3px !important;
  }

  :global .k-item.k-active:focus-visible {
    outline: 2px solid crimson !important;
    border-radius: 3px !important;
  }

The Tab parent tag is below:

<TabStrip selected={ this.state.selectedTab } onSelect={ (e: any) => { this.setState({ selectedTab: e.selected }) } }>

Only significant scss is the inclusion of:  @import '~@fluentui/react/dist/sass/References.scss';

Is this expected behavior?

Hi.

I'm using a bar chart and in the ChartValueAxisItem I'd like to add a title that has special characters in it. In HTML, examples would be something like this: 

m<sup>3</sup>
CO<sub>2</sub>

The issue is, that the title has to be a string and if I put the html tags there, it doesn't render them. How could I add something like this to the title parameter so that it renders correctly?

Thanks,

Greetings,

Bernd

hi ,

I am facing issue whenever slot content is too long it overlap with calendar cell below it.

It works well if we give height auto but as we cant scroll with height auto .. i tried to give maxheight to schedular it doesn't create properly aligned UI.

While if we click on any daycell it recalculate position and shows properly.

I have kept no of items per slot 50.

I am using schedularitem for showing custom content in monthview

Attaching screen shot FYI.

Let me know if more information needed.

Greetings,

I am using Kendo UI pivot grid version: @progress/kendo-react-pivotgrid": "^6.1.1

I am using the usePivotLocalDataService() function for local data binding. I am rendering the default row and default column axes dynamically. 
I am toggling the views calling this usePivotLocalDataService() for each different view. Its updating the data field dynamically but not updating columnAxes and rowAxes. I even passed it dynamically through props, but it was displaying the same column and row axes, i.e., maped initially.

Here is the code:

i want to give maxheight to schedular monthview but it seems that it doesn't work with Max height if there is large content .

Hi,

I'm currently using the Telerik Report viewer in React. It works fine when displaying the report, but I encounter an issue when trying to export the report. Upon attempting to export, it redirects me to the following route:

http://localhost:5000/api/reports/clients/32a9a544f84/instances/bf7cdf0ed6c/documents

This route isn't configured in the routing setup, leading to a subsequent redirection to a 404 error page.

Hello there,

I am currently evaluating the Gantt chart control and need some assistance with configuring the edit form. Specifically, I would like to make certain fields non-editable when an item is double-clicked. Could you please guide me on how to achieve this?

Thank you for your assistance.

Hey there,

I'm trying to use the PDFViewer component, but it's always returning a CORS error for me. I know it's not a real CORS error because if I swap out the PDFViewer component with an <embed>, it displays the file correctly. What can I do to resolve this issue?