334
Views
14
Comments
Material Design possible ?

Hello, 

it it possible to make a site wirh outsystems with material design and if so, is there somewhere a example how to do so ? 


Regards,, 


Roelof


2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi Roelof,

Yes that is possible. Search the forge on material design. There are some components that implement in some form. As well as the material icons and samples.

Regards,

Daniel

2019-11-08 06-49-04
Roelof Wobben

 I already has searched and found those two :

https://www.outsystems.com/forge/component-overview/6814/materialize-ui-web

but this one gave me some 29 warnings. 


and:

https://www.outsystems.com/forge/component-overview/1402/material-samples


but there the layout looks very messy and I could not understand how things are working.

2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi,

Apart from how good  and complete these components implemented material design, it does prove that it is possible. And that was your question.

One ex colleague of me has a better implementation of material design theme based on completely customized outsystems ui theme, but I would have to ask if it can be shared.

Personally I would rather create a custom outsystems UI theme than going to the process of implementing material design.

Regards,

Daniel

2019-11-08 06-49-04
Roelof Wobben

oke, 


Thanks, 

then I have to follow the course how to implement a cusom UI theme but if you could ask you collegugue I will also be very gratefull. 


Roelof


2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

I will ask

2019-11-08 06-49-04
Roelof Wobben

thanks, and I will stdy  the video how to make a custum ui theme 

2019-11-08 06-49-04
Roelof Wobben

Maybe  I can do this for myself as soon as I figured out how to add these two to a template or a page 


<!-- Compiled and minified CSS -->
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/css/materialize.min.css">

    <!-- Compiled and minified JavaScript -->
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/1.0.0/js/materialize.min.js"></script>


I did a lot of  googeling but could not find a clear picture how to achieve this 

2019-11-08 06-49-04
Roelof Wobben

oke, 


Done some trying but I do not see how I can import the cdn of the javascript. 

So far I have done this :


so if someone has a hint how and where I can enter the javascript im happy to try


im trying to make a custom theme that I can use on a project

2019-11-08 06-49-04
Roelof Wobben

@Daniel.  Did you ask you co-worker if i may used his material design thing or can you help me figure out where to put that jvascript thing somewhere so I can use it in the whole application.

2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi Roloef, yes I asked by mail. Have to wait for a reply, he is an excollegue.

2019-11-08 06-49-04
Roelof Wobben

oke, then I have to have patience.  Again thanks 

2019-11-08 06-49-04
Roelof Wobben

@Daniel


Still not heared from your  excollegue. Then I have I think back luck and have to make my project just with silk ui. 

2024-07-05 14-16-55
Daniël Kuhlmann
 
MVP

Hi Roelof, 

No he didn't reply yet, sorry.

Regards,

Daniel

2019-11-08 06-49-04
Roelof Wobben

NP., I could use this component.  https://www.outsystems.com/forge/component-overview/6814/materialize-ui-web

but I see the 29 warnings about unsafe javascrript. 


Roelof

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.