Customized Icon for NAVBAR where you don't have to Rely on any Server

[lorenzo]

I have the link that you've posted here.....
https://getsatisfaction.com/apperyio/...
following this would make up this code

[dsid=mobilenavbaritem_3] .ui-icon {
background: url("http://png-1.findicons.com/files/icon...");
background-size: 30px 30px;
height: 30px !important;
margin-left: -15px !important;
width: 30px !important;

These code really works as I've tried it, but the hindrance with using this, is it relies on the server in which the icon is get, so if the server would have a problem or bug down, your icon goes bye bye....

So my idea is put an image to an image component, then make it invsiible, on events, load, run javascript, then paste the following....

$('div[dsid="mobilecontainer1"]').css('background-image', 'url("'+Tiggzi.getImagePath('image.jpg')+'")') ;

These makes the image as a background......What I'm saying is..... This method embeds the image inside the source so the image does not have to rely from any server....

From here the idea is.... if there could be another way where you put an image component and make it invisible and can be visible only when used for navbar icon.....

I've tried, putting an image on an image component and make it invisible. Thus, applying the following codes...

[dsid=mobilenavbaritem_3] .ui-icon {
background: url("'+Tiggzi.getImagePath('image.jpg')+'");
background-size: 30px 30px;
height: 30px !important;
margin-left: -15px !important;
width: 30px !important;
}

But these code some how did not work......But if it work it would be beneficial to all... Hope that you get the idea....

[maxkatz]

You could upload the image to the app today. Is that what you would like to do?

[lorenzo]

What I'm trying to say is that in the process that was mentioned here....https://getsatisfaction.com/apperyio/...
the image is somewhat link to an url address.....the thing that I'm considering is that in this process if the server of the link given was down normally the image link to that server is also affected.... so what I'm trying to say is that there should be a way in which the image is put on the navbar to customized the icon on the navbar,like directly putting an image component.....

I've tried, putting an image on an image component and make it invisible. Then I've put a navbar, Thus, applying the following codes... to the css

[dsid=mobilenavbaritem_3] .ui-icon {
background: url("'+Tiggzi.getImagePath('image.jpg')+'");
background-size: 30px 30px;
height: 30px !important;
margin-left: -15px !important;
width: 30px !important;
}

but this does not work at all.....

[maxkatz]

Pointing to a local image or a remote image -- should work the same way.

[Maryna Brodina]

Hi, just to add - you can't use codeTiggzi.getImagePath('image.jpg')/code in CSS file. If you set this CSS style in asset and upload image through image Assets then you would need to use relative path:
codebackground: url("../image/image.jpg");/code

[lorenzo]

Thanks Max, for clearing things out for me.....

[lorenzo]

Thanks, Beautiful Ms. Marina, this is what I'm looking for....