Steave
Rank: #20775
11Views
7Comments
how to make Reactive Web App with RICH UI?
Question
OutSystems UI
New to OutSystems

Hello  Everyone,

Can we use silk UI in Reactive Web App? If YES then please provide me the example link . If NO then please tell me how do i make RICH UI using Reactive Web App.

https://silkui.outsystems.com/

I refereed this link but here i found this is only support to Traditional Web App. 

Then from forge I download below one


But please tell me how to use this one. My intention to make my screen with RICH UI. Doesn't matter silk UI is not supported.

Please provide me the reference link where I can understand how to make RICH UI


Thanks


0
0
on 4th Jan
Copy link to comment
João Marques
Rank: #64

Hi Steave,


For Reactive applications you should use OutSystems UI for Reactive (Silk UI was a previous version from OutSystemsUI), you can download it from the Forge.


You can access and check for yourself the app templates, screen templates, patterns and resources of OutSystems UI Framework here.  


Hope it helps.


Regards,
João

0
0
on 4th Jan
Copy link to comment
Steave
Rank: #20775

Hi

Using "Manage Dependencies" I use this. And then added OutSystemsUI to my module


Is this right? Why I can't see it's theme to my widgets?

0
0
on 4th Jan
Copy link to comment
João Marques
Rank: #64

Replying to Steave's comment on 04 Jan 2021 17:02:32

Hi Steave,


You need to add the widgets you want to use as dependencies:


They then become available to drag to the screen canvas either from the widget sidebar:


Or from the UI tab under OutSystemsUI:



Regards,
João

0
0
on 4th Jan
Copy link to comment
Steave
Rank: #20775

Replying to João Marques' comment on 04 Jan 2021 17:05:22


I added this. But Columns 2 widget which you shown that was also coming before I add Outsystems U. I am confused now. The look is same, how to make rich ui?

0
0
on 4th Jan
Copy link to comment
João Marques
Rank: #64

Replying to Steave's comment on 04 Jan 2021 17:12:37

Columns 2 was just an example of a pattern among many available on OutSystemsUI.

What do you mean by Rich UI?

0
0
on 4th Jan
Copy link to comment
Steave
Rank: #20775

Replying to João Marques' comment on 04 Jan 2021 17:19:36


Before adding this silk ui mine widget list already have these mentioned widgets. How can I take the advantage of SILK UI? Please let me know this

0
0
on 5th Jan
Copy link to comment
João Marques
Rank: #64

Replying to Steave's comment on 05 Jan 2021 03:04:20

Hi Steave,


OutSystems SILK UI was used when OutSystems only supported Traditional Web applications. As Mobile (first) and Reactive (later) applications appear and leverage on a different technology (React) and on client side, OutSystems UI was launched to support these scenarios as OutSystems SILK UI doesn't. OutSystems SILK UI is from then deprecated and replaced by OutSystems UI.


If in Traditional Web applications you can still use OutSystems SILK UI (but you should use OutSystems UI Web now since it has more features, work better and OutSystems SILK UI is deprecated) in Mobile and Reactive applications you can't use OutSystems SILK UI, you should instead use the OutSystems UI layouts, themes, templates and patterns.


Instead of using https://silkui.outsystems.com/ as a reference use instead https://outsystemsui.outsystems.com/OutsystemsUiWebsite/

As OutSystems UI was built from the previous OutSystems SILK UI, the way to use is identical so you should not have any problems using the first if you have experienced the latter.


Kind regards,

João

0
0
on 5th Jan
Copy link to comment