[Lisbon Template] How to create landing page as the one showed on the Lisbon Theme Preview?

Forge Component
(31)
Published on 6 Feb (3 weeks ago) by OutSystems R&D
31 votes
Published on 6 Feb (3 weeks ago) by OutSystems R&D

Hi!


I would like to create a landing page such as the one at https://silkui.outsystems.com/lisbonpreview/Landing2.aspx but can't understand how.

I can't find the OML of LisbonPreview or any documentation explaining how are those landing pages achieved. Where should I start?


Thanks, Olivier

Hi,

Try downloading the forge component and you can download the OML from service center and open it from local.

Regards.

Hi Prasad!

Thank you for your reply, but to which forge component are you referring to? There's no Lisbon Preview at forge nor on Service Center.

Regards, Olivier

Hi,

I was talking about "Lisbon Template" component and module is Template_Website. Some minor changes are needed like removing the footer background color, adding extra buttons, labels etc

Regards.


When I open a clone of Template_Website on ServiceStudio, I get an empty eSpace:

Where do I set how were the landing pages created?

Hi,

Very sorry I thought you were looking for login page because when I clicked on the link it took me to login page, now I realize you are looking for below page.

check these forge component https://www.outsystems.com/forge/list?q=parallax&t=&o=&tr=False&oss=False&c=&a=&v=&hd=False&tn=&scat=forge.

Regards.

Thank you, but I'm too rookie to create a landing page such as the one on LisbonPreview, even with the Parallax components.

I would need to see the OML that created pages https://silkui.outsystems.com/lisbonpreview/Landing1.aspx, or https://silkui.outsystems.com/lisbonpreview/Landing2.aspx. Or a guide to explain how to use the Silk UI / Lisbon Template components in order to create such page.

Is this available?

Solution

Hi,

Not sure how this will help but I tried to create the landing page1, check the attachment.

Regard.

Solution

That is great, thank you for your effort and help!

I see many Containers with lots of styles defined, within lots of Containers with lots of styles defined. Where can I learn about all those containers & styles and have guidance on how to use it (on which use cases)?

Hi,

You should try the basic course of css

https://www.w3schools.com/Css/

There are other resources like tutorialpoint, htmldog etc for CSS, once you have some understanding of CSS then I suggest going through below course

https://www.outsystems.com/learn/courses/21/master-class-on-css-in-outsystems/

I basically inspected the landing page and saw the structure and tried to apply above course and with some experience of what widget gets translated to which HTML element, I was able to recreate them. 

For use case I would think these are general landing/home/index page with section of information like about, portfolio, tasks etc which provides basic summary of each and you can add a link connecting different parts of website; basically you are looking at knowing User experience (UX), one course which can get you started is below but their are free courses/tutorials which you can try searching in google to learn more about UX.

https://www.udemy.com/course/user-experience-design-fundamentals/

Regards.

Awesome, thank you!