Like the twitter app changes the navbar title: [Twitter](//res.cloudinary.com/moot/image/upload/t_d3-gallery-s1/v1401398020/:framework7:Lfnp:twitter.gif.jpg)
You need to use callbacks for this. But to use callbacks you need to initialize slider manually (remove slider-init) class and in js: --- var slider = myApp.slider('.slider-container', { //Here comes options if you want to rewrite default ones, for example speed: 300, //callbacks onSlideChangeStart: function() { //function will be executed in the beginning of transition, probably you need to }, onSlideChangeEnd: function() { //callback after transition } }) --- List of all avail callbacks: onTouchStart, onTouchMove, onTouchEnd, onSliderMove, onClick, onDoubleTap, onSlideChangeStart, onSlideChangeEnd More docs about slider will be released today/tomorrow
Thanks for your quick reply, Vladimir.
Hey, I have the same question, but I need to know how to change title when I working with dynamic navbar. I need to get navbar .center element only for current page, but when I trying to find .center element - $$ return all elements that I have in DOM. Can I change navbar title of current page through framework API, not through searching DOM element?
If you need on page load you can use 'navbarInit' event: --- $$(document).on('navbarInit', function(e){ var navbarCenter = $$(e.detail.navbar.innerContainer).find('.center'); // and replace it navbarCenter.text('hello world'); }) --- If somewhere else you can use DOM search, it is not so hard. For example, if it is in main View: --- $('.view-main').find('.navbar-on-center .center').text('hello world'); --- Note, that after you change its center element you will probably need to recalculate positions: --- myApp.sizeNavbars('.view-main');