I want to color rows in a list page whose date has passed (Freedom UI).
I tried to add a css file to my list page. I followed this article, but I still have a problem. When I look at the page's inspect, I see that a line has been added with a link to the file I added (
I would appreciate help.
Can you give more specifics? Is the CSS not being applied to the page?
As long as the steps in the article are followed it does load the CSS on the page. The CSS itself would determine whether or not it actually applies to any elements. Ryan
to add colors to the value, if you know which div it is exactly, you can use the class or id of that div in the selector instead of ".label-wrap .t-label" as in step 1 of the example. Or you can look up the class or id by using inspector tool (Ctrl+shift+C) in the developer tools (f12) on your page and then use them in the selector.
If you require more assistance please provide screenshots of div you want to color, would provide more clarity how to change the selector accordingly.
I would recommend you to use the new FreedomUI pages on the site. You can change bg-color in the system settings on the FreedomUI page (on your screen shot I can see Classic UI). It will take 10 min maximum.
To change colors with FreedomUI :
1) Open System designer -> Advanced settings
2) Find the Custom Object CasePriority or create a replacement:
3) Add the new column -> Other -> Color:
4) Add Title to the new Color column on the same page
5) Click on the Name of this object and choose value (Title name from p.4) in Color field:
6) Publish this object
7) Open System Designer -> Lookups -> Case priorities -> View -> Select fields to display:
Hi Bogdan, thank you for the solution links. But the screenshots in the reply are no longer visible. I followed the two steps in the reply, but had no luck. I put my screenshots below, can you correct them for me?
Step1, I created a module in our package Dynasafe1, kept JS empty
Step2, I put the CSS in the LESS
Step3, I created a replacing view model under Dynasafe1 package
Then I chose "Base schema - Detail with list" as the parent object.
And finally saved this replacing view model with JS kept empty. Did I miss something here?
what was done is adding the image to NuiLogin.aspx page css (add body elemnt there):
<style>
.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");}</style>
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.
what was done is adding the image to NuiLogin.aspx page css (add body elemnt there):
<style>
.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");}</style>
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.
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.
How can we add background color to a specific field in Record list. Please refer to the Screenshot i have attached. I want that status should change color as the value is also changes . ex. Status = Passed , then color should be green. if status = Failed then color should be Red. Please advise .
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?
You'll just need to play with the styles to get it to not wrap. Basically, you'll need to adjust the min-width of the div container of the label element (the div with class "label-wrap"), something like this:
I want to remove an element from a page (the LeftModuleContainer on the order page), I see the ID of the Div on the html using the 'F12' but I don't know where to find the html code. (the client module has the JS only...)
I think I'm missing a lot of information of how the code is stored in Creatio, can anyone explain me shortly how it works or if too difficult just explain how to get to the html and modify it?
Is there a clean way to hide the left and right navigation menus in Creatio without resorting to CSS hacks? I am building a scenario where an external app loads Creatio in an iframe and I need to restrict the user from navigating away from the screen that is shown in the Creatio iframe.
I think that adding custom css is the most appropriate approach in your case. Since it is impossible to make the left and right menus invisible only for some specific page. You can modify these menus, however these changes will affect all pages in the application.
Please find more information about how to add a custom css style in the article by the link below:
I recommend you change a font-size first for any page in the system to check if it looks fine as we do not guarantee that all objects, labels, and containers will be displayed correctly.
I have tried this before but I could only make it work on the page of arecord. I need to edit the page where all the records are shown. I could not find the module which has the code for the list of records.
Unfortunately, there is no option to change the section list font size in the current version of the system. I have registered your suggestion, though. It was passed to our R&D team to be considered for further releases.