1. add background color for checkbox field

I want to add the background color for the checkbox field. I have 3 checkboxes under section "Customer instruction" and want all of them have the yellow background as the text above. Please see below for what I mean.

Please help and show me how to format the background of the checkbox. It would be nice if someone knows how to format the background color for the entire section.

8. RE: add background color for checkbox field

Thanks! I got step 1 but not sure about step 2 which I don't know where should I create a new code page. FYI, i want to customize the background checkbox text that in the page that was already created so I am not sure if I have to create a new code page. PLease let me know. Thanks so much!

10. RE: add background color for checkbox field

I want to customize the code that in the page that was already created. That being said I don't want to create a new code page and customize the existing code. For the code that you provided initially, Do I just have to paste it into the code page? Or do something else?

12. RE: add background color for checkbox field

I want to customize the code that in the page that was already created in html. Please see below. I don't want to create a new page code.">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1754116/RackMultipart20180928-67038-1rysoar-Capture14_inline.PNG?1538145539">

14. RE: add background color for checkbox field

No. I did not write the HTML initially. That's why I am having a hard time to figure out which is which. I want to customize the background of the field below but it does not have a code page like the other one for me to add the code in. ">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1754121/RackMultipart20180928-121704-1n5dfov-Capture15_inline.PNG?1538146989">When I right click to this field, I either have to choose "Edit the properties of this form element" or "Edit the properties of this field". However, neither of them has the place like the code page where you can customize the code. Please give me advice how to add the background color to the checkbox field.

Thank you so much for your following up and support! I'm really appreciated.

15. RE: add background color for checkbox field

To make sure you have a better understanding what I mean, I want to let you know a few things below.Basically, the "Tickets" is one of tables in the apps.

The table has several forms and this ticket details form is one of them.

I want to customize the background color for the checkbox field in that form. ">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1754127/RackMultipart20180928-39910-ciue8s-Capture19_inline.PNG?1538148107">

which is a field that I added here initially.">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1754128/RackMultipart20180928-43009-1uogulv-Capture13_inline.PNG?1538148147">

Please advice on how to customize the background color for these checkbox fields. Or if you know how to change the background color for the whole section heading called "Customer instructions", that'd be perfect.

23. RE: add background color for checkbox field

Cool, you are almost done! While viewing the form, open your dev console (F12), go to the Inspector tab and use the selector on the checkbox fields, it will show you the ID of the HTML tags we want to modify

Go back to your code page, and use the code with the IDs for your form

$("#tdf_2").css("backgroundColor", "yellow");

*adjust tdf_# to match your form

24. RE: add background color for checkbox field

You're genius!! I got it!">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1754147/RackMultipart20180928-79122-7ajk40-Capture22_inline.PNG?1538152098">It is what I want initially. However, do you know how I make the whole section "Customer Instructions" background colored?

Thanks so much for your support! You're really amazing!!

25. RE: add background color for checkbox field

Can you help me fix this? I was in development console and somehow messed it up. The background was filled with yellow without the white spacing between before. Please help me with this problem. THANKS!

36. RE: add background color for checkbox field

If I backslash that part, then there is no background color. I want the background color for the whole section.It worked before. Besides what I did in the dev console, I tried to change the section heading to the tab. When I change it back, the background color messed up. I am not sure it messed up because of what I did in the console or because I changed the tab and switch it back.

It was working perfectly before I tried this. I think what I did in the console caused this problem.

41. RE: add background color for checkbox field

I have to type of tickets: service center ticket and customer ticket. The customer ticket does not have checkbox fields that i want the background to be changed. That's why the background color changed on different fields on the customer ticket. Can you please show me how I can fix this problem?

45. RE: add background color for checkbox field

I want the background color to be added only when we select the service center type which I have a html code below. Can you please write me to code with if/else statement to execute the background code only when we select the service center type. If you have another way beside using if/else, that's fine and perfect. Please help. THANKS SO MUCH!

48. RE: add background color for checkbox field

49. RE: add background color for checkbox field

I have another question relate to the stuffs that we did above. Everything works perfectly fine as what I want. The problem is the background color does not work correctly when I edit the form. You can see below for what I mean. Please advice me on how to fix this.Thanks so much!!

The form is in view mode">https://d2r1vs3d9006ap.cloudfront.net/s3_images/1754198/RackMultipart20180928-63572-148dbsh-Capture24_inline.PNG?1538171651">

53. RE: add background color for checkbox field

This one works for the Add/View/Edit pages (not sure why the original code isn't working with all pages I'll have to test it some more)

(function(){var querystring=document.location.search; if (/a=er/i.test(querystring)) { //EDIT RECORD PAGE ======================================== alert("You are on the Edit Record Page"); } else if(/a=dr/i.test(querystring)) { //DISPLAY RECORD PAGE alert("You are on the Display Record Page"); } else if (/a=nwr/i.test(querystring)) { //ADD RECORD PAGE ======================================== alert("You are on the Add Record Page"); }

57. RE: add background color for checkbox field

imho it's just not worth spending so much time on formatting issues like that. My attitude as a developer is to do the 95% that can be done quickly and never mind that last 5%, because I always have a backlog of project work to be done, so I just move onto the next thing on my to do list.