Hi Muhammad,



You would need to create a custom Grid controller for your section. First up, you can generate controller code just like it is described here, specifying pageType: Terrasoft.PageTypes.Grid and selecting your section name. Then you should add a dependency to your grid in the manifest. You can use InvoiceMobile package as an example: https://prnt.sc/rpypgw - grid, and manifest - https://prnt.sc/rpyq0a.



Then, in the Terrasoft.view.BaseGridPage.View there is an object that is responsible for filter panel. This object has a function to show and hide: https://prnt.sc/rpyqsr. So in your grid view you would be able to get the filterpanel and then use function to hide it:



let filterPanel = this.getFilterPanel();

filterPanel.hide();



Regards,

Dmytro

The article by the link below describes how to add custom css to a mobile application:

https://community.creatio.com/articles/adding-custom-css-mobile-application

Please find the correct selector for the element you want to apply the custom css to. For example, it's possible to change the background color for the records in the Case section using selector

$("div[class='ts-list-subtitle-column']").css("background-color", "yellow");

Unfortunately, there is no exact css class that can be changed in order to apply background to all screens of application.

Please use developers tools in browser to find the correct selectors for all elements you want to change the background and apply custom css to them - https://prnt.sc/rhubwz

Hello! 

You can try using the code from the article below, inserting "All portal users" in the role name. 

https://customerfx.com/article/determining-if-a-user-has-a-specific-role-in-bpmonline/

Dennis Hudson,

This code is also not working

Below is my code in custom "BootstrapModulesV2"

define("BootstrapModulesV2", ["css!UsrPortalDashboardCSS", "css!UsrCRMDashboardCSS"], function() {
	return {
		methods: {
			init: function() {
				this.callParent(arguments);
				this.getCurrentUserRolea();
			},
			getCurrentUserRolea: function() {
				// Check if the user is in the "Accounting" role
				// this could be any role name, for example "All employees"
				var roleName = "All portal users";
 
				// create the query for SysUserInRole 
				var esq = Ext.create("Terrasoft.EntitySchemaQuery", {
					rootSchemaName: "SysUserInRole"
				});
				esq.addColumn("SysRole");
 
				// add filter for current user
				esq.filters.add("UserFilter", Terrasoft.createColumnFilterWithParameter(
					Terrasoft.ComparisonType.EQUAL, "SysUser", Terrasoft.SysValue.CURRENT_USER.value
				));
 
				// add filter for role name, joining to SysRole (which is where the name is stored)
				esq.filters.add("RoleFilter", Terrasoft.createColumnFilterWithParameter(
					Terrasoft.ComparisonType.EQUAL, "SysRole.Name", roleName
				));
				// now get the results
				esq.getEntityCollection(function(result) {
					if (!result.success || result.collection.getItems().length === 0) {
						// the user is *not* in the role 
						// do something here if needed
						Terrasoft.utils.dom.setAttributeToBody("CustomUIPortalUsera", true);
					}
					else {
						// the user *is* in the role
						// do whatever is needed here
						Terrasoft.utils.dom.setAttributeToBody("CustomUIPortalUsera", false);
					}
				}, this);
			}
		}
	};
});

Maybe this module will help you? https://marketplace.creatio.com/app/records-color-highlighting-creatio

Vladimir Sokolov,

Thank you for suggestion.

This way I already tried by code, its changing background color row wise but I need to change color/style for opportunity stage column only.

Regards

Muhammad Shajiuddin,

I think you can use a JQuey selector to get the grid column and then add a css class on it.



Similar solution was done to add a button in section list over here



Regards,

Dmytro

Hi Muhammad,



I checked on my end - the given CSS works both with true and false value so I assume that your code is giving wrong value. You can open chrome debugging tools and put a break point to check which value you are setting.



To check if the current user is portal or not you can use Terrasoft.isCurrentUserSsp() function instead of the provided snippet.



Regards,

Dmytro

Dmytro Smishchenko,

Thanks for suggestion, its working in  "OpportunityPageV2"

From "UsrPortalDashboardCSS" the code is working fine. Whatever css defined its applying everywhere in list/detail/edit views of CRM and Portal (globally).

In code under "BootstrapModulesV2" I'm checking if current user is portal user than only apply CSS. same logic is working fine on other pageV2 for example "AccountPageV2" but the problem is that, CSS only applying on Account Section.

Below code is not working on "BootstrapModulesV2" console log is also not showing output.

Any help will be highly appreciable.

define("BootstrapModulesV2", ["css!UsrPortalDashboardCSS"],
function() {
	return {
		methods: {
			init: function() {
				this.callParent(arguments);
				this.initializeCustomCSS();
			},
			initializeCustomCSS: function() {
				var CurrentUser = this.Terrasoft.isCurrentUserSsp();
 
				if(CurrentUser === true){
					this.console.log("Current User is portal user");
					Terrasoft.utils.dom.setAttributeToBody("CustomUIPortalUser", true);
				}
				else {
					this.console.log("Current User is not portal user");
					Terrasoft.utils.dom.setAttributeToBody("CustomUIPortalUser", false);
				}
			}
		}
 
	};
});

Muhammad Shajiuddin,

Below code is not working on "BootstrapModulesV2" console log is also not showing output.

This is because the BootstrapModulesV2 simply returns an empty object, it does not have an init method so your code is never getting called. You can try a different schema to add this to such as MainHeaderSchema and use the init or onRender.

Ryan

You can create a replacing module for BootstrapModulesV2 and add the CSS there and it will be applied to everywhere in the client.

Ryan

Ryan Farley,

Hi Ryan,

Thanks I will check this, If you have example code please share.

Regards

In order to apply css globally please follow the instruction below:

1. Create a new module, go to tab "LESS" and write your style there. "Source Code" tab should be empty: https://prnt.sc/qfli0i

2. Create a replacing client module for BootstrapModulesV2 and add newly created module with style to the dependencies - https://prnt.sc/qfliuc:

After that css will be applied to all pages in the system. In my example button container will be with rose background.

Alina Kazmirchuk,

Thanks for suggestion, please check second last and last links are same 

Alina Kazmirchuk,

I need to check if current user is portal user than only apply the CSS, for this purpose I used below code which is working perfect on PageV2 for example "AccountPageV2" but the problem is that, CSS only applying on Account Section.

Below code is not working on "BootstrapModulesV2" console log is also not showing output.

Any help will be highly appreciable.

define("BootstrapModulesV2", ["css!UsrCustomCSS"],
function() {
	return {
		methods: {
			init: function() {
				this.callParent(arguments);
				this.initializeCustomCSS();
			},
			initializeCustomCSS: function() {
				var CurrentUser = this.Terrasoft.isCurrentUserSsp();
 
				if(CurrentUser === true){
					this.console.log("Current User is portal user");
					Terrasoft.utils.dom.setAttributeToBody("CustomUIPortalUser", true);
				}
				else {
					this.console.log("Current User is not portal user");
					Terrasoft.utils.dom.setAttributeToBody("CustomUIPortalUser", false);
				}
			}
		}
 
	};
});

Hi Muhammad,



In dashboard setup you can change the color of the dashboard. https://prnt.sc/q69mz8



Does it work for you?



Regards,

Dmytro

Dear Sunpisces,

Unfortunately, it is not possible to add the custom CSS styles to the dashboards. You can only create the custom widget that will may the  custom CSS styles. More details can be found here https://academy.bpmonline.com/documents/technic-sdk/7-12/adding-custom-dashboard-widget?document=&_ga=2.12020211.678650190.1567427398-650750588.1567427398

We already had similar requests from multiple customers, therefore this possibility will be available in the future application versions only.

Best regards,

Dean