April 19, 2016

K2 smartforms look and feel

by Igor Jericevich in Enablement, Forms

I often get asked if it is possible to change the look and feel of a K2 smartform.

It is, of course, possible to do this and so much more – You can not only change the look and feel with standard and custom themes (CSS) but also dynamically apply different themes to different forms at runtime. I created a short 3min video showing this here: short 3 min video on themes.

K2 has the ability to apply themes to the forms one builds:

These themes in the back-end are nothing more than standard CSS files that are registered against the K2 environment and since K2 smartforms are rendered onto the browser using HTML5 they can take advantage of the CSS for their styling.

This means that you can create your own CSS files so with your corporate branding and then register them against K2 yourself thereby creating your own theme that can then be applied.

Here is a link to the K2 help article on how to do this.. but don’t do it yet there is more.

To make this experience faster and a lot more enjoyable one of my colleagues (Deon Smit) created an excellent little tool called the “K2 smartform Theme Builder”  that can be found here.

It effectively lets you select any existing theme and then using a colour channel mixer change the colours of the range or an individual colour.

You can even point the tool to your SharePoint environment where it will then display all the SharePoint themes should you want to turn those into a K2 smartform theme. Then all it takes is a click of the ‘Create Theme’ button and it does all the work for you (which you can still go and fine tune with your CSS skills).

Also on the K2 community site you can find one of my favourite custom themes “BBS-Theme”. Built by Harald Brede from the UK office this theme takes us back to the old days of the BBS (bulletin board system) days before the internet for a completely different experience. This is a great example of how one can customise the CSS (note the tab position in the example below).

Below example is of the same form where we have just applied a different theme.

First Example – Lithium – Out Of Box Responsive Theme

Second Example – BSS – Custom Theme

Same exact form just applying the different themes.

One Comment

  1. Pingback: printing service glasgow

  2. Pingback: Shoplifting Class Marietta

  3. Pingback: exist harder

  4. Pingback: Best Aquarium Company Jacksonville FL

  5. Pingback: tor onion directory.

  6. 29 May 2019 at 10:20 am

    Hello, its nice piece of writing on the topic of media print, we all
    know media is a fantastic source of data.

  7. 29 May 2019 at 6:51 pm

    I always spent my half an hour to read this webpage’s content all
    the time along with a cup of coffee.

  8. 29 May 2019 at 7:27 pm

    Great post. I was checking constantly this blog and I’m inspired!

    Extremely useful information particularly the last
    phase 🙂 I take care of such information a lot.
    I was looking for this particular information for a long time.

    Thank you and good luck.

  9. 30 May 2019 at 9:04 pm

    Hi, Neat post. There’s an issue together with your site in web explorer, may check this?
    IE still is the market chief and a large part of
    folks will miss your great writing due to this
    problem.

  10. 30 May 2019 at 10:41 pm

    This is a very good tip particularly to those fresh to the blogosphere.
    Short but very precise information… Many thanks for sharing this one.

    A must read article!

  11. 1 June 2019 at 7:16 am

    Thanks for one’s marvelous posting! I quite enjoyed reading it,
    you are a great author. I will make sure to bookmark your blog and may come back very soon. I want to encourage yourself to
    continue your great work, have a nice afternoon!

  12. 1 June 2019 at 7:34 am

    Generic Celias viagra Propecia Low Testosterone Drug Comprar Viagra Generica En Espana

  13. 3 June 2019 at 3:50 pm

    hello there and thank you for your information – I’ve definitely picked up something new from right here. I did however expertise several technical issues using this site, since I experienced to reload the site a lot of times previous to I could get it to load correctly. I had been wondering if your hosting is OK? Not that I’m complaining, but slow loading instances times will very frequently affect your placement in google and could damage your high-quality score if ads and marketing with Adwords. Anyway I am adding this RSS to my email and can look out for a lot more of your respective exciting content. Ensure that you update this again soon.

  14. 4 June 2019 at 7:12 pm

    I visited multiple sites however the audio feature for audio songs current at
    this website is really excellent.

  15. 6 June 2019 at 9:16 pm

    hello!,I love your writing so much! share we keep up a correspondence more approximately your post on AOL?
    I need an expert on this area to unravel my problem.

    May be that’s you! Having a look ahead to see you.

  16. 7 June 2019 at 7:08 am

    Great site. A lot of helpful information here. I am sending it to several buddies ans
    additionally sharing in delicious. And certainly,
    thank you in your effort!

  17. Pingback: agencia de viajes en managua

  18. 8 June 2019 at 8:49 pm

    Right away I am going away to do my breakfast, afterward having my
    breakfast coming yet again to read other
    news.

  19. 10 June 2019 at 6:49 pm

    Amoxicillin S Side Effects Cheap Viagra Online viagra pas cher paris Propecia Efectivo Principio Activo Generique Propecia 1mg Kamagra Achat 100mg

  20. 11 June 2019 at 1:01 am

    Hi there to every one, the contents present at this web site are in fact amazing for people experience,
    well, keep up the nice work fellows.

  21. 11 June 2019 at 8:16 am

    Viagra No Prescription Amoxicillin Dosage Amounts Achat Kamagra Strasbourg buy cialis Antibiotics On Line Priority Delivery Beta Lactam Amoxicillin

  22. 13 June 2019 at 5:20 am

    Hi, I think your website might be having browser compatibility issues.

    When I look at your website in Ie, it looks fine but
    when opening in Internet Explorer, it has some overlapping.
    I just wanted to give you a quick heads up! Other then that, excellent blog!

  23. 14 June 2019 at 3:38 am

    Viagra A L’Unite vytorin Cipro Discount Card

  24. 15 June 2019 at 12:31 am

    Hi! I know this is kind of off topic but I was wondering which blog platform are you using for
    this website? I’m getting tired of WordPress because I’ve had
    issues with hackers and I’m looking at options for another
    platform. I would be fantastic if you could point me in the direction of a good platform.

  25. 15 June 2019 at 6:57 am

    Hello are using WordPress for your blog platform? I’m new to the
    blog world but I’m trying to get started and
    create my own. Do you require any html coding knowledge to make your own blog?
    Any help would be really appreciated!

Leave a Reply

Your email address will not be published.