Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse code

Adding transition demo

  • Loading branch information...
commit 73255c00911919a275a5768b0ffe94f79d65f993 1 parent a0d94c9
Vinothini VinothiniBalakrishnan authored
4 app/Product/product_controller.rb
@@ -61,4 +61,8 @@ def delete
61 61 @product.destroy if @product
62 62 redirect :action => :index
63 63 end
  64 +
  65 + def transition
  66 +
  67 + end
64 68 end
14 app/Product/transition.erb
... ... @@ -0,0 +1,14 @@
  1 +
  2 +<div title="Transitions" id="jqmtransitions" >
  3 + <ul>
  4 + <li><a href="#transition1" data-transition="slide">Slide</a></li>
  5 + <li><a href="#transition2" data-transition="up">Slide Up</a></li>
  6 + <li><a href="#transition3" data-transition="down">Slide Down</a></li>
  7 + <li><a href="#transition4" data-transition="pop">Pop</a></li>
  8 + <li><a href="#transition5" data-transition="flip">Flip</a></li>
  9 + <li><a href="#transition6" data-transition="fade">Fade</a></li>
  10 + </ul>
  11 + <br/><br/>
  12 +</div>
  13 +
  14 +
24 app/index.erb
@@ -6,13 +6,35 @@
6 6
7 7 <div title='Documentation' id="main" class="panel" selected="true" data-footer='footerui'>
8 8 <ul>
  9 + <li> <a href="/app/Product/transition">Transition Demo</a>
9 10 <li><a href="#jqmui">jqUi</a></li>
10   - <li><a href='#jqUiSwipe'>Swipe Plugin</a></li>
  11 + <li><a href='#jqUiSwipe'>Swipe Plugin Demo</a></li>
11 12 <li> <a href="/app/Product/new">New Product</a>
12 13 <li> <a href="/app/Product/test_ui">Login</a>
13 14 <li> <a href="/app/Product/popup_sample">Pop up sample</a>
14 15 </ul>
15 16 </div>
  17 +
  18 +
  19 +<div title="Slide" id="transition1" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
  20 + <img src="/public/jqmobi/kitchensink/images/splash.png"/>
  21 +</div>
  22 +<div title="Slide Up" id="transition2" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
  23 + <img src="/public/jqmobi/kitchensink/images/splash.png"/>
  24 +</div>
  25 +<div title="Slide Down" id="transition3" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
  26 + <img src="/public/jqmobi/kitchensink/images/splash.png"/>
  27 +</div>
  28 +<div title="Pop" id="transition4" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
  29 + <img src="/public/jqmobi/kitchensink/images/splash.png"/>
  30 +</div>
  31 +<div title="Flip" id="transition5" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
  32 + <img src="/public/jqmobi/kitchensink/images/splash.png"/>
  33 +</div>
  34 +<div title="Fade" id="transition6" class="panel splashscreen" data-footer='footerui' style="padding-left:0px">
  35 + <img src="/public/jqmobi/kitchensink/images/splash.png"/>
  36 +</div>
  37 +
16 38
17 39 <div title="jqUI" id="jqmui" class="panel" data-footer='footerui'>
18 40 <ul>

0 comments on commit 73255c0

Please sign in to comment.
Something went wrong with that request. Please try again.