Hi, I am trying to add Country Flags to my Data Viewer List but some flags are displaying too big to fit on the screen and some flags are fit OK. (I guess!).
All the flags are different sizes so I created a DVL Template in preparation for this, but I still can’t seem to get the flags to fit properly inside the container.
What I am asking is:
By using the DVL settings when creating a template, does anyone know how to make the flags fit?
check out this template that i worked on today. it contains the image by setting the outer container to be a max width and the image to be fill container. i then use the stretch feature so that the image is stretched to fill the image component.
Hi @jared, I have had a look at both your demo and your model. The main problem I am having is that some of the flag images I have are too large to fit inside the container. I also wish to display the images without "stretching them as I do not wish to be disrespectful to a nation’s flag.
I just wish for flag images to be displayed in their original state but scaled up or down, if necessary, to fit into the image container.
Hi @jared, @tatiang, I have found the solution. The solution was found because I asked the wrong question.
I should have asked was " How do I scale an image?"
I found the answer in discussion in which @albert and @domhnallohanlon had provided a link to part of the solution. Link below:
I took on board the advice from the link but instead of using the relative height and width settings with contain. I simply used the absolute height and width settings instead with “contain”. But first I got the properties of the images by right-clicking on them. Then by dividing the pixel width by the pixel height (= 1.99344…) then multiplied it by the image height that I wanted. ( which was 200px). This then gave me the pixel width (398px) required width to create the ideal image ( 398 x 200). Now, all sizes are displaying perfectly.
