Remove Double Scrollbar in ASP.NET Reportviewer

Apabila kita menggunakan report bawaan dari VS maka sering kali tampilan report terdapat double scrollbar.

Pada posting Remove Double Scrollbar in ASP.NET Reportviewer kali ini akan diberikan javascript untuk menghilangkan scrollbar yang ada didalam reportviwer. Alasan mengapa scrollbar ini perlu dihilangkan karena terdapat 2 buah scrollbar didalam reportviwer sehingga terlihat kurang rapi.

Reportviewer yang tergenerate akan ditampung didalam iframe, untuk itu kita membutuhkan javascript untuk melakukan manipulasi terhadap inline style. Dalam hal ini adalah style untuk objek ID "oReportDiv" didalam frame "report"

Dibawah ini javascript yang kita perlukan, dan pastikan anda menaruh script tersebut di bagian head.

Penjelasan singkat dari script dibawah ini adalah pada saat pertama kali load page kita hilangkan attribut style pada "oReportDiv" dan setiap 50 ms kita cek lagi. Kenapa perlu dicek adalah jika user melakukan klik pada tombol next maka isi dari iframe akan digenerate ulang dan kita perlu menghilangkan kembali style pada "oReportDiv".

Remove Double Scrollbar in ASP.NET Reportviewer


Sebaiknya script diatas ditaruh dibagian bawah body halaman page kita agar objek report yang akan kita manipulasi muncul terlebih dahulu.

Recommended Reading: 
Error Operation Must Use an Updateable Query

Semoga postingan Remove Double Scrollbar in ASP.NET Reportviewer diatas dapat bermanfaat.



Salam,

Popular posts from this blog

SmartObject property ID is a required property for selected method Create. Value must be set.

Cara inject USB 3.0 Driver pada instalasi Windows - How to Inject USB 3.0 Driver in Windows 7

Python Font Color in Console