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. 23 July 2019 at 4:44 pm

    Now I am going to do my breakfast, when having my breakfast coming over
    again to read further news.

  2. 23 July 2019 at 8:21 pm

    Spot on with this write-up, I honestly believe that this
    web site needs far more attention. I’ll probably be returning to see more, thanks
    for the information! natalielise pof

  3. 24 July 2019 at 11:54 am

    Major thankies for the blog.Really looking forward to read more.

  4. 24 July 2019 at 11:59 am

    It is appropriate time to make some plans for the future and it’s time to be
    happy. I have read this post and if I could I want to
    suggest you some interesting things or advice. Maybe you could write
    next articles referring to this article. I desire to read even more
    things about it!

  5. 25 July 2019 at 2:28 pm

    Great article.Really looking forward to read more. Really Great.

  6. 25 July 2019 at 5:33 pm

    Hello, i think that i saw you visited my site so i came to “return the favor”.I am attempting to find things to enhance my web
    site!I suppose its ok to use some of your ideas!!

  7. 26 July 2019 at 1:43 pm

    I would like to thank you for the efforts you have put in writing this blog.

    I’m hoping to check out the same high-grade blog posts by you later on as well.
    In truth, your creative writing abilities has encouraged me to get my very own site now ;
    ) plenty of fish natalielise

  8. 28 July 2019 at 4:19 pm

    Great article post.Really thank you! Cool.

  9. 29 July 2019 at 2:47 am

    Fantastic post.Really thank you! Will read on…

  10. 30 July 2019 at 4:27 pm

    I value the article post.Really looking forward to read more.

  11. 31 July 2019 at 10:10 am

    Inspiring story there. What happened after? Thanks!

  12. 1 August 2019 at 3:07 am

    Thank you, I have recently been searching for info
    about this subject for ages and yours is the best I have found out so far.
    However, what about the conclusion? Are you positive about the source?

  13. 1 August 2019 at 8:59 am

    Do you mind if I quote a few of your posts as long as I provide credit and sources back to your weblog?
    My blog is in the exact same area of interest as yours
    and my visitors would really benefit from
    some of the information you provide here. Please
    let me know if this ok with you. Many thanks! plenty of fish natalielise

  14. 1 August 2019 at 5:05 pm

    Hi, this weekend is pleasant for me, since this occasion i
    am reading this wonderful informative article here at
    my home.

  15. 1 August 2019 at 6:15 pm

    Everything is very open with a very clear description of
    the issues. It was really informative. Your site is very useful.

    Thank you for sharing!

  16. 3 August 2019 at 12:54 pm

    Very informative blog article.Much thanks again. Great.

  17. 4 August 2019 at 1:19 pm

    I really like and appreciate your blog post.Really looking forward to read more. Keep writing.

  18. 9 August 2019 at 12:18 am

    Hey, thanks for the post.Really thank you! Will read on…

  19. 11 August 2019 at 4:04 am

    Fantastic blog article.Thanks Again. Will read on…

  20. 14 August 2019 at 12:40 am

    I really liked your blog article.Much thanks again. Want more.

  21. 14 August 2019 at 12:24 pm

    Greetings from Ohio! I’m bored at work so I decided to browse your website on my iphone during lunch break.
    I enjoy the information you present here and can’t
    wait to take a look when I get home. I’m amazed at how quick your blog loaded on my mobile ..
    I’m not even using WIFI, just 3G .. Anyhow, awesome site!

  22. 14 August 2019 at 12:42 pm

    Thank you for the article!! It was very informative and inspiring! The more information we can share, is the wealthier we’ll all be! Wealth is your birthright!! Here’s a great way I found to become financially free via online business : https://bit.ly/2GVrvHp

  23. 14 August 2019 at 11:32 pm

    This excellent website truly has all the information I wanted concerning this subject and didn’t know
    who to ask.

  24. 15 August 2019 at 12:06 pm

    You made some good points there. I looked on the net to find out more about the issue
    and found most people will go along with your views on this website.

  25. 16 August 2019 at 7:44 am

    Major thanks for the post. Fantastic.

  26. 19 August 2019 at 2:11 am

    WOW just what I was searching for. Came here by searching for
    descargar facebook

  27. 19 August 2019 at 7:32 pm

    Wow, that’s what I was seeking for, what a data!
    existing here at this weblog, thanks admin of this site.

  28. 21 August 2019 at 10:10 pm

    Thank you ever so for you blog article.Really thank you! Keep writing.

Leave a Reply

Your email address will not be published.