Request for Workaround on Scrolling Detail List

13 views
Skip to first unread message

primecomputersdeveloper3

unread,
Oct 7, 2024, 6:43:11 AM10/7/24
to kaizenf...@googlegroups.com
Hello Sir

I’m looking for a way to scroll through the detail list instead of the whole page. If you have any workarounds for this, please let me know.  



Thank you



Hardik Parekh

unread,
Oct 8, 2024, 5:30:36 AM10/8/24
to Kaizen Framework

if you want to add scroll to child grid in a page then add the following code in pageStyle
#kz_Child_11 is div above the child grid <table> tag

#kz_Child_11{
    overflow-y: scroll;
    height: 700px;
padding-bottom-200px;
}


#kz_Child_11 tfoot {
    position: sticky;
    bottom: 0;
    z-index: 2;
}
.PageChild thead{
background-color: #C4DEF7 !important;
}
.PageChild tfoot{
background-color: #BCD5ED !important;
}

or 
if you want to add scroll to all child grid then add the following code in UserData/css/style.css

.kz_Child{
    overflow-y: scroll;
    height: 700px;
padding-bottom-200px;
}

.kz_Child  tfoot {
    position: sticky;
    bottom: 0;
    z-index: 2;
}
.PageChild thead{
background-color: #C4DEF7 !important;
}
.PageChild tfoot{
background-color: #BCD5ED !important;
}

Untitled.png

Narendra

unread,
Oct 8, 2024, 9:12:20 AM10/8/24
to kaizenf...@googlegroups.com
Wonderful work hardik bhai . Thanks for the same


It has been a great help using this feature for us.


--
You received this message because you are subscribed to the Google Groups "Kaizen Framework" group.
To unsubscribe from this group and stop receiving emails from it, send an email to kaizenframewo...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/kaizenframework/cb26ec35-54dd-4a8e-a3c0-31b60708218fn%40googlegroups.com.


--
 
Narendra R. Shete
Director
+91-9820101355
| nare...@primecomputers.co.in
Reply all
Reply to author
Forward
0 new messages