styles | Community Creatio

styles

custom-css

FreedomUI

8.0

How can i add custom style in creatio freedom ui for all sections and also give user the option to change styles according to their needs

Pranshu Basak

17:01 Sep 16, 2024

Hello, Creatio Community,

I'm seeking a more efficient method for customizing Creatio's appearance. Is there a way to apply a global custom style to all sections of Creatio, eliminating the need for manual CSS adjustments on individual pages?

something like this css but for all pages

body .crt-data-table-container .crt-data-table .crt-data-table-header-cell-container .crt-header-cell .crt-header-cell-caption-container .crt-header-cell-caption {
color: #000000 !important;
}

body crt-link .crt-link {
color: #000000;
border-bottom: none !important;
}

1 comments

Best reply

Ryan Farley

19:39 Sep 16, 2024

To have the CSS apply in the entire app you can create a replacing view for MainHeaderSchema and add the CSS there.

Alternatively, you can use this marketplace addon which gives you the ability to add the CSS to a table and it will get applied in the entire app.

Ryan

Ryan Farley

19:39 Sep 16, 2024

To have the CSS apply in the entire app you can create a replacing view for MainHeaderSchema and add the CSS there.

Alternatively, you can use this marketplace addon which gives you the ability to add the CSS to a table and it will get applied in the entire app.

Ryan

Show all comments

email templates

styles

Studio_Creatio

8.0

FreedomUI

Manipulating an image in email template

Joe Brunet

19:31 Jan 02, 2024

Hello,

I would like to set an upper limit on the size of an image that gets sent in an email. The image being sent is a variable in a form using the [#ImageName#] syntax.

I have tried styling the element in div and img tags, but I think that this variable syntax does not respect styles.

How can I style an image in an email template?

Thanks!

1 comments

Bogdan

10:20 Jan 03, 2024

Hello,

Unfortunately, the logic of inserting an image through a macro into a letter template is not implemented in Creatio.

I am broadcasting your wish to the development team to consider the possibility of adding similar logic in future versions.

Show all comments

mobile

mobile application

styles

Add Style for a detail in mobile app

Federico Buffa 🧐

17:49 Dec 28, 2021

Hi Team,

There is a way to add a style to the row in the details depend of a column value?

Example:

1 comments

Oleg Drobina

18:27 Dec 28, 2021

Hi Federico,

It's theoretically possible. Please study the MobileActivityGridPageViewV2 module and the logic of styles applying there.

Best regards,

Oscar

Show all comments

dashboard

styles

7.17

How can we apply styles in List Dashboard?

Anupama

14:59 Oct 19, 2021

I am looking for a solution to render Unread Social Messages in List Dashboard and the records are expected to be in BOLD.

Product Version - 7.17.0.2164

Kindly Suggest.

2 comments

Best reply

Oleg Drobina

16:19 Oct 19, 2021

You can add custom css to the section where the dashboard is placed with the code similar to the one below:

.dashboard-listed-grid-module .grid-primary-column{
	font-weight: bolder;
}

this will make the primary column for the dashboard to be in bold text:

All you need is to correctly specify paths to elements on the page in css.

Best regards,

Oscar

Oleg Drobina

16:19 Oct 19, 2021

You can add custom css to the section where the dashboard is placed with the code similar to the one below:

.dashboard-listed-grid-module .grid-primary-column{
	font-weight: bolder;
}

this will make the primary column for the dashboard to be in bold text:

All you need is to correctly specify paths to elements on the page in css.

Best regards,

Oscar

Anupama

08:39 Oct 20, 2021

Thanks Oscar Dylan, that worked.

Show all comments

CSS

mobile application

styles

Adding custom CSS to a mobile application

Eugene Podkovka

17:08 Jul 15, 2019

There are 2 ways on how to add a custom CSS to a mobile application. The first one works globally. The second one can work enter globally or locally in a specific section.

Global CSS

1. Create a new module in a "Configuration" section. I named it "UsrMobileStyle". Add needed CSS into a "Less" tab for the module.

http://prntscr.com/ofbv8p

2. Open "Mobile application wizard". Change something and save changes. The system will create a new replacing client module for "Manifest". Find the module called "MobileApplicationManifestDefaultWorkplace" in the configuration section.

3. Add the "CustomSchemas" array with the module that was created in the first step to the manifest in the following way:

{

   "SyncOptions": {

       "SysSettingsImportConfig": [],

       "ModelDataImportConfig": []

   },

   "Modules": {},

   "Models": {},

   "CustomSchemas": [

       "UsrMobileStyle"

   ]

}

http://prntscr.com/ofbwh4

4. Save changes, restart the application pool, enjoy.

If it's a cloud application, please email to support@bpmonline.com and ask to restart the application pool.

If it's a local application, please use the "Mobile application emulator" in order to check the changes

Local CSS.

The same idea. Please find more information in the article by the link below.

https://community.bpmonline.com/questions/reg-validations-mobile-app

4 comments

Muhammad Shajiuddin

16:07 Jul 16, 2019

I tried Global CSS and its reflected except home screen which appearing just after successful login. Is it possible to apply custom css on home screen?

Eugene Podkovka

17:39 Jul 16, 2019

Muhammad Shajiuddin,

It's called "login page". Unfortunately, it's not possible to modify a mobile login page.

Muhammad Shajiuddin

09:46 Feb 27, 2020

Eugene Podkovka,

Please confirm the login page is exist as separate html file which is embedded with mobile app or something else? can we modify it locally?

Alina Kazmirchuk

15:07 Mar 16, 2020

The login page is an html file that is embedded in mobile app and can't be customized.

Show all comments

style

styles

Color

colors

7.12

studio

Set the background color for the lookup

Grigoriy

19:51 Oct 03, 2018

What is the difference between the elements diff

"classes": {

               "wrapperClass": [".."],

               "wrapClassName": [..]

           },

"wrapClassName": [..],

"wrapClass": [..],

You can find out the entire list of styles used for elements?

In particular, it is very necessary set the background color for the lookup!

2 comments

Tetiana Markova

12:37 Oct 05, 2018

Hello Grigoriy,

You can find the descriptions of there properties in the documentation - https://academy.terrasoft.ru/api/jscoreapi/7.12.0/

The 'wrapClassName' is defined in the Terrasoft.enums.ReorderableContainer.

The 'wrapClass' is defined in the Terrasoft.controls.ControlGroup. It specifies the name of the CSS class for the wrapper element of the control.

If you need to set the background color for the lookup element, you need to:

1. Create a module

2. Find selector for the element you would like to apply the style

3. Write you custom CSS styles in the LESS tab. Leave the source code for the module empty

4. Create a replacing schema module and include your module with styles step as a dependency

If you need to change the style for the element, based on some condition, I believe this article will be helpful for you - https://community.bpmonline.com/questions/how-add-custom-style-control-…

Grigoriy

23:40 Oct 05, 2018

Tetiana Markova,

Thank you, Tetiana

Show all comments

Subscribe to styles