Bordering of fields in catalog.

feroz4051
Mega Expert

Hi, Is it possible to border variable field of catalog Item as shown below.

 

Untitled1.png

By default :

Untitled2.png

6 REPLIES 6

rgm276
Mega Guru

you'll need to know the element ID for what you want to alter, and write a client script for that from


(you can get that using the right click inspect element function in chrome or the F12 dev tools in Internet Explorer


for example, here is a client script on the problem form, that will put a border around the label number



function onLoad() {


    document.getElementById( 'label.problem.number').style.border = "2 solid red";


}



would result in this look on the form


prbCapture.JPG


Hi robert, Thanks for reply. I am using below script but it's not working..


function onLoad() {


    document.getElementById( 'catalog_category_request').style.border = "2 solid red";


}


that ID looks 'generic' to me and\or more like a class name, if its a class name, you'd have to change the class style, not the element ID, but by doing that , that is a more global change and will likely change other fields on the form to have borders as well.   and there are also instances where a TR , TD or other field may not have an ID, and therefore this will not work, and finally CSS can be tricky and have another DIV tag or another TABLE than can overlay the element you are putting the border around.   I You might try fields that are more 'obvious' first, just to make sure the code is working, then concentrate on the specific field you want to change.


and the reason I said 'generic' is the fact that on most of our catalog items I see ID's that contain sysid values like this


idCapture.JPG


Hi, thanks for your quick response, I tried even your script, It's not working.