Header problem migrating from v6.0.5 to v7.1.0

Scheduler
#1

Hello,

I have a problem with the order of the items in the header.

the same code generate this in each version.

v6.0.5

image
image1797×48 5.66 KB

v7.1.0

image
image1820×49 3.23 KB

code

this.scheduler.config.header = [
    {
        html: "Nouvel évènement",
        click: () => {
            this.scheduler.showLightbox("new");
        },
    },
    'date',
    {
        html: "+", click: () => { this.zoomIn(); },
    },
    {
        html: "-", click: () => { this.zoomOut(); },
    },
    'prev',
    'today',
    'next',
    {
        html: "<i class='fa-regular fa-file-pdf ribbonicon'></i>&nbsp;PDF",
        click: () => {
            this.scheduler.exportToPDF({
                name: "myscheduler.pdf",
                format: "A1",
                orientation: "landscape"
            });
        },
    },
    {
        html: "<i class='fa-solid fa-up-right-and-down-left-from-center fa-xl'></i>&nbsp;BASCULER AFFICHAGE",
        click: () => { this.changeFullScreen() },
    },
];

How can I order my header elements ?

Thanks

#2

Hello @David-TS,

I tried to reproduce the described issue with header, but it worked correctly, here is a demo:
https://snippet.dhtmlx.com/ga1bg2xi

As I can see, it looks pretty the same that you had in v6.x.

It’s hard to suppose what exactly causes the issue without more details, could you please reproduce it in the demo above(open the demo => reproduce the issue => click the “Save” button => send me the new link)?

Kind regards,

#3

Thank you for your time.

Here is a repro :
https://snippet.dhtmlx.com/ce1206eq

I only added
this.scheduler.skin = ‘material’;

#4

using the default skin until a fix is released

#5

Hello @David-TS ,

Thank you for the details, it’s really an issue with “flat” and “material” skins on our end, and the dev team already works on a fix. Thank you for notifying us.

Kind regards,