Results 1 to 1 of 1

Thread: [solved] jQuery Mobile Panel box-shadow

  1. #1
    Join Date
    Jul 2011
    Thanked 4 Times in 4 Posts

    Default [solved] jQuery Mobile Panel box-shadow

    I'm currently working on a project to create an application, it has two panels on each side which is toggled by clicking the links in the header or by swiping on the page. If you try to open the panel in the left side, you will see that the box-shadow overlays the unordered list, but in the right panel I have no idea to which class I should overwrite in the jQuery Mobile stylesheet. For the left panel it goes as follows:

    .ui-panel-display-reveal {
           -webkit-box-shadow: none;
           -moz-box-shadow: none;
           box-shadow: none;
    .ui-panel-content-wrap-position-left.ui-panel-content-wrap-open {
           -webkit-box-shadow: -5px 0 5px rgba(0,0,0,.10);
           -moz-box-shadow: -5px 0 5px rgba(0,0,0,.10);
           box-shadow: -5px 0 5px rgba(0,0,0,.10);
    I tried to exchange "left" in the class naming with "right", but it had no effect. I've got the prototype here:
    Last edited by CChawps; 11-17-2013 at 08:24 PM.

Similar Threads

  1. jquery mobile and swiffy
    By wwfc in forum JavaScript
    Replies: 0
    Last Post: 10-14-2013, 07:23 AM
  2. Making Ajax Side Panel refresh parent page when panel is closed.
    By Jvloomin in forum Dynamic Drive scripts help
    Replies: 4
    Last Post: 08-02-2013, 05:48 PM
  3. Replies: 2
    Last Post: 03-22-2013, 01:21 AM
  4. Can you close a panel with a click outside of the panel
    By ecsuser in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 08-27-2010, 02:52 PM
  5. simple horizontal slide panel - IE7 DOM, Jquery
    By two7s_clash in forum JavaScript
    Replies: 1
    Last Post: 06-11-2008, 02:18 AM


Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts