You must open the component and change it there. As you can see it uses ColumnsSmallRight widget from OutsystemsUI. I added the Left version, you can do it as well and apply the changes in the main widget.

That is what I have done and refreshed up, but it continues to display on the right

Can you send me the component modified? You must have missed something to change...

You're right, it doesn't look so simple and requires some time to explore.

Maybe you can contact the component creator and ask for a left side version, it will be benefitial for both.

Regards

Hello :)

I'm part of the team that created this component.

I just looked into it and have a solution. In the end all you'll need to do is to add the CSS class sidebar-left on the component, like this:

The class definition is as follows:

.sidebar.sidebar-left {
    right: inherit;
    left: 0;
    -webkit-transform: translateX(-102%);
    transform: translateX(-102%);
}
.sidebar.sidebar-left.sidebar-open {
    -webkit-transform: none;
    transform: none;
    -webkit-transition: all 330ms ease-out;
    transition: all 330ms ease-out;
    will-change: transform;
}

You can add it on your theme to use it right away if you want here:

However I also published a new version of the component with this extra CSS already on it. So if you want you can just update the component on your environment and add the new CSS class :)

Let me know if you need more help,
José