TeamDesk Knowledge Base & Support

   Home      FAQ      Forum      Idea Exchange      Ask a Question      My Stuff      Help   
  
Sticky Tile in Form view
Hi!

I tried searching for ideas to have or make a sticky title but was not able to find one. After some research, I ended up adding a simple JQuery and CSS to make the record tile stick to the "menu bar" when scrolling in the form view. Here is the code in case it helps anyone.

dbscript.js:

$(window).scroll(function ()
{
if($( "#td-toptab" ).hasClass( "ui-sticky" ))
{
$('.v3-layout__title').addClass('title-fixed').css("top",$('#td-createnew').offset().top - $(window).scrollTop());
}
else
{
$('.v3-layout__title').removeClass('title-fixed');
}
}
);


dbstyle.css:

.title-fixed {
position: fixed !important;
top:0;
z-index: 2;
}


ID
1545
Category
User Experience
Author

Geronimo Torres
Date Created
9/21/2022 7:16:45 PM
Date Updated
10/5/2022 8:41:12 AM
Comments
basenine 9/21/2022 8:55:23 PM
Thank you Geronimo😊
Geronimo Torres 9/22/2022 9:52:15 AM
No problem!

Btw, I meant to type Sticky Title* in the post title. 😅
Pierre 10/5/2022 8:41:12 AM
Hello Geronimo

Thanks a lot for sharing this with us all !

I like your idea of using the bar at the level of the 'New File' to store information.
The TeamDesk design of the page is elegant, but there is some lost space there that you are using efficiently.

I see on your picture that you have been working on the concept of the 'Next record button'. I hope the TeamDesk team will move also there.

Kind regards,

Pierre
Feedback
Back to Search Results