Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

Adding transition demo

  • Loading branch information...
commit 73255c00911919a275a5768b0ffe94f79d65f993 1 parent a0d94c9
@VinothiniBalakrishnan VinothiniBalakrishnan authored
View
4 app/Product/product_controller.rb
@@ -61,4 +61,8 @@ def delete
@product.destroy if @product
redirect :action => :index
end
+
+ def transition
+
+ end
end
View
14 app/Product/transition.erb
@@ -0,0 +1,14 @@
+
+<div title="Transitions" id="jqmtransitions" >
+ <ul>
+ <li><a href="#transition1" data-transition="slide">Slide</a></li>
+ <li><a href="#transition2" data-transition="up">Slide Up</a></li>
+ <li><a href="#transition3" data-transition="down">Slide Down</a></li>
+ <li><a href="#transition4" data-transition="pop">Pop</a></li>
+ <li><a href="#transition5" data-transition="flip">Flip</a></li>
+ <li><a href="#transition6" data-transition="fade">Fade</a></li>
+ </ul>
+ <br/><br/>
+</div>
+
+
View
24 app/index.erb
@@ -6,13 +6,35 @@
<div title='Documentation' id="main" class="panel" selected="true" data-footer='footerui'>
<ul>
+ <li> <a href="/app/Product/transition">Transition Demo</a>
<li><a href="#jqmui">jqUi</a></li>
- <li><a href='#jqUiSwipe'>Swipe Plugin</a></li>
+ <li><a href='#jqUiSwipe'>Swipe Plugin Demo</a></li>
<li> <a href="/app/Product/new">New Product</a>
<li> <a href="/app/Product/test_ui">Login</a>
<li> <a href="/app/Product/popup_sample">Pop up sample</a>
</ul>
</div>
+
+
+<div title="Slide" id="transition1" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+ <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Slide Up" id="transition2" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+ <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Slide Down" id="transition3" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+ <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Pop" id="transition4" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+ <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Flip" id="transition5" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+ <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+<div title="Fade" id="transition6" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
+ <img src="/public/jqmobi/kitchensink/images/splash.png"/>
+</div>
+
<div title="jqUI" id="jqmui" class="panel" data-footer='footerui'>
<ul>
Please sign in to comment.
Something went wrong with that request. Please try again.