Skip to Content

Lumira 2.1 Sliding Panel?

Hello,

I am trying to build a sliding panel following the tutorial from visualBI.

I am using a PageBook and the sliding panel transition only works on the startpage of the pagebook but not on the following pages.

Can you please check the CSS and tell me how to fix this? It must have something to do with the CSS code...

.slideout {
     position: fixed;
     top: 42px;
     left:0;
     width: 35px;
     padding: 12px 0;
     text-align: center;
     background: #fdcb03;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     -webkit-border-radius: 0 5px 5px 0;
     -moz-border-radius: 0 5px 5px 0;
     border-radius: 0 5px 5px 0;
     cursor:pointer;
     height:90% !important;
 }
 .slideout_inner {
     position: fixed;
     top: 42px;
     left: -300px;
     height:93% !important;
     background: #000000;
     padding: 25px;
     -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
     transition-duration: 0.3s;
     -o-transition-duration: 0.3s;
     text-align: left;
     -webkit-border-radius: 0 0 5px 0;
     -moz-border-radius: 0 0 5px 0;
     border-radius: 0 0 5px 0;
 }
 .slideout:hover, .slideout:focus {
     left: 300px;
 }
 .slideout:hover .slideout_inner, .slideout:focus .slideout_inner {
     left: 0;
 }

Thank you and best regards,

Mario

Add a comment
10|10000 characters needed characters exceeded

Related questions

1 Answer

  • Best Answer
    Posted on Oct 08, 2018 at 01:41 PM

    Hello,

    yes we are using Lumira Designer (2.1 SP1 and no patch level).

    Anyhow we are using a normal panel now and switching the width of it when the user clicks on a icon.

    Thanks and best regards,

    Mario

    Add a comment
    10|10000 characters needed characters exceeded

Before answering

You should only submit an answer when you are proposing a solution to the poster's problem. If you want the poster to clarify the question or provide more information, please leave a comment instead, requesting additional details. When answering, please include specifics, such as step-by-step instructions, context for the solution, and links to useful resources. Also, please make sure that you answer complies with our Rules of Engagement.
You must be Logged in to submit an answer.

Up to 10 attachments (including images) can be used with a maximum of 1.0 MB each and 10.5 MB total.