image | Community Creatio

Image displayed in a list in Freedom UI

8.0

Csilla Kiss

16:30 Jul 13, 2023

Hi,

In the classic UI, it was possible to display the image fields on list pages (like for Products). As I am experiencing in the Freedom UI, if I add an image field to the list, the image doesn't display.

Is it possible to display images in a list in Freedom UI?

1 comments

Yuliya Gritsenko

14:15 Jul 17, 2023

Hello,

Unfortunately, there is no option to display the image fields on list pages in Freedom UI.

We have registered an idea and forwarded it to our R&D team for further review.

Best regards,

Yuliya Gritsenko

Show all comments

Question

Insert background image in Login Page

Sasori Oshigaki

13:20 May 04, 2023

Hi Community,

Is there any possibility to put an image as a background in the Creatio Login Page ?

Example

Best regards,

Sasori

5 comments

Best reply

14:52 May 04, 2023

Hi Sasori,

It's possible, but proper css should be created:

what was done is adding the image to NuiLogin.aspx page css (add body elemnt there):

&lt;style&gt;
		.font-preload {
			position: absolute;
			opacity: 0;
		}
		.font-preload-open-sans {
			font-family: "Bpmonline Open Sans";
		}
		.font-preload-open-sans-light {
			font-family: "Bpmonline Open Sans Light";
		}
		.font-preload-open-sans-bold {
			font-family: "Bpmonline Open Sans Bold";
		}
		body {
			background-image: url("783px-Test-Logo.svg.png");
		}
	&lt;/style&gt;

and put this image to the root directory of app binary files. Only css should be modified in case you don't need to repeat this image and to set the size for it.

14:52 May 04, 2023

Hi Sasori,

It's possible, but proper css should be created:

what was done is adding the image to NuiLogin.aspx page css (add body elemnt there):

&lt;style&gt;
		.font-preload {
			position: absolute;
			opacity: 0;
		}
		.font-preload-open-sans {
			font-family: "Bpmonline Open Sans";
		}
		.font-preload-open-sans-light {
			font-family: "Bpmonline Open Sans Light";
		}
		.font-preload-open-sans-bold {
			font-family: "Bpmonline Open Sans Bold";
		}
		body {
			background-image: url("783px-Test-Logo.svg.png");
		}
	&lt;/style&gt;

and put this image to the root directory of app binary files. Only css should be modified in case you don't need to repeat this image and to set the size for it.

Sasori Oshigaki

13:43 May 05, 2023

Oleg Drobina,

Thanks for the explanation Oleg,

I tried all the steps but still the image is not showing in the background of the login page.

1- Modified NuiLogin.aspx file (path : inetpub\wwwroot\creatio\Login)

&lt;%@ Page Language="C#" AutoEventWireup="true" CodeBehind="NuiLogin.aspx.cs" Inherits="Terrasoft.WebApp.Loader.Login.NuiLogin" %&gt;
 
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;
 
&lt;html xmlns="http://www.w3.org/1999/xhtml" dir="&lt;%= PageDirection %&gt;" culture="&lt;%= LanguageCultureName %&gt;"&gt;
&lt;head runat="server"&gt;
	&lt;meta http-equiv="X-UA-Compatible" content="IE=Edge" /&gt;
	&lt;meta name="fontiran.com:license" content="LAXSN" /&gt;
	&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8" /&gt;
	&lt;title&gt;Creatio&lt;/title&gt;
	&lt;style&gt;
		.font-preload {
			position: absolute;
			opacity: 0;
		}
		.font-preload-open-sans {
			font-family: "Bpmonline Open Sans";
		}
		.font-preload-open-sans-light {
			font-family: "Bpmonline Open Sans Light";
		}
		.font-preload-open-sans-bold {
			font-family: "Bpmonline Open Sans Bold";
		}
		body {
			background-image: url("test.png");
		}
	&lt;/style&gt;
&lt;/head&gt;
&lt;body&gt;
	&lt;div class="font-preload"&gt;
		&lt;span class="font-preload-open-sans"&gt;_&lt;/span&gt;
		&lt;span class="font-preload-open-sans-light"&gt;_&lt;/span&gt;
		&lt;span class="font-preload-open-sans-bold"&gt;_&lt;/span&gt;
	&lt;/div&gt;
	&lt;form id="IndexForm" runat="server"&gt;
	&lt;/form&gt;
&lt;/body&gt;
&lt;/html&gt;

1- Added test.png image file in ( path - inetpub\wwwroot\creatio\)

13:48 May 05, 2023

Sasori Oshigaki,

Strange, this approach worked in my local app perfectly. Maybe there is an error message in the console when trying to reach the Login page and it will provide more details? Or maybe the image is empty? Also try restarting the application in IIS.

Sasori Oshigaki

14:41 May 05, 2023

Oleg Drobina,

Just fixed it Oleg

The mistake was the path of the image ( got it from console window)

The image should be placed under this path :

inetpub\wwwroot\creatio\Login

Thanks a lot for the help

Sasori

14:52 May 05, 2023

Sasori Oshigaki,

hm, in my case it requested the root directory of the app when I was testing it. Anyway, it's good that the console message answered the question!

Show all comments

Question

Getting an image column to the UI of a detail

Abilash

12:04 Nov 24, 2022

I want to add an image (not imagelink) column in the UI. Doing so, I believe, will allow me to add different images for a record based on the value of another column of said record which is what I want.

Is such a setup possible? If not, what other alternatives can I go for?

Thanks in advance.

Regards,

Abilash.S

0 comments

Show all comments

Question

How to add large image to the page?

Sales_Creatio

8.0

Vladimir Sokolov

09:10 Nov 04, 2022

Hello!

How is it possible to show large image on the page? Without attachment and preview, but just when you open a records

thank you!

Vladimir

4 comments

Max

18:10 Nov 04, 2022

Hi Vladimir!

Have you referred to the following article?

https://academy.creatio.com/docs/developer/interface_elements/record_pa…

Vladimir Sokolov

18:16 Nov 04, 2022

Max,

Yes, and you can see result on screenshot. But we cannot make this picture larger

Max

20:19 Nov 04, 2022

Vladimir Sokolov,

We have checked different options but, unfortunately, could not find any viable solutions or examples of such customization.

We have registered a task for our R&D to look into and add an article on this topic to the Academy.

Ryan Farley

23:59 Nov 04, 2022

I typically will just size the image (and container) with CSS. However, It would be nice to have a property to set the image size in the diff.

Ryan

Show all comments

Question

Sales_Creatio_enterprise_edition

containers

CSS

7.18

Add image to header in Accounts section

Shivani Lakshman

12:24 Sep 08, 2022

Hello,

We have a boolean column in accounts section. If the value is checked, we would like to add an image on the header space as highlighted in yellow in image below. Is there a sample code/ recommendation for this?

1 comments

Dmytro Vovchenko

16:28 Sep 09, 2022

Hello,

You can write a simple button and display it in the center.

{
				"operation": "insert",
				"name": "TestContainer",
				"parentName": "ActionButtonsContainer",
				"propertyName": "items",
				"values": {
					"itemType": Terrasoft.ViewItemType.CONTAINER,
					"wrapClass": ["test-container-wrapClass"],
					"items": []
				}
			},
            {
                "operation": "insert",
                "parentName": "TestContainer",
                "propertyName": "items",
                "name": "PrimaryContactButton",
                "values": {
 
                    "itemType": Terrasoft.ViewItemType.BUTTON,
                    "click": {bindTo: "testclick"},
					"visible": {bindTo: "checkVisible"},
                    "enabled": true,
                    "style": Terrasoft.controls.ButtonEnums.style.TRANSPARENT,
					"imageConfig": {"bindTo": "Resources.Images.EnrichedDefaultIcon"}
                }
            }

In the method checkVisible you can return true or false based on the condition.

To make it at the center just add a new CSS style:

define("AccountPageV2", ["css!UsrDStyle"], function() {

.test-container-wrapClass {

margin-left: auto;

margin-right: auto;

width: 6em

}

Show all comments

Question

Sales_Creatio_enterprise_edition

preview

devlabs

7.18

Image preview fro Creatio

Thibaut

15:46 Nov 22, 2021

Hi Team,

Do you know why this add-on is no longer supported?

Last update the : 27.10.2020 and compatible till the version 7.12.4

https://marketplace.creatio.com/app/image-preview-creatio

Thank you in advance!

6 comments

Anastasiia Zhuravel

13:51 Nov 23, 2021

Hello Thibaut,

The add-on is no longer supported as this functionality has been already implemented directly in a system. So you can now, for example, see the preview of the image attached to the case directly on the case page by only clicking on it (without downloading it).

Hope it clarifies!

Best regards,

Anastasiia

Vincent Tahon

19:24 Jul 27, 2022

Anastasiia Zhuravel,

Hello Anastasiia,

With this old add-on, it was also possible to view a PDF file in a popup, the same way as an image. Now, this is not possible anymore. Will this be implemented in a next release?

We have a customer who used this add-on very frequently and is now complaining that he needs to download each PDF...

Kind regards,

Vincent

Bogdan

20:21 Jul 27, 2022

Vincent Tahon,

This functionality has been already implemented directly in a system. So you can now, for example, see the preview of the image attached to the case directly on the case page by only clicking on it (without downloading it).

Best regards,

Bogdan

Vincent Tahon

21:01 Jul 27, 2022

Bogdan,

Hello Bogdan,

This works fine for images, but not for PDF-files.

The old add-on also showed a similar preview for PDF-files, which is very convenient for our customer who uses many PDF-files.

Kind regards,

Vincent

Luis Tinoco Azevedo

11:31 Sep 23, 2022

Hi Community

Any news on this point?

we have 2 potential projects that are pending on having this feature in Creatio exactly for the same reasons described by Vincent.

pdf preview is available in most of the competition and it would be a big plus to have in Creatio as an OOB feature

thanks

Luis

noyzada

15:49 Apr 16, 2024

Luis Tinoco Azevedo,

did you find a solution ?

Show all comments

Question

module_resources

New way to fetch Image URL

Solem Khan Abdusalam

13:43 Apr 01, 2021

Hi,

Is there a new way to implement this?

https://community.creatio.com/articles/receiving-link-image-added-module

Best Regards,

Solem.

3 comments

Best reply

https://community.creatio.com/articles/receiving-link-image-added-module

16:09 Apr 06, 2021

Solem Khan Abdusalam writes:

Bogdan Spasibov,

I wanted to get the image url of my uploaded image in the module url at module.

Regards,

Solem.

And this method doesn't work for you?

Best regards,

Bogdan S.

12:33 Apr 05, 2021

Hello Solem,

Can you please specify what do you mean? Do you need a way to get the same functionality without additional development that is required in the example you provided?

Thank you!

Solem Khan Abdusalam

23:16 Apr 05, 2021

Bogdan Spasibov,

I wanted to get the image url of my uploaded image in the module url at module.

Regards,

Solem.

https://community.creatio.com/articles/receiving-link-image-added-module

16:09 Apr 06, 2021

Solem Khan Abdusalam writes:

Bogdan Spasibov,

I wanted to get the image url of my uploaded image in the module url at module.

Regards,

Solem.

And this method doesn't work for you?

Best regards,

Bogdan S.

Show all comments

Question

Import photo / image via ImageAPIService

photo

7.16

21:34 Feb 03, 2021

Hello community

We have a use case where we need to migrate photos (Eg Contact display photo) into Creatio. We are aware that images are stored in the SysImage table, but going via the Database is not an option for us.

I was looking into the 0/ImageAPIService/upload which is used by the platform internally when a Contact photo is uploaded. Can we use call API to upload an image into the SysImage table?? Subsequently we can map this Image the relevant record using the out of the box OData APIs. Few related questions below -

1. Is the above API approach feasible?

2. I looked into what exact request was being sent and I notice a few query parameters - fileapi, totalFileLength, fileId and mimeType. If we were to replicate this request via code, Which of these are mandatory and which are optional?

3. What does the query parameter "fileapi16123676529964" refer to? And what is that number??

4. Believe the unique Guid() for the SysImage record is generated on the client side, sent via the fileId query param and gets stored in the Id column in the SysImage table. Is this right?

5. Besides using the 0/ImageAPIService/upload API and the DB approach, is there any other way to import/migrate images into Creatio and map them to specific records?

6 comments

Best reply

Ryan Farley

22:02 Feb 11, 2021

M Shrikanth,

You can create a C# code schema with the following to add an image for an account or contact from a Url. This uses the ImageAPI found in the Terrasoft.Core.ImageAPI namespace.

var url = "https://somewebsite/someimage.png";
var entityType = "Account"; // or could be Contact
var entityId = someAccountId; // or contact Id
var imageField = "AccountLogoId"; // or if a contact, use "PhotoId"
 
using (var response = (WebRequest.Create(url) as HttpWebRequest).GetResponse())
{
	using (var responseStream = response.GetResponseStream())
	{
		using (var stream = new MemoryStream())
		{
			var fileId = Guid.NewGuid();
			responseStream.CopyTo(stream);
 
			var imageApi = new ImageAPI(UserConnection);
			imageApi.Save(stream, response.ContentType, url, fileId);
 
			using (var dbExecutor = UserConnection.EnsureDBConnection())
			{
				new Update(UserConnection, entityType)
					.Set(imageField, Column.Parameter(fileId))
					.Where("Id").IsEqual(Column.Parameter(entityId))
					.Execute(dbExecutor);
			}
		}
	}
}

This could be exposed as your own web service to simplify adding images to records.

Hope this helps.

Ryan

12:33 Feb 04, 2021

Hello,

Please either use the database upload or use the standard approach of uploading files to the "Attachments and notes" detail. The ImageAPIService service is not supposed to be used for mass file upload and the database insert is the best approach in your case.

Best regards,

Oscar

08:10 Feb 07, 2021

Oscar Dylan,

Hi Oscar. We do not want to migrate files into "Attachments & Notes" detail but rather migrate images so that they can be set as the profile picture (Ref screenshot https://prnt.sc/ylto0l). I don't think you can upload an image to the Attachments detail and then set it as the profile picture. Can you?

1. We have images stored in AWS S3 and not available in the file system to migrate. Hence, going via API is much more preferred than going via the DB.

2. Any specific reason why ImageAPIService should not or cannot be used? It is used by the platform when a user uploads a profile picture. Then why not use it from an external system??

3. Can you qualify what you mean by "mass file upload". Our use case is to migrate images before the system is used or goes live - We do not want to use this after the system has gone live or is being used by users. Given this context, Can you help with my questions above and also the original question of what the "fileapi" query parameter refers to?

4. Is the SysImage table exposed via OData? I verified that it is. But wasn't able to insert records into it via OData. I was able to do a GET request via OData and got the following results (https://prnt.sc/ylv178). When I tried to PATCH insert the image, I get a 405 Method not allowed (https://prnt.sc/ylvdor).

5. Is the SysImage table exposed via the Excel data import option? I could not find it being exposed. Am I missing something here?

Appreciate your help Oscar!

19:20 Feb 10, 2021

Oscar Dylan,

Hi Oscar, Can you help with the queries above? Thanks in advance.

Ryan Farley

22:02 Feb 11, 2021

M Shrikanth,

You can create a C# code schema with the following to add an image for an account or contact from a Url. This uses the ImageAPI found in the Terrasoft.Core.ImageAPI namespace.

var url = "https://somewebsite/someimage.png";
var entityType = "Account"; // or could be Contact
var entityId = someAccountId; // or contact Id
var imageField = "AccountLogoId"; // or if a contact, use "PhotoId"
 
using (var response = (WebRequest.Create(url) as HttpWebRequest).GetResponse())
{
	using (var responseStream = response.GetResponseStream())
	{
		using (var stream = new MemoryStream())
		{
			var fileId = Guid.NewGuid();
			responseStream.CopyTo(stream);
 
			var imageApi = new ImageAPI(UserConnection);
			imageApi.Save(stream, response.ContentType, url, fileId);
 
			using (var dbExecutor = UserConnection.EnsureDBConnection())
			{
				new Update(UserConnection, entityType)
					.Set(imageField, Column.Parameter(fileId))
					.Where("Id").IsEqual(Column.Parameter(entityId))
					.Execute(dbExecutor);
			}
		}
	}
}

This could be exposed as your own web service to simplify adding images to records.

Hope this helps.

Ryan

18:47 Mar 04, 2021

Ryan Farley,

Hi Ryan. Thanks much for the alternate approach.

Сорбон Гафуров

14:43 Aug 26, 2022

Ryan Farley,

userconnection not working

Show all comments

Question

Yosef

16:42 Dec 03, 2020

Dear community,

Is there a way to change the width of the logo?

An example is the logo from the Account page, it is square but too small...

I added a custom logo to a custom section but this one is too small.

Kind regards,

Yosef

2 comments