Remove ScrollBars on GlideDialogForm

[jeremyeperdue]

How can I remove the vertical scroll bars on a GlideDialogForm?

[jeremyeperdue]

How would this code fit in here? I am not familiar with the setLoadCallback function. I see that I already have a setLoadCallback function, would I just add the jQuery line under it? IE Take your line 4 and place it at my line 18?

[venkatiyer1]

Hi Jeremy,

You can place the following code after line 24 above. It should work.

$j("#dialog_frame").contents().find(".touch_scroll").filter(".section_header_content_no_scroll").css("overflow", "hidden");  

[jeremyeperdue]

I really appreciate you taking the time to help me Venkat. I added the line, and same result as the screenshot I posted above. Checked the logs and I do not see any error messages.

[Manjul Katare]

Hi Jermey,

In addition to Venkat's input, I would advice using "overflow: auto" in-place of "overflow: hidden".

It's possible on the small screen that content may not fit well and content could be clipped because of "overflow: hidden". Keeping "overflow: auto" would help you show the scrollbars when they are really needed. When there is enough space available on the window, it would not display the scrollbar.

Thanks,

Manjul

[venkatiyer1]

Hi Jeremy,

$j("#dialog_frame").contents().find(".touch_scroll").filter(".section_header_content_no_scroll").css("overflow", "hidden");

In the above code, may be you can ensure you select the gsft_main frame in developer tool bar of your browser and then console.log   $j("dialog_frame") to see if you get a element and then traverse each step till find to get touch_scroll class elements. The reason i want to debug is to ensure that our dom manipulation is getting applied.

Overflow =   auto   - would have been a good choice generally but in your case since we are not re caliberating the height and width after load of window it will always tend to have scroll bars. Hence you would have to apply the hidden value.