Can you capture video if that?
Same problem for me! I posted about it before. Still not spinning.
I just tried opening my mobile app using the Desktop Chrome, and the preloaders do not spin, but they do in the kitchen-sink example. Then, I tried opening my app in the Desktop Safari, and the preloaders in my mobile app are spinning. However, they do not spin in Mobile Safari, which makes me think they will not spin in a WebView using PhoneGap, but I haven't tried that yet.
Guys, seems to be it is a bug caused by some specific layout, because as you see it works in Kitchen sink and in few my apps. But to detect and debug it i need to see live example
OK, I figured out my problem was because I'm using Font Awesome. As soon as I comment out the css, the preloader works. Here is the CDN of the Font Awesome I'm including in my project: <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"/>
I was able to use the various spinners from the Font Awesome CSS just by changing class="preloader" to one from Font Awesome such as class="fa fa-spinner fa-spin". The only issue you will have is using them in the Framework 7 functions for app.showPreloader or app.showIndicator, but you can extend your own functions to pass in a custom preloader instead.
@csalopek I use font-awsome also ;) There is same class name for spin in both css library. SO if you want to use framework7 spinner, just place framework7 css link after font-awsome's!
@arash01 Thanks for the tip. I just went ahead and used a couple of the spinners from Font Awesome instead. I'm using the fa-spinner when I need a loading indicator, and fa-refresh for my pull-to-refresh.
Got the same problem, also having Font Awesome, but arash01 his solution works. You might want to change the animation name though to something like f7-spin instead of just spin..
Ok, i will change preloader animation name, but i am really curious that Font Awesome uses such common animation names. By the way i would not really recommend you guys to use this fonts lib, its icons are not really mobile friendly and looks not familiar to app users. There are better mobile apps icon fonts
...and all your apps will have same icons ;)
Vladimir: it would be nice to suggest other font libraries which you think are best suited with F7 for the mobile experience.
Here's one that I would suggest: http://ios7-icon-font-demo.herokuapp.com/ My original app is using these, and I have added my own to the library too, but I wanted something I didn't have to maintain myself, so since I am in the process of converting my app to use F7 I decided to give Font Awesome a try.
Here is more: 1) Not font, but nice free icons: http://www.pixeden.com/media-icons/tab-bar-icons-ios-7 http://www.pixeden.com/media-icons/tab-bar-icons-ios-7-vol2 http://www.pixeden.com/media-icons/tab-bar-icons-ios-7-vol3 http://www.pixeden.com/media-icons/tab-bar-icons-ios-7-vol4 http://www.pixeden.com/media-icons/tab-bar-icons-ios-7-vol5 http://www.pixeden.com/media-icons/tab-bar-icons-ios-7-vol6 2) This one (from competitor framework :)) http://ionicons.com/ 3) This is the best from my point, but pretty expensive: https://useiconic.com/