cancel
Showing results for 
Search instead for 
Did you mean: 

Lumira 2.1 Sliding Panel?

mario_panzenboeck
Contributor
0 Kudos

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

sapna_jgurudutt
Active Contributor
0 Kudos

Hi Mario,

Are you using Lumira Designer here?

If yes, can you clarify regarding the exact version, SP level and Patch level you are using for Lumira Designer?

Thanks & Regards,

Sapna

Accepted Solutions (1)

Accepted Solutions (1)

mario_panzenboeck
Contributor
0 Kudos

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

Answers (0)