Tim Easley Posted September 9, 2021 Share Posted September 9, 2021 I uploaded an SVG image to the repository, set the default size in properties to 24 X 24, and used this image as a background in a Designer link tile. But the image still appears larger than it should (not 24 X 24) and slider bars appear in the link tile. I know little to nothing about graphic images except svg files should scale. Has anyone used an svg image as a background on a link tile and had it resize properly Thanks! Link to comment Share on other sites More sharing options...
Manoj Chaurasia Posted September 13, 2021 Share Posted September 13, 2021 Hi Tim Can you put a screen shot of what you are seeing so I can try to replicate. Link to comment Share on other sites More sharing options...
Tim Easley Posted September 14, 2021 Author Share Posted September 14, 2021 In a web page specifying 24X24 they look like image Capture1, Using them as a background on a link tile in Designer they look like Capture2 Link to comment Share on other sites More sharing options...
Tim Easley Posted September 14, 2021 Author Share Posted September 14, 2021 Thanks Chuck! This is on 8207.26 Link to comment Share on other sites More sharing options...
Tim Easley Posted September 14, 2021 Author Share Posted September 14, 2021 Here are the imagesimages.txt (26.5 KB) rename file to .zip Link to comment Share on other sites More sharing options...
Manoj Chaurasia Posted September 14, 2021 Share Posted September 14, 2021 Thanks that helps! I will give it a try. I am on the same release as you Link to comment Share on other sites More sharing options...
Manoj Chaurasia Posted September 14, 2021 Share Posted September 14, 2021 Tim - I am in the designer portal page builder and I do not see anything to make a link tile. I havent used this tool much so let me know what I need to do to repro your problem. Also the images you provided were .png and not .svg. Have you tried to resize them to 24 X 24 with like photoshop instead of within WebFOCUS Link to comment Share on other sites More sharing options...
Tim Easley Posted September 14, 2021 Author Share Posted September 14, 2021 svgfiles.txt (4.4 KB) Sorry, grabbed the wrong files. I will try to resize them, graphic files are not my forte. Link to comment Share on other sites More sharing options...
Manoj Chaurasia Posted September 14, 2021 Share Posted September 14, 2021 Ok I am getting closer but I cant get the Link tile to be enabled, it is greyed out. Link to comment Share on other sites More sharing options...
Tim Easley Posted September 14, 2021 Author Share Posted September 14, 2021 Not sure, it works for me when editing a page. We can screen-share if you want, Im available after 12:30PT Link to comment Share on other sites More sharing options...
Manoj Chaurasia Posted September 14, 2021 Share Posted September 14, 2021 I used photoshop to make the png images 24 X 24 so try them and see if that helps. (upload://uFMYqEfYrUljRQDB3hiJ2S6YD4Q.txt) (5.1 KB) I was able to get the Link tile to enable and see these images just fine when I use put them in the content setting but not so good when I use the background. I would follow Matts advice and use css. Link to comment Share on other sites More sharing options...
Matt Chapin Posted September 14, 2021 Share Posted September 14, 2021 You can apply CSS to adjust the image size. Here is an example that I grabbed from https://www.w3schools.com/css/css3_images.asp image.jpg1208592 111 KB image.jpg1173627 54.4 KB Link to comment Share on other sites More sharing options...
Matt Chapin Posted September 14, 2021 Share Posted September 14, 2021 Here is what it looks like without the CSS. Keep in mind, you have to save and run the page and not from the preview for CSS to take over. Hopefully this helps and by no means I am a CSS expert Link to comment Share on other sites More sharing options...
Tim Easley Posted September 14, 2021 Author Share Posted September 14, 2021 Thanks Matt, Ill give it a try Link to comment Share on other sites More sharing options...
Tim Easley Posted September 16, 2021 Author Share Posted September 16, 2021 I added this , and this but I am still getting this (when running the portal, not a preview). This is using the 24x24 images, and setting the default size to 24x24. Thanks for the assistance, Ill keep working on this when time permits. Link to comment Share on other sites More sharing options...
Matt Chapin Posted September 16, 2021 Share Posted September 16, 2021 You are missing the . in front of img Link to comment Share on other sites More sharing options...
Tim Easley Posted September 16, 2021 Author Share Posted September 16, 2021 Ah, you are correct. Looks much better now. Thanks! Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now