plan to make this template work in outsystems ?

Hello, 

I have a project in mind where I like to use this template : https://demos.creative-tim.com/bs3/paper-dashboard/dashboard.html?_ga=2.4874163.1875835375.1592378102-647296785.1591183777

I watch the videos on making a custom layout but certain things are not clear to me. 

If I understand it well I have to make a new module with a blank module in it and copy all the css into it and publish it. 

but how do I make it work that the menu in a left menu ?


Roelof

Hi Roelof,

You need to create custom layout  based on your requirement like below image.

Create a webBlock and and design it to according you want.

Use "placeholder" widget in webblock to make seprate division.


 I give one idea if you have problem to create this

- Create a application in OS with left menu and once it created copy this layout WB and use it in your application and apply your css.


Regards

Rahul Sahu

Rahul Sahu wrote:

Hi Roelof,

You need to create custom layout  based on your requirement like below image.

Create a webBlock and and design it to according you want.

Use "placeholder" widget in webblock to make seprate division.


 I give one idea if you have problem to create this

- Create a application in OS with left menu and once it created copy this layout WB and use it in your application and apply your css.


Regards

Rahul Sahu

hmm, I wonder why the sidebar is dark here and on not complete at the left side


Hi,

as i am seeing your css and find after and before css like below image-

here is a background color is black.


Regards

Rahul Sahu

Hmm


then I have to search where that line is in my css. 

Hi Roelof,

you are creating a Reactive app so there is ready option to use left menu and all type of menu like -top,blank, so you can chosse any one of them.

And you can use your custom css in this application.


Regards

Rahul Sahu

oke, found out I need a class with this as attribute :  

SyntaxEditor Code Snippet

<div class= class1 data-color="white">


How can I make that work in outsystems ? 

Hi Roelof,

You have two ways for that,

1. drag and drop container into screen and use use this property like below image

also You can use class in "Style Classes" property.


2.Drag and drop "HTML" widget into screen and use propert like.


Hope this will help you.

Regards

Rahul Sahu

Thanks, 


Tomorrow I hope to find out why the sidebar is not against the left border but has some whitespace 


welcome Roelof