How to avoid horizontal scrollbar on WI form ?

492 views
Skip to first unread message

van...@etukusa.com

unread,
Aug 1, 2015, 5:46:24 PM8/1/15
to Fujitsu RunMyProcess Developer Community
My WebInterface is having Array widget with 17 colums . This causes a horizontal scrollbar on page. The problem is that other sections also gets expanded full towards right , which hides many other text boxes until you scroll across. This is really frustating. Please help .

can i have a horizontal scrollbar for array widget only, or its section only ?

Thanks
Vishal

van...@etukusa.com

unread,
Aug 3, 2015, 2:58:37 AM8/3/15
to Fujitsu RunMyProcess Developer Community, van...@etukusa.com
Hello Everyone,

Can anyone help me on this ? I need to have scrollbar for array widget or its section only, not for entire web interface form.

Pankaj Kumar

unread,
Aug 3, 2015, 5:04:42 AM8/3/15
to Fujitsu RunMyProcess Developer Community, van...@etukusa.com
Hi Vishal,

Please set the width of the array fixed, and set the css property "overflow:auto", scrollbar will come to array rather than the full page. Please use the below java script code and place it in a js widget.

$("#id_array").wrapAll("<div style='width:940px;overflow:auto;height:165px;'></div>");


Thank you,
Pankaj Kumar
Fujitsu RunMyProcess Support

--
Fujitsu - RunMyProcess
---
You received this message because you are subscribed to the Google Groups "Fujitsu RunMyProcess Developer Community" group.
To unsubscribe from this group and stop receiving emails from it, send an email to supportforum...@runmyprocess.com.
To post to this group, send email to suppor...@runmyprocess.com.
Visit this group at http://groups.google.com/a/runmyprocess.com/group/supportforum/.
To view this discussion on the web visit https://groups.google.com/a/runmyprocess.com/d/msgid/supportforum/7cc0130d-8cb8-4d8e-b616-13c4bb9ad2a0%40runmyprocess.com.

Vishal Anand

unread,
Aug 3, 2015, 12:03:40 PM8/3/15
to Pankaj Kumar, Fujitsu RunMyProcess Developer Community
Thanks Pankaj.

I tried putting JS in a widget , but it didn't make any difference. UI is same as earlier. Horizontal scrollbar for entire page. Even i tried running it from TEST CONSOLE, with no success. It don't change anything on page.

I am pasting here what i got as return from WRAPALL method on executing script.Also pasting one screenshot. Maybe helpful to you.


$("id_db_output_transpose").wrapAll("<div style='width:940px;overflow:auto;height:165px;'></div>");



{"length":0,"prevObject":{"0":{"location":{"ancestorOrigins":{"length":0},"origin":"https://live.runmyprocess.com","hash":"","search":"?instance=f67a5ae2-39f6-11e5-b33e-22000ba009ca&P_mode=TEST","pathname":"/live/118401436825474504/appli/219043/state/1","port":"","hostname":"live.runmyprocess.com","host":"live.runmyprocess.com","protocol":"https:","href":"https://live.runmyprocess.com/live/118401436825474504/appli/219043/state/1?instance=f67a5ae2-39f6-11e5-b33e-22000ba009ca&P_mode=TEST"},"jQuery19108073600777424872":1,"gwt_uid":11},"context":{"location":{"ancestorOrigins":{"length":0},"origin":"https://live.runmyprocess.com","hash":"","search":"?instance=f67a5ae2-39f6-11e5-b33e-22000ba009ca&P_mode=TEST","pathname":"/live/118401436825474504/appli/219043/state/1","port":"","hostname":"live.runmyprocess.com","host":"live.runmyprocess.com","protocol":"https:","href":"https://live.runmyprocess.com/live/118401436825474504/appli/219043/state/1?instance=f67a5ae2-39f6-11e5-b33e-22000ba009ca&P_mode=TEST"},"jQuery19108073600777424872":1,"gwt_uid":11},"length":1},"context":{"location":{"ancestorOrigins":{"length":0},"origin":"https://live.runmyprocess.com","hash":"","search":"?instance=f67a5ae2-39f6-11e5-b33e-22000ba009ca&P_mode=TEST","pathname":"/live/118401436825474504/appli/219043/state/1","port":"","hostname":"live.runmyprocess.com","host":"live.runmyprocess.com","protocol":"https:","href":"https://live.runmyprocess.com/live/118401436825474504/appli/219043/state/1?instance=f67a5ae2-39f6-11e5-b33e-22000ba009ca&P_mode=TEST"},"jQuery19108073600777424872":1,"gwt_uid":11},"selector":"id_db_output_transpose"}


Inline image 1

Thanks
Vishal
1.jpg

Pankaj Kumar

unread,
Aug 4, 2015, 2:29:03 AM8/4/15
to Fujitsu RunMyProcess Developer Community, Vishal Anand
Hi Vishal,

Please try the below code, should be fine to run as you have missed the "#" before the identifier in jquery script.

$("#id_db_output_transpose").wrapAll("<div style='width:940px;overflow:auto;height:165px;'></div>");


Thank you,
Pankaj Kumar
Fujitsu RunMyProcess Support

Vishal Anand

unread,
Aug 4, 2015, 3:30:35 AM8/4/15
to Pankaj Kumar, Fujitsu RunMyProcess Developer Community
Thanks a lot Pankaj !

It worked . So embarrassing for me, I missed # ;)

-Vishal
Reply all
Reply to author
Forward
0 new messages