Skip to main content

Hi all,

 

Anyone know how to hide the outline of a View which has been aded a Form.

 

I have several views added to my view. When running the form, i can see all the outline borders of the views and it makes it look messy.

 

Is there a way of hiding the outline of the View or changing its colour to white for instance to blend in with the form background?

 

Thanks

You can create a custom theme or edit any existing theme to suit your requirement. Use browser developer tools on runtime K2 form and find the component which you want to style and alter the behaviour as you want.  Then edit the existing CSS file which is available in C:Program Files (x86)>K2 blackpearl>K2 smartforms> Designer>Styles>Themes and C:Program Files (x86)>K2 blackpearl>K2 smartforms >Runtime>Styles>Themes.

 

You should also keep in mind, it will alter the behaviour of all forms in the environment. Also make sure, there is no side effect due to this change.

 

Please refer: http://www.velocity-it.com/how-to-create-custom-theme-for-k2-smartforms/ 

 

 


Hi Nidhin,

 

I found a thread on creating styles, but like you say, it affects the whole form and also other forms as well.

 

Anyone know if they've included this simple feature in v4.7?


I think it can be done using jQuery, and will have a better experience if using the HTML Literal on the community market:

 

http://community.k2.com/t5/K2-blackpearl/HTML-Literal/ba-p/80400

 


Hi Changeus,

 

The HTML Literal plugin only works on or Blackpearl v4.6.9 unfortunately.

 

Anyone know if the new blakcpearl v4.7 release has anything built to handle this?


I believe if you use a 'Data Label' control, this 'Literal' property toggle is available:


https://help.k2.com/onlinehelp/k2smartforms/userguide/current/default.htm#sf_-_viewcontrols_-_data_label.html


 


I am not too familiar with JQuery/Javascript injection also, but I believe it is recommended to put this withinn an "Expression" that is bound to a control which will execute during runtime.  Not doing so can cause issue during Design Time.


Hi Sharpharp,

 

You can use the name of the View in CSS file so that the style wil apply to those views conditionally.  It will be a tedious task but you can achieve this. 

Hope this helps.


Has an easier way to hide the view borders been figured out yet?  

 

As a Developer we don't have access to the CSS Files so would have to connect with admin to configure everything. 

 

It'd be nice if there was a 'border' option on views from the form level.

 

Just curious.

 

 


Reply