Hi Community,

 

I've this situation where I need to add a image to a specific section row column, based on the value of other column. Inside my ActivitySectionV2, I added a random dummy column to display the images. These images should appear if the Activity is expired or not. For example, if my activity due date is less than today's date the "Expired Image" should be visible.

 

How can I solve this situation?

 

Thanks in Advance.

 

Best Regards,

Pedro Pinheiro

Like 1

Like

1 comments

Hello Pedro,

 

Here is an article on the Academy that describes creating a field with an image.

I would suggest you create two fields and hide one or the other based on the due date using business rules.

 

Hope this helps!

 

Best regards,

Max.

Show all comments

Hi,

I have custom section having custom image field which is showing on detail view (image is successfully adding/updating/showing). 

I added on portal dashboard as list box but only Name and imageId fields can be added and showing. How can I show image on dashboard?

Any help will be highly appreciable.

 

Regards

Like 0

Like

1 comments

Hello Muhammad,

Unfortunately, there is no option to add the images to the dashboards. The solution might be adding the image to the dashboard section only using custom CSS styles. However, the custom CSS styles can be added only to a custom widgets, not lists.

More details you can find here 

https://academy.creatio.com/documents/technic-sdk/7-12/adding-custom-dashboard-widget?document=&_ga=2.252225801.1861100856.1568022560-1432738620.1562155819

Best regards,

Oscar

Show all comments

Hi Community,

Using tile view, I am able to display the image on grid. But our client wanted to use list view. How we can possibly show the image on list view?

Like 0

Like

7 comments

Hello Fulgen!

Unfortunately, there is not such functionality that allows you to show image in list view. Tile view should be used in such cases. 

However, you may try to create your custom view where everything you need will be displayed. To implement it, please check basedataview schema. Also scheduledataview schema (calendar view in activities) may helpful.  

Regards,
Alex

Alex_Tim,

Thank you Alex. I am also trying to figure out on tile view how the image was shown but unfortunately I cannot find the exact methods behind this image dsiplay. Do you have any idea?

Fulgen Ninofranco,

Try to use the "Lead Stage" column in a lead section as an example. 

Eugene Podkovka,

Thanks Eugene,

I tried in lead section instead of using 'Terrasoft.BaseProgressBar'

 

applyControlConfig: function(control) {
                        control.config = {
                            className: "Terrasoft.BaseProgressBar",
                            value: {
                                "bindTo": "QualifyStatus",
                                "bindConfig": {"converter": "getQualifyStatusValue"}
                            },
                            width: "158px"
                        };
                    }

 

on config method I changed the class name to 'Terrasoft.ImageView', but it didn't work. Below is my code.

applyControlConfig: function(control) {
                
                control.config = {
                    "className": "Terrasoft.ImageView",
                    "value": {
                        "bindTo": "QualifyStatus",
                        "imageSrc": {
                            "bindTo": "getLogo"
                        }
                    }
            
                };
            },

 

 

Fulgen Ninofranco,

It's not possible to say why it doesn't work without debugging. Please debug the functionality, compare it with the one that works on the "QualifyStatus" column and find what's wrong. 

Eugene Podkovka,

Thanks Eugene,

On config method I changed the class name to 'Terrasoft.ImageView' which is originally 'Terrasoft.BaseProgressBar' (Below is my code).

applyControlConfig: function(control) {
                
                control.config = {
                    "className": "Terrasoft.ImageView",
                    "value": {
                        "bindTo": "QualifyStatus",
                        "imageSrc": {
                            "bindTo": "getLogo"
                        }
                    }
            
                };
            },

I debug the functionality and after hitting this method, I am getting the error below.

Fulgen Ninofranco,

It's not enough just to change a part of the code. Please debug the functionality in general and find how it works. Then create your own one from scratch.

Show all comments