Skip to main content

Crm 2011 Display Image for a contact JavaScript


Crm 2011 Display Image for a contact JavaScript


This is an easy way to display an image attached to a contact on contact form
I am using the XrmServiceToolkit.js from CodePlex.
Create Image.html  which will be used as a html web resource, we will be adding this web resource on the contact form 
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="../ClientGlobalContext.js.aspx" script type="text/javascript" ></script>
    <script src="../js/jquery.js"></script>
    <script src="../js/json2.js"></script>
    <script src="../js/XrmPage-vsdoc.js"></script>
    <script src="../js/XrmServiceToolkit.js"></script>
    <script src="../js/ContactImage.js"></script>
</head>
<body onload="DisplayImage();">
    <img id="imgContact" width="200" height="200"  />
</body>
</html>

Create ContactImage.js File which will retrieve the image attached to the contact and render it in the image control


function DisplayImage() {
    GetImage(parent.Xrm.Page.data.entity.getId());
}
function GetImage(contactId) {
    XrmServiceToolkit.Rest.RetrieveMultiple(
    'AnnotationSet', // entity name + 'Set'
    'select=DocumentBody&filter=endwith(FileName,".png") or endwith(FileName,".jpg") or endwith(FileName,".jpeg") and ObjectId/Id eq guid ' + contactId, // Some raw oData goodness, assuming field is a string. Hopefully, there will be an API for filters in further versions.
    function (record) {
        if (record != null && record[0] != null && record[0].DocumentBody != null)
            document.getElementById("imgContact").src = "data:image/jpg;base64," + record[0].DocumentBody;
    },
    errorCallback,
    function () { }, // this, finally, will be called after all pages are retrieved
    false // async or not?
    );
}

function errorCallback() {
    alert("Error.");
}


Comments

Post a Comment

Popular posts from this blog

Azure DevOps Fork Repos between two Organization

  Azure DevOps Fork Repos between two Organization This weekend I embarked on a topic a bit foreign to myself, on the surface seemed a bit simple. The idea is to fork my Azure DevOps Repo to a different organization and push changes between them. Bad news DevOps doesn’t allow to fork Repos to a different organization, you have only the capability to fork to a different Projects within the same Organization. I’m pretty much sure there are so many other ways to solve this issue, but this is the one that I found to be easy to implement. Import Repo to the new Organization Remember here you have to generate a personal token to be able to import the Repo you have to be a member of the new organization as well This might take a few minutes depending on the size of your project, once its complete you will receive a confirmation email, or just refresh it after few minutes So far all looks good, you can clone the solution in your new Organization,
5 comments
Read more

Power Platform Tool for Visual Studio 2019/2022

 Power Platform Tool for Visual Studio 2019/2022 We have a new Visual Studio Extension Power Platform Tool.  Creation and deployment of Plugins, Custom Workflows and WebResources is going to be easy and time saving.  This article is going to focus on how to connect to your environment and create your Visual Studio Solution. In a subsequent article I will try to cover on how to Create and deploy your components to your environment. Installation is straight forward go to      Tools→ Manage Extensions→ Search for Power Platform Tools     You will Need Visual Studio 2019 or later version     Subsciption to Pawer App/Dataverse or trial       .Net Framework 4.6.2 Now we will go over how to create a Project and connect it to your Environment Open Visual Studio 2019 →New Project Search for Power Platform Solution Template Add Project Name and Location → Create Click on Start from Dataverse to connect to your environment Enter the following and → Login
7 comments
Read more

How to use Formatted Values in Power Automate Flow Dynamics 365

  How to use Formatted Values in Power Automate Flow Dynamics 365   If you have been working on Power Automate for Dynamics 365 you might have been wandering how you can access a lookup Formatted Value or Option Set formatted values. You can use the following format to access: body(‘{Action Name}’)?[‘{fieldname} @OData.Community.Display.V1. FormattedValue’] You just have to be mindful in Dynamics 365 lookup field name they do not translate to the proper field name, you might have to and an “_” as a prefix and “_value” as a postfix, I will leave that to you.
Post a Comment
Read more