Skip to main content

Hi Guys,

 

Our UX people want me to remove the border of a text box that's in readonly mode.

 

I have created a new custom theme by copying lithium in the hive and adding thecorrect data to the database.

 

I can see my theme and certainly make changes to it. however, this particular element will not style unless I make the cahnge gloabally (all states of the control) which is not desirable.

 

SFC SourceCode-Forms-Controls-Web-TextBox readonly is the calss implement in the page source

 

I cannot find anyhthing in the theme directory that deals with readony controls, there are entries for disabled controls but changing these makes no difference.

 

Any help would be gratfully received  thanks.

 

Can I ask the obvious question of why aren't you just changing the control from a textbox to a data field?

Hi MrSafe,

 

You can do this any of below two ways:

 

1)  under properties select style and then under borders tab set width as 0 and select ouside boder for border property. (refer attached screenshot)

2) use below script  to  hide border for all readonly controls (this script will remove border for all hidden textbox )

 

<style>.SFC.SourceCode-Forms-Controls-Web-TextBox.readonly{border:0px;}</style>

 

Insert  this code inside Datalabel Expression property  and keep Literal property as checked.

 

Let me know if this help you.

 


Reply


View our Community Site Map

Nintex Community Sitemap
Terms & ConditionsCookie settings