Disable fields in the account setting form

API & Customization
1

Account Settings (name, email, password) can be accessed by users clicking the Account Setting link. This brings up a Knack-default form. The Account Settings form allows users to make changes to their name and email address.

If you do not want them to make changes, you can use the code below.

The Account Settings view is a Knack-default view. No view can be defined for this in the Interface hence the use of the ".any" view selector.

#first, #last are the field names for first name and last name. You can't use the field_xx names in the User Object.

field_253 is the field name for the email address as per the User Object.

// do not allow users to change their name or email address. 
// // #first is the fieldname for the first name, #last is the fieldname for the last name.
// field_253 is the fieldname for the email address. 
$(document).on("knack-view-render.any", function(event, view) {
	$("#first").attr("disabled", "disabled");  
  	$("#last").attr("disabled", "disabled");  
  	$("#field_253").attr("disabled", "disabled"); 
})

Cheers

2

Hi again Andrzej

OK using your code below works perfectly. Just what I needed. Thanks so much. John

.account-settings {
  display: none;
}

.kn-view.kn-login h2:first-child {

display: none;

}
3

Hi Andrzej

Being somewhat of a novice, Using this CSS code:

#kn-scene_96 div.account-settings {
    display: none;
}

I need to find my Scene # can you tell me how to "update my environment" as noted above?

Thanks

John

4

Thanks Andrzej

This is great. Really appreciate the help :)

5

This is what works for me:

.account-settings {
  display: none;
}

.kn-view.kn-login h2:first-child {

display: none;

}

put it in CSS in Knack.

final effect is like this:

Zrzut%20ekranu%202016-10-07%20o%2015.56.43.png
Zrzut%20ekranu%202016-10-07%20o%2015.56.43.png882×872


6

Hi Sam

Can you tell me how to add something to your code that puts a space in between the headers, and maybe even adjust the style of each so that it looks a little prettier?

The 2 headers together like this looks like something is missing!

7

Good stuff. I've used both suggestions in my apps, thanks !

8

After some trial and error I found that you can hide this section including the submit button. This method will still allow password change.

NOTE: your kn-scene_# may be different, if so update for your environment.

CSS code below: 

#kn-scene_96 div.account-settings {
    display: none;
}

Before

before.PNG?1437426236338×682

After



9

This is much better , thanks!

10

I think what you proposed will disable the name fields on any form, which may not be the desired outcome. Also not sure where you got the field number for email - mine is different. But the following code will specify the name fields based on a class of account settings - this only affects those forms:

$(document).on('knack-view-render.any', function(event, view) {

$(".account-settings #first").attr("disabled", true);

$(".account-settings #last").attr("disabled", true);

});