Thank you for using our services.
I have prepared for you some control templates that you should add to your project in order to achieve the desired functionality. First of download the archive I have attached. I will now guide you step by step how to achieve what you want:
1) In the MyCustomControls/ControlTemplates/
directory of the archive I have attached you will find the necessary control templates, plus some resource files for localization. Copy/paste them to a directory in your project (together with their code files). I will use the MyCustomControls/ControlTemplates
as an example throughout the next few steps.
2) Upon the template of your custom profile control. Go to the cc2:ButtonSelector tag and modify it as follows
(to point to the directory, where your control templates are):
| runat="server" cssclass="changePhotoSelector"
| ButtonText="<%$Resources:ChangePhoto%>" />
3) Open the ImageEditorDialog.aspx
dialog and modify the following tag as followis (to point to the directory, where your control templates are):
|<lib:ImageEditorDialog runat="server" DisplayMode="Images"
4) Copy the RadWindow.skin
file to the theme that your website is using. If for example you are using the White fluid
theme copy the skin file to ~/App_Themes/White fluid/
. This file tells the RadWindow that holds the dialog what skin to use, i.e. it defines its look and feel. It is now set to use the default skin, but you can change it as you wish. If you are going to use custom skin make sure to set EnableEmbeddedSkins="false"
property. For more information on the embedded skins of the RadWindow take a look here
I have alos attached captures to demonstrate the behavior of the control when logged in as administrator, or as user. Please, note that you will need to set up permissions for regular users to upload to a specific library, that will hold profile images. If you do not do this images will be uploadded to ~/Images
folder in your project, please make sure that this folder exists.
This should do the trick. If you have any questions regarding Sitefinity, please feel free to contact us.
the Telerik team