Custom Icons in the Nav Menu

[Kevin]

Thanks Marina this worked for me.

[Jen5411892]

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);
}

[Maryna Brodina]

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;
}

[Jen5411892]

Hi Marina,

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

[Kateryna Grynko]

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.

[Noor Atisha]

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

[Shubas Paudyal]

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

[Maryna Brodina]

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

[Shubas Paudyal]

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.

[Maryna Brodina]

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...