Creatio does have a module named DesktopPopupNotification which you can use for this if you'd like. It can handle the request for permissions (if not yet granted by the user/browser) and create the notification and handle a click of the notification. Something like this:

// in init call:
DesktopNotification.requestPermission();
 
// to use, something like this:
var config = {
    id: someId,
    title: someTitle,
    body: someSubject,
    icon: this._getIcon(),
    onClick: this.onDesktopNotificationClick,
    ignorePageVisibility: true,
    timeout: 5000,
    scope: this
};
 
DesktopNotification.show(config);

Ryan

Ryan Farley,

Thank you for your response. I have implemented this and also permission to enable pop ups have been provided. yet, there is no notification. Could you please help?

Implementation details :

I have replaced communication panel and added dependency module - DesktopPopupNotification

In init() I have this line of code :

init() : function()

{

    DesktopPopupNotification.requestPermission();

 this.testfn();

},

    testfn: function()

                {

                    DesktopPopupNotification.requestPermission();

                    this.console.log("testfn");

                        var createConfig = {

                        id: "1234",

                        title: "Chat Notification",

                        body: "You have a new chat notification",

                        icon: {},

                        ignorePageVisibility: true,

                        onClick: Ext.emptyFn,

                        onClose: Ext.emptyFn,

                        onError: Ext.emptyFn,

                        onShow: "Sample",

                        timeout: 5000,

                        scope: this

                    };

                     

                    DesktopPopupNotification.showNotification(createConfig);

                    }

This doesnt seem to throw a notification

Thanks in advance

Shivani Lakshman,

The reason why it's not showing is likely because it doesn't have an icon defined. The DesktopPopupNotification module validates the config, if it doesn't have an icon defined, it exits out and doesn't show the notification (if you're in debug mode it shows this reason in the console, but that will only show if in debug mode)

If you want to add an icon to the images of your schema, let's say it has a name of UsrIcon, you can show it in the notification by adding this for the icon part of the config:

Terrasoft.ImageUrlBuilder.getUrl(this.get("Resources.Images.UsrIcon"))

Ryan

Shivani Lakshman,

In case you're still looking at this and having issues, I've written up the details for using the DesktopPopupNotification module here: 

https://customerfx.com/article/how-to-display-browser-popup-notificatio…

Ryan

Is there a Freedom UI way to do this? Some of those params would only work on Classic UI pages, such as how you would specify the icon for the notification.

It looks like this functionality broadly still works on Freedom UI pages, the only bit I haven’t yet figured out is how to reference images uploaded to the page schema for the icon. For onClick, an arrow function can be used (e.g. onClick: () => { console.log(“notification clicked”); } ) and therefore the scope isn’t required to be passed, since arrow functions establish `this` based on the scope where they are defined and variables like the `request` are available within the arrow function.

There did seem to be some weirdness in the behaviour of the Windows notification at least – while it showed and played the sound and could be clicked, it would quickly disappear from the notification centre as soon as the popup notification had finished (but not been clicked) so users would have to click the popup in the short time it was showing if they needed something to happen when clicking it. Maybe there’s a better way to call these notifications in Freedom UI though?

Harvey Adcock,

As Ryan mentioned a bit earlier, the only way to work with notifications in Freedom UI with the help of JS is DesktopPopupNotification. 
I've decided to override the Accounts_FormPage to get the notification on any Account page opening with the possibility of clicking on this notification. Here is an example:

		define("Accounts_FormPage", /**SCHEMA_DEPS*/["DesktopPopupNotification", "Accounts_FormPageResources"]/**SCHEMA_DEPS*/, 
	   function/**SCHEMA_ARGS*/(DesktopPopupNotification, resources)/**SCHEMA_ARGS*/ {
 
......................
 
	   handlers: /**SCHEMA_HANDLERS*/[
			{
				request: "crt.HandleViewModelInitRequest",
				handler: async (request, next) => {
					await next?.handle(request);
					const img = Terrasoft.ImageUrlBuilder.getUrl(resources.localizableImages.TheImageName);
					var config = {
						id: 123456,
						title: "Test notification",
						body: "This is a test notification",
						icon: img,
						onClick: DesktopPopupNotification.getIsSupported,
						ignorePageVisibility: true,
						timeout: 10000,
						scope: this
					};
					DesktopPopupNotification.showNotification(config);
				}
			}
		]/**SCHEMA_HANDLERS*/,

P.S. You can choose only public methods from DesktopPopupNotification (I've used getIsSupported)

Anhelina,

I can see that it's possible to use arrow function notation to run any code you want, for example I can open a specific page by doing the following in the onClick property:

{
	request: "Usr.TriggerNotification",
	handler: async (request, next) => {
		var config = {
			id: 123456,
			title: "New lead",
			body: "click here to open the task",
			icon: "https://www.creatio.com/sites/default/files/marketing/logo_creatio.svg",
			onClick: () => {
				const handlerChain = sdk.HandlerChainService.instance;
				handlerChain.process({
					type: "crt.UpdateRecordRequest",
					entityName: "Lead",
					$context: request.$context,
					recordId: "ec8a7868-7e4a-40cd-ac32-9c53ee459c07"
				});
			},
			ignorePageVisibility: true,
			timeout: 100000,
			scope: this
		};
 
		desktopNotify.showNotification(config);
	}
}

The main limitation I see currently with the DesktopPopupNotification is that the notification doesn't persist in the desktop's notification centre - it dissappears after around 8-10 seconds (regardless of what time is specified in the timeout, whether it's set to 0 or whether the property is omitted entirely). Maybe there's some property I haven't seen that makes the desktop notification persist?

It seems my above comment may have been resolved in 8.1.3 or 8.1.2, as now I can generate notifications that never disappear from the Windows notification centre using a timeout value of -1, and other timeout values also work as expected. If the property is omitted or set to 0, it defaults to around 7 seconds.

Dear Shivani,

All data in the database is stored in UTC format and it is displayed in UI according to the time zone specified in the user profile.

DataService is responsible for the automatic conversion of all dates to the user's timezone so you can use it for your tasks. 

Best regards,

Angela

Hello Shivani,

Thank you for your message.

Would you please check if your CSAT settings are set up in accordance to this article below:

https://academy.creatio.com/docs/user/service_tools/service_cases/case_…

Hope this helps!

Have a great day!

Sincerely,

Danyil

Danyil Onoprienko,

Thank you for your response. Yes, the settings are in accordance to the article you had shared. I managed to get the ratings, but am stuck with another issue : 

The OOTB business process redirects the user to a link: http://localhost:99/0/Nui/Feedback.aspx?vm=FeedbackModule&token=0ed18c9….

In the our business process, it however redirects to link : http://localhost:99/ServiceModel/CaseRatingManagementService.svc/Secure…[?CaseId=beb485e3-8ef7-4076-ba3f-285d16daddce?]/5

As a result, we get an error page.

A help here would be much appreciated!

Thanks in Advance!

Hello Shivani Lakshman,

Could you please describe this issue in an email to support@creatio.com for us to provide a sufficient answer on this matter?

Thank you and have a great day!

Shivani Lakshman, 

This case was resolved as a part of Creatio support ticket.

 

The issues occurs due to a custom Business Process that is using the OOTB Customer Satisfaction email template.

Due to Creatio security reasons there is no possibility to use incident estimation links in simple "Send email" processes as the "Endpoint not found" message would be provoked.

Please note that if it is required to use a custom Business Process in a solution, we may recommend using the "SendEmailToCaseContactProcessMultiLanguage" Business Process (called "Send email to case contact") and two elements of this process ("Handle template for email with macros" and "Send email") as in the screenshot below:



 

You may freely configure the "Handle template for email with macros" element using the [#@INVOKE.ESTIMATELINKSGENERATOR#] macros in it for proper estimation link execution.

Thank you for your question!

Take care!

Danyil

Hello Shivani,

Hope you're doing well.

The possible reason of such behavior can be the empty "Website URL" system parameter. To fix it, please go to the System Designer area, open the System Settings section, and find "Website URL" configuration:

Open it and populate the "Default value" field with your full site web address and click Save button for applying the changes:

Best wishes for a pleasant and successful New Year!

Kindest regards,

Roman

Roman Rak,

Thanks much Roman. This works well :)

Hi Roman,

A follow up question : The OOTB business process redirects the user to a link: http://localhost:99/0/Nui/Feedback.aspx?vm=FeedbackModule&token=0ed18c9….

In the our business process, it however redirects to link : http://localhost:99/ServiceModel/CaseRatingManagementService.svc/Secure…[?CaseId=beb485e3-8ef7-4076-ba3f-285d16daddce?]/5

As a result, we get an error page. A help here would be much appreciated!

Thanks

Shivani Lakshman,

What kind of error page you are getting? try distributing a portal license to 

SysPortalConnection user

Dear Shivani,

You can add this field as a "Display value" in the object settings of the detail itself - it will become a hyperlink.

Best regards,

Angela

Hi Angela,

I have already added the "Displayed value" in the object settings. However, the name of the detail is not hyperlinked, rather it is a plain text. Please see attached images. The field I want to hyper link is "Reading".

Thanks

Hi Pedro,

The same code connected to the button on our side worked perfectly:

Try opening all the account addresses records for the account where the update error message is returned, try applying any change to each of those addresses records and check if any of them returns an error (one of them or several records should return an error). Once the error is received you can send a screenshot of such an address record and we can check why the error is received together.

Best regards,

Oscar

Ricardo,

It's really hard to understand the issue completely without the code of the detail edit page and without the logic that the code represents. Can you please provide us with it?

Best regards,

Oscar

Hi Ricardo,

The logic that forms the name of the columns in the Grid is stored in the SysPorfileData table and the actual ObjectData column value is formed using base addProfileColumns method (that is a part of Profile that consists of tiledConfig (config for tiled columns display) and listedConfig (listed columns display config)). Modifying the base logic will be hard (either overriding addProfileColumns and modifying configs or creating a trigger on the database level that will update the SysPorfileData table for the detail grid setup). We don't recommend modifying the logic and recommend using multiple edit pages and setup detail column names separately in different pages.

Best regards,

Oscar

Dear Ricardo,

Those titles are ordered by alphabet. If you need to set some of them in a specific order you can add dashboards to favorite or number them.

Best regards,

Angela

 This container you are referring to is supposed to store DataViews in it (please take a look at the getDefaultDataViews method from the BaseDataView module). It is not supposed to store buttons in it.

It is better to add the button to a separate container created in the FiltersContainer container and bind process execution to this button. As an example I've added the button to the contact section analytics data view:

define("ContactSectionV2", ["ProcessModuleUtilities"],
	function(ProcessModuleUtilities) {
		return {
			entitySchemaName: "Contact",
			attributes: {},
			messages: {},
			methods: {
				runCustomProcess: function() {
					var config = {
						sysProcessName: "UsrProcess_eedcaa6"
					};
					ProcessModuleUtilities.executeProcess(config);
				}
			},
			diff: /**SCHEMA_DIFF*/ [
				{
					"operation": "insert",
					"name": "CustomButtonContainer",
					"parentName": "FiltersContainer",
					"propertyName": "items",
					"values": {
						"itemType": Terrasoft.ViewItemType.CONTAINER,
						"items": []
 
				},
				{
					"operation":"insert",
					"name": "TestProcessButton",
					"parentName": "CustomButtonContainer",
					"propertyName": "items",
					"values": {
						"itemType": Terrasoft.ViewItemType.BUTTON,
						"caption": {bindTo: "Resources.Strings.CustomButtonCaption"},
						"click": {bindTo: "runCustomProcess"},
						"style": Terrasoft.controls.ButtonEnums.style.GREEN
					}
				}
				] /**SCHEMA_DIFF*/
		};
	});

And connected custom process execution when clicking the button. As a result the button appeared on the page as expected:

And a custom process was executed upon clicking it.

Best regards,

Oscar

Oleg Drobina,

Hi Oleg

Couple of questions. If I just wanted this button to appear on List View of the Section Page rather than the Analytics what would need to change?

Also does this code create the custom button here or does that need to be created elsewhere and it is just referenced here?

thanks

Rob Watson,

Hello Rob,

For the first question: I used the FiltersContainer container as a parent for the button, but it has the logic that it's hidden in the list view and is displayed only in analytics view (logic of the saveFiltersContainersVisibility method). In this case logic like this should be used:

methods: {
...
loadAnalyticsDataView: function() {
					this.set("IsCustomButtonContainerVisible", false);
					this.callParent(arguments);
				},
 
				loadGridDataView: function() {
					this.set("IsCustomButtonContainerVisible", true);
					this.callParent(arguments);
				},
...
 
diff: [
...
{
					"operation": "insert",
					"name": "CustomButtonContainer",
					"parentName": "QuickFilterModuleContainer",
					"propertyName": "items",
					"values": {
						"itemType": Terrasoft.ViewItemType.CONTAINER,
						"visible": { "bindTo": "IsCustomButtonContainerVisible" },
						"items": []
					}
				},
				{
					"operation":"insert",
					"name": "TestProcessButton",
					"parentName": "CustomButtonContainer",
					"propertyName": "items",
					"values": {
						"itemType": Terrasoft.ViewItemType.BUTTON,
						"caption": {bindTo: "Resources.Strings.CustomButtonCaption"},
						"click": {bindTo: "runCustomProcess"},
						"style": Terrasoft.controls.ButtonEnums.style.GREEN
					}
				}
...
]

We change a parent item for the "CustomButtonContainer" to "QuickFilterModuleContainer". As a result button will be visible only in list view and will be hidden in analytics view.

As for the second quesion: the button is created in the schema diff directly (container + button itself).