Focus vertical scroll bar in report div

Hi everyone,
I just want to know if the issue has been resolved by someone :
I have a report within a div and a vertical scrolling bar to scroll the rows. When I click on a row of the report the row is highlighted. Now, if the clicked row is at the end of the report, the scrolling bar goes up, and the user has to scroll down to see the selected row. So how to focus this scrolling bar once the user clicks on the row ?
I guess I have to compute the id of the selected row times the row height and send this value to the css parameter of the scroll bar (but AFAIK there's no such parameter in css for positioning a scroll bar) ... Someone has came up with a solution ?
Best regards,
Othman.

Thanks a lot Andy,
I didnt' know about the scrollTop attribute. So for those how are interested : Each time I click on a row, I store the scrollTop position in a Hidden field. On each body onload, I call a javascript function to position the scroll bar of the div like this :
getElementById.("mydiv").scollTop = html_GetElement('P1_SCROLL_ID').value;
Regards,
Othman

Similar Messages

RoboHelp 8: Vertical scroll bar problem

I just installed RoboHelp 8. When I view a topic page that is longer than the window, sometimes the vertical scroll bars appear and sometimes they don't. If I click the <> HTML tab and then click the Design tab again, the scroll bar appears. The scroll bar also appears if I click the "Save" or "Save All" button. I also don't see a Service Pack for RoboHelp 8. Is that true?
I'm attaching 2 screen shots (both of the same topic) - one when I first go in to a topic and the scroll bar does not appears and one when I go to the HTML tab or Save and then scroll bar appears.

Hi there
No, there is no service release for version 8 as yet.
Could it be simply that focus is inside another pod when you fail to see the scroll bar? Perhaps you have clicked to select the Single Source Layouts pod and you see the scroll bar goes away?
Just guessing here... Rick
Helpful and Handy Links
RoboHelp Wish Form/Bug Reporting Form
Begin learning RoboHelp HTML 7 or 8 within the day - $24.95!
Adobe Certified RoboHelp HTML Training
SorcerStone Blog
RoboHelp eBooks

Left Vertical scroll bar

Hi Everyone,
Can any one help me, how to add a left vertical scroll bar to left hand side of the page region. i know how to add vertical scroll bar for the report region to right hand side, but i would like to know how can i add vertical scroll bar to page region and that too left hand side of the page region.
Thanks
Gowthami

Maybe try to implement your own scrollbar.
Or simply use CSS property direction.
You may need to use an other container to reset the direction, else your text will be written from right to left :
<div id="container1">
 <div id="container2">
 your content
 </div>
</div>
#container1 {
 direction:rtl;
 overflow-y:auto;
#container2 {
 direction:ltr;
 text-align:left;
}But I think it is not cross browser, you have to check!

Reportviewer Control vertical scroll bars

Hi,
I am using report viewer control to display reportins in a web application. For some reason I am not able to get the vertical scroll bars to show up. As a result the lower portion of the report is getting hidden. This was working in VS 2005 but it breaks in VS 2008. I tried some combinations of Size to Report Content, Asynch Rendering etc., but have not found any combination that works. Can anybody please help?
Thank you

I can't repro this. If the report doesn't fit the control height, ReportViewer shows vertical scrollbars. In my case, ReportViewer is configured as follows:
Code Snippet
<div style="padding-top:10px">
<rsweb:ReportViewer ID="reportViewer" runat="server" Visible="True"
Width="100%" Height="100%"
ondrillthrough="reportViewer_Drillthrough" BorderStyle="Inset"
BorderColor="Silver" BorderWidth="1pt"
ExportContentDisposition="AlwaysInline" AsyncRendering="True">
</rsweb:ReportViewer>
</div>

Vertical Scroll bars in analysis - View all rows

Users want to see the whole report displayed in one page with only a vertical scroll bar. They do not want the up/down arrows. Is this possible in OBIEE?
Thanks.
Ad

To implement the solution, please do:
1. Change instanceconfig.xml file in <biee11g_install>\instances\instance1\config\OracleBIPresentationServicesComponent\coreapplication_obips1 as following
<Views>
<Pivot>

<DefaultRowsDisplayedInDelivery>75</DefaultRowsDisplayedInDelivery>

<DefaultRowsDisplayedInDownload>2500</DefaultRowsDisplayedInDownload>

<DisableAutoPreview>false</DisableAutoPreview>
<MaxVisibleColumns>5000</MaxVisibleColumns>
<MaxVisiblePages>2500</MaxVisiblePages>
<MaxVisibleRows>500000</MaxVisibleRows>
<MaxVisibleSections>5000</MaxVisibleSections>
</Pivot>
<Table>

<DefaultRowsDisplayedInDelivery>75</DefaultRowsDisplayedInDelivery>

<DefaultRowsDisplayedInDownload>2500</DefaultRowsDisplayedInDownload>
<MaxVisiblePages>2500</MaxVisiblePages>
<MaxVisibleRows>500000</MaxVisibleRows>
<MaxVisibleSections>5000</MaxVisibleSections>
</Table>
</Views>
3. Note the new elements added are the following to both <Pivot> and <Table>, the Pivot part controls Pivot view, and Table part controls Table View, my testing was done with Table View.
<MaxVisiblePages>2500</MaxVisiblePages>
<MaxVisibleRows>500000</MaxVisibleRows>
<MaxVisibleSections>5000</MaxVisibleSections>
4. Restart Presentation Server from EM, then run your request, do excel export to verify.
Thanks...

How to fix double vertical scroll bar in responsive output

After implementing the solution provided for the question 'Responsive HTML5 Output: How to auto adjust the screen resolution for all devices?', the function bar in output does not appear and also another vertical scroll bar in the output. I edited the max-width value in the layoutfix.min.css file and fixed the function bar issue. How can I do away with the additional vertical scroll bar?

I've looked into the issue.
@Delennish: In your case, the size of the iframe is too large, or you have an extra empty element below the iframe. You can try 2 things:
1. Best solution but may have side effects: In the main.css, add the following code:
div.contentholder { overflow: hidden !important;}
For this option, please check for undesired side effects.
2. Works, but is ugly: In the main.css, add the following code:
div.floatholder iframe.wTopic { height: 95% !important;}
Try playing with the height setting until the 2nd scrollbar disappears.
@CarolW: The layout you're using is very old. I've made a new responsive layout with TOC only. Please use that one instead: http://www.wvanweelden.eu/sites/default/files/attachments/Theme1_Standard_TOC_Only.zip (I'll update my site with this new version later.)

Force vertical scroll bar

Hi all,
I would like to force a vertical scroll bar on all of my pages to keep the page from appearing to shift on some pages (pages long enough for scoll bars vs pages not long enough to need scroll bar). On my site I notice it in IE8 and FF3.
I know this has been discussed before but I am not able to find it.
Here is my code currently in my style.css concerning HTML and body elements
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
height: 100%;
body {
color: #000;
margin: 0 0 0 0; /* Sets the margin properties for an element using shorthand notation (top, right, bottom, left) */
padding: 0 0 0 0; /* Sets the padding properties for an element using shorthand notation (top, right, bottom, left) */
text-align: center; /* Centers the page content container in IE 5 browsers. */
background: #2D4262;
How would I accomplish this?
Thanks
Chris

Thanks for responding,
I tried both ways..I do not know CSS very well so I probably did it incorrectly.. Heres what happens when I tried both ways.
My background goes away if I add Michaels suggestion:
To see if I did it correctly here is what I had
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
margin-bottom:.01px;
min-height:100.2%;
And if I tried to add Murrays suggestion, nothing happened
To see if I did it correctly, here is what I had
html, :root { overflow-y:scroll; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
border: 0;
outline: 0;}
html {
font-family: Arial, Helvetica, sans-serif;
font-size: 76%;
height: 100%;
Again, I am probably not doing it correctly....
Thanks
Chris

No vertical scroll bar using Safari or Firfox

I created my own website using Dreamweaver CS3 and it looks great using IE. I just viewed it in Safari and Firefox and noticed there is no vertical scroll bar on the right so people can not see the bottom half of my pages. I have researched this online and nothing seems to be working. Any ideas will help. My website is www.binglevet.com if that helps anyone view the source code. Thank you. Caroline

You are awesome! I actually did run that report and there was this message; however, I didn't realize it was the main cause for many to be unable to view my site when using Firefox or Safari. I deleted the line and it now scrolls in both browsers. Thank you for the help.
Unsupported value: 'fixed'
body {
font: 100% Verdana, Arial, Helvetica, sans-serif;
background: #2A1F55;
margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
padding: 0;
text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
color: #000000;
position: fixed;

Why do I have 2 Vertical Scroll Bars and 1 Horizontal one

Can anyone tell me from the code below where I am going
wrong. I have an AP Div inside an AP Div that has text content and
the overflow is at Auto which gives me a horizontal scroll bar but
also 2 vertical scroll bars instead of one in Firefox. What is the
reason for this? I hope someone can help me - here's the code:
<div id="apDiv6"><img src="frame.jpg" alt="Frame"
width="518" height="335" /></div>
<div id="apDiv23">

Hors d'Oeuvres 
Soupe........... Soupe
a l'oignon
gratinée............................................
$6.75 
Onion soup 
Soupe du Jour ..........................
$5.25 
Soup of the day 
Les entrées
froides........... 
Huîtres du
Jour.....................La Pièce $1.85 

Oysters (served with Champagne shallot
vinegar) 
Salade et fromage, vinaigrette à la moutarde de
Dijon........ $6.00 
Mixed salad with feta cheese, Dijon mustard
vinaigrette 
Salad frisée aux lardons et oeuf poché..........
$7.95 
Frisée salad with bacon and poached egg, sherry
vinaigrette 
Salade de crabes, concombre et betterave, sauce
aïoli......$8.50 
Crab salad with golden beet and cumcumber, aioli
sauce 
Foie gras cuit au torchon et
toast........$14.50 
Les entrées chaudes...... 
Moules Marinières................$9.00 
Steamed Mussels Marinieres, White Wine and garlic (Side
French fries $2.50) 
Poêle de ris de veau et épinards, jus au
romarin..........$9.50 
Sautéed sweetbread with spinach, rosemary
jus 
Escargots de Bourgogne au beurre d'ail et
persil..............$7.50 
Escargots from Burgundy in garlic parsley butter (plate
6) 
Les Plats 
Légumes........ 
L'assiette végétarienne du Chef...............
$14.90 
Chef Vegetarian 
Red beet raviolis wih parmesan cheese and seasonal
vegetables, mushroom jus 
Poisson 
Pave de saumon, purée de pommes de terre et
épinards, sauce homard et vin blanc...... $16.50 
Steamed salmon with mashed potatoes, spinach and mussels,
white wine with lobster sauce 
Filet de bar meunière, poireaux caramélisés,
sauce grenobloise.....$16.75 
Sauteed bass served with caramelized leeks, Grenobloise
sauce 
Tronçon d'espadon legumes de saison couscous, safran
orange sauce.... $17.95 
Sauteed swordfish with couscous and spring vegetables, orange
and saffron sauce 
Viandes et volailles...... 
Boeuf Bourguignon et purée de pommes de
terre..........$16.25 
Beef Bourguignon sered with mashed
potatoes 
Suprême de poulet, ragoût de macaronis poireaux et
chanpignons, sauce orange... $15.50 
Roasted chicken breast, leek mushrooms macaroni ragout orange
sauce 
Lapin façon Normande............$17.25 
Rabbit Normandy served with Peruvian mashed
potatoes 
Le Cassoulet toulousain Maison...........$21.00 
Home Made Cassoulet with beans (Duck leg Confit, port,
Toulouse sausage) 
Jarret d'agneau braise 6 heures, blettes jus d'agneau et
romarin.....$23 
Lamb shank braised for six hours served with swiss chard,
rosemary lamb jus 
New York steak, french fries, shallot red wine
butter 

</div>
Thank you for helping!

Hi,
This is a problem with firefox. It will always show
scrollbars if the div's css property of overflow is set to anything
except none.
Gaurav
www.gauravchandra.com

Freeze column headers in a table and enable vertical scroll bar on the rows

I have seen demos of BI Publisher running an html view of a report that displays a table of data with a vertical scroll bar on the table. The table header is always visible as you scroll down on the rows of the table. Any idea how this is achievable?

Hi,
Have you find a way to do this? Im looking for the exact same thing!
Where did you see this demo?
Br
Magnus

Possible to have vertical scroll bar for a cell in ALV Grid (using methods)

Hi All,
I have a field with length 100 characters on a ALV Grid (using methods)..User doesn't want to scroll all the 100 characters horizontally to see the whole text rather he wants to have a vertical scroll bar for the cell so that he can scroll vertically.
Is it possible to have split the cell text into lines and have a vertical scroll bar for a cell in ALV Grid?
Regards
Jaker.

Thanks for the suggestion Balu.I tried this , but while scrolling,headers also getting scrolled.
Becoz of this , if i scroll down to the last row,headers are getting hidden.
Headers should always be static.only the data should scroll.
Since h:datatable is being rendered as one table , i can div tag for this table alone.
If i have seperate datatable for headers alone i can do this .But i should not use two datatables.

Missing (Functional) Vertical Scroll Bars In IE 11.0 After Upgrade

We are in the process of upgrading our SharePoint 2010 Farm to SharePoint 2013. We have begun our database-attach upgrade and have not yet converted the "look and feel". (The SharePoint 2013 farm has the latest patches and fixes)
The sites have no customizations or custom code. Under SharePoint 2010 farm the sites render correctly in Internet Explorer 11.0, Chrome, etc. The migrated sites do not show the vertical scroll bars in Internet Explorer 11.0, but show correctly
in Chrome (Version 39.0). Both the original farm and new farm are using the default unmodified v4.master page.
I have tried searching in the forums for an answer and on the internet and I see references to .css and .js settings. I don't know if that is the issue.
Oh and we have tried the compatibility settings but they did not make any difference.
Any thoughts?

Hi Roger,
I recommend to verify the things below:
Please reset IIS and check if there is any application pool is not start in IIS.
Would you please capture the screenshot about missing Vertical Scroll Bars and let me know the URL address.
Also, please collect ULS log for further research:
Collect the ULS log:
•Enable Verbose logging via Central Admin> Monitoring> Reporting>Configure diagnostic logging(You can simply set all the categories with Verbose level and I can filter myself).
•Reproduce the issue for three times.
•Record the time and get a capture of the error message(including the correlation ID if there is). Collect the log file which is by default located in the folder: <C:\Program files\common files\Microsoft Shared\web server extensions\15\LOGS>. Compress
them to a zip file and send it to me via workspace
•Stop verbose logging.
Best regards.
Thanks
Victoria Xia
TechNet Community Support

Is there a way to hide the horizontal and vertical scroll bar?

Hi,
I have report with customized page height and width and I am displaying it in the windows forms.
When I am resizing the form wherein the crviewer is dock in, the horizontal and vertical scroll bars appears.
Is there a way for me to suppress the those scrollbars?
Thanks in advance.

Couple of ways I've been able to find info about. E.g.; there is not straight API off os the viewer (CRviewer.ScrollBar = False ).
1) Add Panel control onto the page and add report viewer control into a Panel. Set Scrollbar, width, height property of Panel control.
2) See http://www.dotnetspider.com/forum/266932-Remove-Scrollbar-from-Crystal-report-Viewer.aspx for another idea.
If either of the above works for you, please let us know as I have not tested this yet.
Ludek
Follow us on Twitter http://twitter.com/SAPCRNetSup
Got Enhancement ideas? Try the [SAP Idea Place|https://ideas.sap.com/community/products_and_solutions/crystalreports]

Flex Tree Vertical Scroll Bar Issue

When i click on the + image of flex tree than first time the vertical scroll bar is not coming but when when i minimize it and again click on + than it appears can any one tell me what is the issue??

Hi Rob,
I have tried changing styles of those div's in which I have my dropdown's are there but it didnt work.
Below is the code for reference:
<div class="k-animation-container km-popup" style="width: 250px; height: 206px; margin- padding- padding-right: 10px; padding-bottom: 15px; display: none; "><div class="k-list-container k-popup k-group
k-reset" id="MaintenanceType-list" data-role="popup" style="height: 200px; display: none; font-family: 'Segoe UI', Verdana, Tahoma, Arial; font-size: 11px; font-style: normal; font-weight: normal; line-height: normal; width: 244px; -webkit-transform: translateY(-206px);"><ul
unselectable="on" class="k-list k-reset" tabindex="-1" role="listbox" aria-hidden="true" id="MaintenanceType_listbox" aria-live="off" style=""><li tabindex="-1" role="option" unselectable="on" class="k-item"></li><li tabindex="-1" role="option"
unselectable="on" class="k-item">AUX - Accessories belonging to EA group</li><li tabindex="-1" role="option" unselectable="on" class="k-item">ARL - Artificial Lift</li>
Regards,
Jyothi

Vertical scroll bar in a tree node

Hi Friends,
I am trying to create a tree in Apex 4.0. I need a vertical scroll bar in my tree nodes if the no: of values is greater than 8. For example i am having a tree with customers and sites. When i press the customers it will list the sites under that customer. I need a vertical scroll bar to be displayed for sites if the no: of sites is greater than 8, so that i can limit the size of the tree. Is there any ways to achieve this in Apex 4.0. Any input for this will be appreciated.
Thanks,
Nav

Hi,
My test page was upgraded to version 4 along with the rest of the OTN workspaces. I still have access to the tree template but can not guarantee how long that will last as I have no idea behind the reasoning for removing access to new tree's templates. You can access existing old trees by changing the app:page in the URL to 4000:28 - but, note, that new Apex 4 trees are not included on this page as they are generated by widgets not by templates.
For my old tree, to add the scrolling around the entire tree, I edited the tree's template - by clicking on the Tree link in the region - and added the following at the top of the "Before Tree" setting:
<div style="height:200px; width:300px; overflow-y:auto;">and add the following to the bottom of the "After Tree" setting:
</div>I have not, as yet, been able to find a way of adding scrollbars within a list when there are more than x number of entries.
Andy

Focus vertical scroll bar in report div

Similar Messages

Maybe you are looking for