Demos

[admin]

Hi,

Yes, it is possible.

seriesGroups: [
  {
    type: 'column', // bars
    series: [
      { dataField: 'sales', displayText: 'Sales' }
    ]
  },
  {
    type: 'line', // line
    series: [
      { dataField: 'trend', displayText: 'Trend' }
    ]
  }
]

Best regards,
Markov

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

[admin]

Hi,

No, the Grid is a client-side only UI component.

Regards,
Markov

[admin]

Hi,

The reported behavior could not be reproduced. Please, provide steps to reproduce and a link to a codepen example(if possible)

Regards,
Markov

[admin]

Hi,

Please, look at https://www.htmlelements.com/docs/css-variables/

Hope this helps.

Best regards,
Markov

[admin]

Hi,

Please, find an example below which shows the approach with React

// React Router + Smart.Scheduler state persistence example

import { useEffect, useRef } from "react";
import { useNavigate, useLocation } from "react-router-dom";
import "smart-webcomponents-react/source/styles/smart.default.css";
import { Scheduler } from "smart-webcomponents-react/scheduler";

export default function SchedulerPage() {
  const schedulerRef = useRef(null);
  const navigate = useNavigate();
  const location = useLocation();

  // Restore state on load
  useEffect(() => {
    const scheduler = schedulerRef.current;

    const params = new URLSearchParams(location.search);

    if (params.get("view")) {
      scheduler.view = params.get("view");
    }

    if (params.get("date")) {
      scheduler.date = new Date(params.get("date"));
    }
  }, []);

  // Save state before navigation
  const goAway = () => {
    const scheduler = schedulerRef.current;

    const params = new URLSearchParams({
      view: scheduler.view,
      date: scheduler.date.toISOString()
    });

    navigate(<code>/other-page?${params.toString()}</code>);
  };

  return (
    <>
      <Scheduler ref={schedulerRef} />
      <button onClick={goAway}>Navigate</button>
    </>
  );
}

Regards,
Peter

[admin]

Hi,

https://www.htmlelements.com/docs/scheduler/ – please look at this help tutorial. It shows how to get started with our Scheduler component.

Regards,
Markov

[admin]

Hi,

https://www.htmlelements.com/docs/scheduler/ – please look at this help tutorial. It shows how to get started with our Scheduler component.

Regards,
Markov

[admin]

Hi,

Please, refer to https://www.htmlelements.com/docs/chart/ it shows how to data bind it.

Regards,
Markov

[admin]

Hi,

Unless you enable custom resizing, the resizing is disabled by default. The editor’s size depends on its CSS width and height properties.

Regards,
Markov

[admin]

Hi,

https://www.htmlelements.com/demos/editor/auto-save/ – this demo shows how to enable auto save in the Editor.

Regards,
Markov

[admin]

Hi,

You can check this https://www.htmlelements.com/docs/input-css/

Regards,
Markov

[admin]

Hi,

Please, look at https://www.htmlelements.com/demos/gantt/methods/

Regards,
Markov

[admin]

Hi,

The gantt chart is client-side only web component.

Regards,
Markov

[admin]

Hi,

Please, take a look at https://www.htmlelements.com/docs/gantt/. Then, you can check our online demos which show how to use the features of the gantt.

Regards,
Markov

[admin]

Hi,

To customize the Scheduler’s rendering, please look at https://www.htmlelements.com/demos/scheduler/travel-schedule/

Best regards,
Markov

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

[Author]

Posts