Discussion on Smarty | Mobile & Tablet Responsive Web Template

107 comments found

This can used as a base for Cordova Project or used as “imported from existing sources” from XDK Intel IDE for Cordova Project?

Hi. I have added 3 owl-carousel sections to one page hoping that I could have several gallery previews, unfortunately only the images show in the first owl-carousel, for the other two, only the header shows and no image.

<!-- Photo Gallery Starts --> <div> <div class="view-more-icon"><a href="photo-gallery.html" rel="external"><img src="images/icons/detail-icon.png" /></a></div> <h1 class="icon-heading">CHOCOLATE</h1> <div id="photo-gallery" class="owl-carousel"> <div class="item"><img src="images/photo-gallery/thumbs/1.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/2.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/3.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/4.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/5.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/6.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/7.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/8.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/9.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/10.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/11.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/12.jpg" alt="" /></div> </div> </div> <!-- Photo Gallery Ends --> <hr /> <!-- Photo Gallery Starts --> <div> <div class="view-more-icon"><a href="photo-gallery.html" rel="external"><img src="images/icons/detail-icon.png" /></a></div> <h1 class="icon-heading">VANILLA</h1> <div id="photo-gallery" class="owl-carousel"> <div class="item"><img src="images/photo-gallery/thumbs/1.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/2.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/3.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/4.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/5.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/6.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/7.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/8.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/9.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/10.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/11.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/12.jpg" alt="" /></div> </div> </div> <!-- Photo Gallery Ends --> <hr /> <!-- Photo Gallery Starts --> <div> <div class="view-more-icon"><a href="photo-gallery.html" rel="external"><img src="images/icons/detail-icon.png" /></a></div> <h1 class="icon-heading">SPICE</h1> <div id="photo-gallery" class="owl-carousel"> <div class="item"><img src="images/photo-gallery/thumbs/1.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/2.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/3.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/4.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/5.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/6.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/7.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/8.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/9.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/10.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/11.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/12.jpg" alt="" /></div> </div> </div> <!-- Photo Gallery Ends --> <!-- Photo Gallery Starts --> <div> <div class="view-more-icon"><a href="photo-gallery.html" rel="external"><img src="images/icons/detail-icon.png" /></a></div> <h1 class="icon-heading">CHOCOLATE</h1> <div id="photo-gallery" class="owl-carousel"> <div class="item"><img src="images/photo-gallery/thumbs/1.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/2.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/3.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/4.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/5.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/6.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/7.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/8.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/9.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/10.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/11.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/12.jpg" alt="" /></div> </div> </div> <!-- Photo Gallery Ends --> <hr /> <!-- Photo Gallery Starts --> <div> <div class="view-more-icon"><a href="photo-gallery.html" rel="external"><img src="images/icons/detail-icon.png" /></a></div> <h1 class="icon-heading">VANILLA</h1> <div id="photo-gallery" class="owl-carousel"> <div class="item"><img src="images/photo-gallery/thumbs/1.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/2.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/3.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/4.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/5.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/6.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/7.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/8.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/9.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/10.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/11.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/12.jpg" alt="" /></div> </div> </div> <!-- Photo Gallery Ends --> <hr /> <!-- Photo Gallery Starts --> <div> <div class="view-more-icon"><a href="photo-gallery.html" rel="external"><img src="images/icons/detail-icon.png" /></a></div> <h1 class="icon-heading">SPICE</h1> <div id="photo-gallery" class="owl-carousel"> <div class="item"><img src="images/photo-gallery/thumbs/1.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/2.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/3.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/4.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/5.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/6.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/7.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/8.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/9.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/10.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/11.jpg" alt="" /></div> <div class="item"><img src="images/photo-gallery/thumbs/12.jpg" alt="" /></div> </div> </div> <!-- Photo Gallery Ends -->
AliA

hello i replied to your email, thanks

aerosum Purchased

Can I make the top bar sticky?

AliA
AliA Author

hello yes you can , Please see Typography > HTML > Fixed header

Thanks

aerosum Purchased

Hi, I am using your new-4 layout in my application and what I am facing an issue with is that I can not apply the top bar on the index page with array of icons. If I try to do so and put a left panel then they disappear. Can you please provide me a solution to it?

AliA
AliA Author

hello please mail me your file n screenshot, alia.envato@gmail.com thanks

Default-user
aerosum Purchased

hey.. thanks.. I somehow figured it out though :) Will email you if I get stuck somewhere else. Thanks for quick response

AliA
AliA Author

ok great, sure, welcome :)

aerosum Purchased

What version of font awesome is being used in the theme? Can I update it?

Default-user
aerosum Purchased

Ok. I could figure this out too :P Thanks

AliA
AliA Author

oka great :) welcome

aerosum Purchased

Hello, so this one I really am not able to figure out. Can I make the switching of pages as transition from right to left?

For example, if on the home page I have an icon I click that icon and a new page opens. I want the new page to open as a slide. You can check it in the go mobile theme here. http://themeforest.net/item/go-mobile/6433633

Please help.

AliA
AliA Author

Hello

you can try slide transitions from here http://demos.jquerymobile.com/1.2.0/docs/pages/page-transitions.html

the link you sent is a single page template having different sections as pages. but we have multiple pages website.

Thanks

Default-user
aerosum Purchased

Thanks for being quick. Can I ask you about how do I make a user open navigation on phone when the user clicks on some button.

AliA
AliA Author

welcome, sorry no idea about this

aerosum Purchased

I am sorry for being so disturbing. Can you also help me with embedding a calendar view on one of the pages. I couldn’t find calendar anywhere in any of the pages.

AliA
AliA Author

yes calendar is not available in this website template, you can get from http://demos.jquerymobile.com/1.4.1/datepicker/ or from any other site thanks

by
by
by
by
by
by