Forum | Appery.io

Thanks Marina this worked for me.

Hi Max,

When I ran this JS on page load, all of my 4 icons in my "mobilenavbar1" changed to the image referenced in the url. How do I change just one icon?

//'mobilenavbaritem2' is a same name as a name of item of navbar in 'Properties' tab
var item = $('[name=mobilenavbar1]');

// URL to image for icon
var image = "http://cdn3.iconfinder.com/data/icons...";

var cssObj = {// custom css for icon
'background': 'url("'+image+'") no-repeat transparent',
'background-size':'18px 18px',
'border-radius': '0px'
}

if (item.find('span.ui-icon').size()){
item.find('span.ui-icon').css(cssObj);
}else{
var $icon = $('span class="ui-icon ui-icon-star ui-icon-shadow"/span')
$icon.css(cssObj);
item.find('span.ui-btn-inner').append($icon);
}

Hello! Please try to use CSS (you can apply it for current mobilenavbaritem)

[dsid=mobilenavbaritem1] .ui-icon {
background: url("http://cdn3.iconfinder.com/data/icons...");
background-size: 30px 30px;
height: 30px !important;
margin-left: -15px !important;
width: 30px !important;
}

Hi Marina,

I got the same result as using the JS - all nav bar item icons are the same.

Hi Jennifer,

The CSS code is correct, please be sure you've inserted your component item name into the code and URL is correct and completed. I've tested - it works.

Hi Jennifer. I have been unable to make this work and am trying very hard. I have done it all ways, CSS, JS with no luck.

Any help would be greatly appreciated

how can i make nav bar working or adding logic to nav bar for list?
thanks in advance

Hello! Sorry, not sure I understand your question. Could you clarify please?

I am very new for Tiggzi.I developed one simple app using Tiggzi which lists one column's records from customer table. Now i want to add nav bar there to navigate to Prev and next record; how can i do that..? i also want to add insert/update/delete operation for that table.. Could you please help me for that.. Thanks in advance.

This should help http://docs.tiggzi.com/documentation/...

To create insert/update/delete operations you would need to use DB service. Here is documentation:
creating objects http://docs.tiggzi.com/documentation/...

updating objects http://docs.tiggzi.com/documentation/...

deleting objects http://docs.tiggzi.com/documentation/...

And here is a good tutorial showing how to do this in details http://docs.tiggzi.com/tutorials/buil...

But I would highly recommend you to try our tutorials for beginners as you are new to Tiggzi http://docs.tiggzi.com/tutorials/#Beg...