Show Image on Section and Details List View

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