Dear Support team,

 

I am writing this email in order to get a clear feedback concerning an issue that happened with us earlier this week.

 

We have created an application using Top Menu template, which has by default dependencies from OutSystemsUIWeb.

Then I needed another component that exists in WebPatterns.

 

Apparently, the two modules contains under UI flows a section named “Content”.

So when we got two components from the two different modules, at runtime the load of some scripts failed (in our case SilkUI.js,SilkUiCommon.js).

When inspecting the page at runtime and error pops into the console (“SilkUI is not defined”).

 

We have figured a temporary solution, using another working application we have copied the JavaScript mentioned above and paste them into the JavaScript property at level module.

 

Is it related to using dependencies from different modules or what ?

 

Is that a viable solution ,what is the alternative clean way to solve this issue?

 

 

Please find attached the error.

elie elias wrote:

Dear Support team,

 

I am writing this email in order to get a clear feedback concerning an issue that happened with us earlier this week.

 

We have created an application using Top Menu template, which has by default dependencies from OutSystemsUIWeb.

Then I needed another component that exists in WebPatterns.

 

Apparently, the two modules contains under UI flows a section named “Content”.

So when we got two components from the two different modules, at runtime the load of some scripts failed (in our case SilkUI.js,SilkUiCommon.js).

When inspecting the page at runtime and error pops into the console (“SilkUI is not defined”).

 

We have figured a temporary solution, using another working application we have copied the JavaScript mentioned above and paste them into the JavaScript property at level module.

 

Is it related to using dependencies from different modules or what ?

 

Is that a viable solution ,what is the alternative clean way to solve this issue?

 

 

Please find attached the error.

Hi elie elias,

Please find the attached modified OML file.

The problem was that you were using a custom layout without some of Silk UI requirements.

You can create your own layout, but you need to have the WidgetsForLayout pattern on the layout, and also you need to have a container enclosing everything with a specific set of classes:


Hope this will help :)

Thanks,

Amit



Hi Elie,

I think it's a bad idea to mix Silk UI and Outsystems UI in the same app. Which component from Silk UI were you not able to find in Outsystems UI?

Amit Verma 


Thank you it worked !


But i have one more question just to be clear.

What is the purpose of the below condition set at level layout.


SyntaxEditor Code Snippet

"InWebBlockPreview"="True"

elie elias wrote:

Dear Support team,

 

I am writing this email in order to get a clear feedback concerning an issue that happened with us earlier this week.

 

We have created an application using Top Menu template, which has by default dependencies from OutSystemsUIWeb.

Then I needed another component that exists in WebPatterns.

 

Apparently, the two modules contains under UI flows a section named “Content”.

So when we got two components from the two different modules, at runtime the load of some scripts failed (in our case SilkUI.js,SilkUiCommon.js).

When inspecting the page at runtime and error pops into the console (“SilkUI is not defined”).

 

We have figured a temporary solution, using another working application we have copied the JavaScript mentioned above and paste them into the JavaScript property at level module.

 

Is it related to using dependencies from different modules or what ?

 

Is that a viable solution ,what is the alternative clean way to solve this issue?

 

 

Please find attached the error.

Hi elie elias,

Please find the attached modified OML file.

The problem was that you were using a custom layout without some of Silk UI requirements.

You can create your own layout, but you need to have the WidgetsForLayout pattern on the layout, and also you need to have a container enclosing everything with a specific set of classes:


Hope this will help :)

Thanks,

Amit





Aurelio Junior wrote:

Hi Elie,

I think it's a bad idea to mix Silk UI and Outsystems UI in the same app. Which component from Silk UI were you not able to find in Outsystems UI?

I have created my application from a top menu layout first, which has dependencies on OutsystemsUI, then i needed the section expandable that i did not find under Outsystems UI so i got it from WebPatterns.

And apparently, it needs the Silk UI.


You can use the Accordion pattern from Outsystems UI. You can achieve the same behavior of Silk UI's Section Expandable by settings the Accordion's "MultipleItems" property to true. As the name implies, this allows multiple items of the Accordion to be expanded at the same time.

elie elias wrote: Not any specific reason for this condition but It is recommended by Outsystems Standard Theme.

e.g : LiverPoolTheme, DublinTheme and LisbonTheme

 Below screen shot for reference

Amit Verma 


Thank you it worked !


But i have one more question just to be clear.

What is the purpose of the below condition set at level layout.


SyntaxEditor Code Snippet

"InWebBlockPreview"="True"

elie elias wrote:

Dear Support team,

 

I am writing this email in order to get a clear feedback concerning an issue that happened with us earlier this week.

 

We have created an application using Top Menu template, which has by default dependencies from OutSystemsUIWeb.

Then I needed another component that exists in WebPatterns.

 

Apparently, the two modules contains under UI flows a section named “Content”.

So when we got two components from the two different modules, at runtime the load of some scripts failed (in our case SilkUI.js,SilkUiCommon.js).

When inspecting the page at runtime and error pops into the console (“SilkUI is not defined”).

 

We have figured a temporary solution, using another working application we have copied the JavaScript mentioned above and paste them into the JavaScript property at level module.

 

Is it related to using dependencies from different modules or what ?

 

Is that a viable solution ,what is the alternative clean way to solve this issue?

 

 

Please find attached the error.

Hi elie elias,

Please find the attached modified OML file.

The problem was that you were using a custom layout without some of Silk UI requirements.

You can create your own layout, but you need to have the WidgetsForLayout pattern on the layout, and also you need to have a container enclosing everything with a specific set of classes:


Hope this will help :)

Thanks,

Amit