on 09-28-2018 8:11 AM
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
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
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.
User | Count |
---|---|
87 | |
10 | |
10 | |
9 | |
7 | |
7 | |
6 | |
5 | |
4 | |
4 |
You must be a registered user to add a comment. If you've already registered, sign in. Otherwise, register and sign in.