Skip to main content
Nintex Community Menu Bar

How to apply css to K2 Item Views

  • July 27, 2017
  • 3 replies
  • 185 views

Forum|alt.badge.img+1

Hello All,

   I am trying to change some look and feel on K2 Forms to give a corporate look and brand identity. I have been playing around with the css for the theme i made copy from another theme and regeisterd that into the DB . I have been using Google chrome developer tool to inspect element of the div and trying to apply the styles directly, but nothing seems to work or change.

 

I was wondering if there is  a documentation or how to apply custom designs to K2 forms and views?

3 replies

Forum|alt.badge.img+12
  • July 27, 2017

Hi  @npokhrel, 


 


Please do have a look at the below document as a reference on how this can be achieved:


 


https://help.k2.com/onlinehelp/k2smartforms/devref/4.6.10/default.htm#deploying%20and%20registering%20custom%20themes.htm


 


Kind regards, 


 


Percy


Forum|alt.badge.img+1
  • Author
  • August 4, 2017

Thank You for your reply, but i was able to publish custom theme, but some of my changes only show up in design time url but doesnt show up in runtime url. I am targeting specific div in the page and overriding color property but i dont see any changes, is there a common guidelines we should follow to update themes for K2?


Forum|alt.badge.img+18
  • August 4, 2017

As the designer runtime and runtime runtime are separate sites,  the resource files are hosted for these sites are hosted in separate locations:


 


[Install Folder]/K2 SmartForms Runtime/Styles/Themes]
[Install Folder]/K2 SmartForms Design/Styles/Themes]


 


As such, the theme will need to be copied to both locations.  Perhaps doing an IISRESET and clearing the browser's cache before reloading the browser is also recommended when changing CSS, etc.