How can I implement a profile photo uploader to upload an image and display that image on the Employee screen?
Answer
Profile Photo Uploader
Best answer by MichaelShirk
We implemented this on the Ship Via Codes in our instance, but you could do the same thing on the employees screen.
You may need to do this in a code, because I’m not sure the project editor supports this type of field as a Low-Code No-Code customization. Your VAR, or a contract developer like
Or you can attempt it yourself.
Here is the DAC code and the ASPX Code. Note that this is in the database as a “string” type field, but is defined as a “PXImageUploader” type in the aspx.
#region UsrEmployeeImgUrl
[PXDBString(255, IsUnicode = true, InputMask = "")]
[PXUIField(DisplayName = "Employee Image URL")]
public string UsrEmployeeImgUrl { get; set; }
public abstract class usrEmployeeImgUrl : PX.Data.BQL.BqlString.Field<usrEmployeeImgUrl> { }
#endregion
<px:PXImageUploader runat="server" ID="imgUploaderUsrEmployeeImgUrl" DataField="UsrEmployeeImgUrl" AllowUpload="true" ShowComment="true" DataMember="CurrentEmployee" Height="320px" Width="430px" />Below is the resulting UI element.
Hope this helps!
+17Hi
What screen exactly are you trying to do this with? Can you provide more detail please?
Kandy ~ If a member helped you, please *Like* their post, and if a member provided an answer to your question, please mark it as *Best Answer*.
+5We implemented this on the Ship Via Codes in our instance, but you could do the same thing on the employees screen.
You may need to do this in a code, because I’m not sure the project editor supports this type of field as a Low-Code No-Code customization. Your VAR, or a contract developer like
Or you can attempt it yourself.
Here is the DAC code and the ASPX Code. Note that this is in the database as a “string” type field, but is defined as a “PXImageUploader” type in the aspx.
#region UsrEmployeeImgUrl
[PXDBString(255, IsUnicode = true, InputMask = "")]
[PXUIField(DisplayName = "Employee Image URL")]
public string UsrEmployeeImgUrl { get; set; }
public abstract class usrEmployeeImgUrl : PX.Data.BQL.BqlString.Field<usrEmployeeImgUrl> { }
#endregion
<px:PXImageUploader runat="server" ID="imgUploaderUsrEmployeeImgUrl" DataField="UsrEmployeeImgUrl" AllowUpload="true" ShowComment="true" DataMember="CurrentEmployee" Height="320px" Width="430px" />Below is the resulting UI element.
Hope this helps!
Michael Shirk, Pine View Buildings, LLC - If a member helped you, please *Like* their post. If a member provided an answer to your question, please mark it as *Best Answer*.
Hi
What screen exactly are you trying to do this with? Can you provide more detail please?
Employee Screen (EP203000)
We implemented this on the Ship Via Codes in our instance, but you could do the same thing on the employees screen.
You may need to do this in a code, because I’m not sure the project editor supports this type of field as a Low-Code No-Code customization. Your VAR, or a contract developer like
Or you can attempt it yourself.
Here is the DAC code and the ASPX Code. Note that this is in the database as a “string” type field, but is defined as a “PXImageUploader” type in the aspx.
#region UsrEmployeeImgUrl
[PXDBString(255, IsUnicode = true, InputMask = "")]
[PXUIField(DisplayName = "Employee Image URL")]
public string UsrEmployeeImgUrl { get; set; }
public abstract class usrEmployeeImgUrl : PX.Data.BQL.BqlString.Field<usrEmployeeImgUrl> { }
#endregion
<px:PXImageUploader runat="server" ID="imgUploaderUsrEmployeeImgUrl" DataField="UsrEmployeeImgUrl" AllowUpload="true" ShowComment="true" DataMember="CurrentEmployee" Height="320px" Width="430px" />Below is the resulting UI element.
Hope this helps!
Thanks for your help
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.