[Silk UI Mobile] Phone Style Guide

[Silk UI Mobile] Phone Style Guide

  
Forge Component
(13)
Published on 4 Aug (2 weeks ago) by OutSystems R&D
13 votes
Published on 4 Aug (2 weeks ago) by OutSystems R&D

Hi,
When we do a preview on the silk ui mobile temp we see a styleguide for the silk ui mobile theme. Can you make it available to be our base in order to create a phone style guide? Something like the ACME but for phones.

Thanks, 

Solution

Hi Tiago!

We're adding the Styleguide on Silk Website soon, as well as other design assets to make it easier to develop your own styleguides.

Meanwhile, I'm attaching the OML in this reply, hope it helps :)

Solution

Dinis Carvalho wrote:

Hi Tiago!

We're adding the Styleguide on Silk Website soon, as well as other design assets to make it easier to develop your own styleguides.

Meanwhile, I'm attaching the OML in this reply, hope it helps :)

Nice, thanks, that would be great!

About creating a theme in mobile, the only way i found was to clone the mobile Patterns and then customize the base-theme. But if there is some updates in future for the MobilePatterns i cant have them because i'll be using a cloned version. What you recommend?   


My suggestion would be to start a new application based on a Template and use that as a base for a styleguide.

There are probably some styles that you want to override, but its easier to maintain, since cloning Mobile Patterns will make it not automatically upgrade when installing new versions from Forge.

Dinis Carvalho wrote:

My suggestion would be to start a new application based on a Template and use that as a base for a styleguide.

There are probably some styles that you want to override, but its easier to maintain, since cloning Mobile Patterns will make it not automatically upgrade when installing new versions from Forge.

So, when creating a mobile app (let's call it: Test) i need to simply customize the style sheet 'Test', right?
For now, is not possible to have a module just for the theme to be reused like in web apps? I have to copy paste the stylesheet for other new apps, right?


You can have a Module with your Theme and then reference it on another app, if you're using Modules of the same type (mobile). Just like Mobile Patterns has the Base > Phone themes and then your new app references the Phone.

This means that your Test app should have all the customization and then other apps would use the Test theme as base, instead of Phone/Tablet themes.