Custom webpart to set and get Property per user (PersonalizationScope.User)

Question

I am trying to create a custom webpart in point to set and get a property per user on page. To change the background and save it per user.

I'm using code like this:

 public static string SampleColor=blue;
    [Category("Extended Settings"),
    Personalizable(PersonalizationScope.Shared),
    WebBrowsable(true),
    WebDisplayName("Sample Color"),
    WebDescription("Please Enter a Sample Color")]
    public string _SampleText
    {
        get { return SampleText; }
        set
        { SampleColor = value;
        }

This is the property I need.. I will have 3 color buttons.

How can I use it on the page? How can I change it and have it be saved on the site?

Answer 1

Create the property as a dropdown box and the Personalization scope should be PersonalizationScope.User. Sample code might look like below.

public enum UserColor
            {
                Blue = Blue,
                Green = Green,
                Yellow = Yellow
            }
            private ItemCount uColor= UserColor.Blue;
            [Personalizable(PersonalizationScope.User),
            WebBrowsable(true),
            WebDisplayName("Sample Color"),
            WebDescription("Please Enter a Sample Color.")]
            public UserColor ViewColor
            {
                get { return uColor; }
                set { uColor= value; }
            }

Answer 2

Develop the code as described by @Deepu. When you add the web part to a WebPart Page (NOT a wiki page) the users have the option of going to the hidden personal menu and select Personalize this Page and then edit the web part. The only properties they can edit in this mode are the User scoped ones and they only modify them in their personalized view