How to design edit version on a white background?

I’m working on a user profile design for a website. The information (name, email, username, etc) is on a pure white background.

The type of edit feature I want to use involves clicking an edit button and the information is instantly changed to editable fields such as text areas. My problem is that I’m not sure how to style the editable fields. One method I have seen used is a white field on a darker background to give the appearance of the edit field being sunken into the page, but since my background is already white, that doesn’t work. Dark styling makes it look like the fields are jumping off the page.

Are there any design styles I can use to make it plainly obvious that these fields are editable now?

Unable to set a People or Group field as Read-Only inside our edit form

I have a custom list inside sharepoint online site, and inside the list’s Edit form i want to disable a People or Group field named “Project Manager” using jQuery, but i am not sure if this is possible, here is a screen shot of the markup:-

enter image description here

now i already have a jQuery function added to my Edit form inside a script editor web part, and i am able to disable some Input and Select fields using the below code, but not sure how i need to disable the People or Group fields? as seems they do not have any input as shown in the above markup..

$  (function() {        $  ("input[id^='ProjectEstimatedDate_']").attr('disabled', 'disabled');       $  ("select[id^='ProjectPriority_']").attr('disabled', 'disabled');       //code goes here for other input and select fields     }); 

JS to Show/hide Fields on SP task list edit form based on user perms

I am working with SharePoint on prem 2019 and leveraging the ootb tasks list. On the edit form of the same list, I would like show/hide certain fields based on logged on user’s perms.

For example, if the logged on user has contribute access to the list through SP perm group then Task Name, ‘%Complete’, task Status, Description should be hidden on the edit form. Users with Edit and Full control should be able to view all fields on the edit form.

Is this possible to implement using JS, can someone please help me withe the code that I can put into a script editor web part on the edit form.

Thanks in advance.

Disable the option to edit SP document library in Desktop Word Application

I want to change my document libraries in Sp Online to allow staff to view, download and open in Word Desktop App, however I do not want them to be able to edit the document once it opens in the Word Desktop Application — only to Save As another name on their PC. I want to prevent them from altering the form in SP in any way. What do I do? Thx. Caulene

Disable the option to edit SP document library in Desktop Word Application

I want to change my document libraries in Sp Online to allow staff to view, download and open in Word Desktop App, however I do not want them to be able to edit the document once it opens in the Word Desktop Application — only to Save As another name on their PC. I want to prevent them from altering the form in SP in any way. What do I do? Thx. Caulene

Hide Edit Links in Navigation for users with Contribute permission levels

I have users with contribute access level and read access level in my sharepoint 2013 publishing site, users with Read access don’t see Edit Links in top Navigation but users with Contribute access see Edit Links. How can I hide Edit links for users with contribute access?

Manage website is already unchecked for contribute access level users. Is there anything else that i am missing in site permissions?

enter image description here

Thanks,

Link two SharePoint lists and edit at the same time where one list can have multiple items per one item on the source list?

I have two sharepoint lists. The first, LIST1, is a location listing with a unique plant code to each. The second list, LIST2, is a list of contacts with a column that ties back to that plant code. This list can have multiple contacts per plant. There is a separate item for each contact.

I want to be able to link these two lists together and edit them both at once. In the parent list, LIST1, I have a multi tab form and one tab is for the contacts. I want to enter a repeating table in which the user entering the data can add multiple contacts for that site which will add a new item to LIST2 for each contact they add. Then when they go in and edit it will pull all contacts that have the same plant code as the location they are editing.

Anyone have any ideas on how to do this?