Is there a way to add the image directly as a attachment and it would show as a tile in Service Portal?

[Amrita12]

Is there a way to directly upload an image as an attachment in a order guide/record producer and have it reflect there immediately like the profile page?

[Ahmmed Ali]

You can try adding a widget in form with macro type variable on record producer.

in macro you can add record watch for attachments/or if there is any OOTB event triggered when an attachment is added. then you can show that image using img tag in widget HTML.

It is bit complicated, but can be done.

[Ahmmed Ali]

or if you are on Paris release, you can add Profile picture variable of type as attachment in form. then on change of that variable, you can show that attachment in custom widget (added as macro variable) html using img tag.

[Amrita12]

Can you please elaborate a bit about this?

[Ahmmed Ali]

I did similar in my PDI,

above is attachment variable on record producer.

When we upload any picture to above field, it will show that image just below the field as below.

Created one widget with below HTML and client controller:

HTML:

<div>
<!-- your widget template -->
<img src="{{imgSRC}}" ng-if="imgSRC"/>
</div>

Client controller:

api.controller=function($scope,$rootScope) {
/* widget controller */
var c = this;
c.messageToShow = "PLease upload an image!";

$rootScope.$on("field.change", function(evt, parms) {

if(parms.field.name == "profile_picture"){
if($scope.page.g_form.getValue("profile_picture")){
$scope.imgSRC = "/" + parms.newValue + ".iix";
}else{
$scope.imgSRC = null;
}
}
});

};

Create a macro type variable and add this widget in that macro variable.

Here you need to enhance code with validation on attachment to be an image and also you can set image css in HTML so that image shows in size as required.

Hope this helps.