Page 2 of 2

Button with background image

Posted: Thu Jul 02, 2015 7:38 am
by LS

It is working if I use like this:
.home{
background: url(http://appery.io/app/view/bc4659c2-43...;
width: 20px;
height: 20px;

-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
}

But the button is no longer circular.

And also the main problem is I don't know how to use the image file that I have uploaded in :
WEB_RESOURCES-files-resources-image-icon1.png,

using your website development environment. Which URL should I use in order to use the image in your website development environment itself?


Button with background image

Posted: Thu Jul 02, 2015 7:40 am
by LS

What does ".." represents in your answer?


Button with background image

Posted: Thu Jul 02, 2015 7:45 am
by Alena Prykhodko

Hello,

I've checked and everything is working for me, please make sure you use correct component name.


Button with background image

Posted: Thu Jul 02, 2015 7:49 am
by LS

Can you please look into my second comment?


Button with background image

Posted: Thu Jul 02, 2015 12:10 pm
by LS

@Yurii Orishchuk

It is working if I use like this:
.home{
background: url(http://appery.io/app/view/bc4659c2-43...;
width: 20px;
height: 20px;

-moz-border-radius: 40px;
-webkit-border-radius: 40px;
border-radius: 40px;
}

But the button is no longer circular.

And also the main problem is I don't know how to use the image file that I have uploaded in :
WEB_RESOURCES-files-resources-image-icon1.png,

using your website development environment. Which URL should I use in order to use the image in your website development environment itself?


Button with background image

Posted: Tue Jul 07, 2015 5:58 pm
by Evgene Karachevtsev

Hello L S,

Please try this code for the for the background image uploaded in the folder: "files-resources-image"
pre.aaaaaa{
background-image: url(../../../../files/resources/image/no-image.jpg) !important;
/pre