Datagrid, Horizontal Scroll

Hello all.
Im sure this is a simple fix, but after searching google for a fair amount of time, thought i would post up here.
I have a simple datagrid using the following code -
                         <mx:DataGrid id="chatDG" width="100%" height="143" x="0" y="0" fontSize="10" horizontalScrollPolicy="on">
                              <mx:columns>
                                  <mx:DataGridColumn headerText="Question" dataField="message"/>
                              </mx:columns>
                          </mx:DataGrid>
This is displaying strings of text taken from a mysql database using a php script. It works fine, each message is on a new line, everything is perfect. Apart from if a message is too long it runs off the right side of the datagrid.
There is a horizontal scroll bar displayed but it is disabled / greyed out. THe datagrid only has one column, i need to be able to scroll ffrom right to left in order to read the full string of text, any suggestions?
Thanks in advance

try
<mx:DataGridColumn id="dgc" wordWrap="true" />
you should be able to read everything now.
if it doesn't work, set also the <mx:DataGrid horizontalScrollPolicy="off"/>. it will work.
Thanks,
Sathish.

Similar Messages

DataGrid Horizontal Scroll Problem when datagrid contains Item renderer

I have datagrid with horizontal scroll policy enabled. Grid
contains some item renderer also.One of the item renderer is
datefield when i select a date from the datefield and say the
adjacent cell of the grid also contain datefield itemrenderer
and i am selecting date from that itemrenderer also.When i
scroll horizontally the date in the itemrender changes to any one
of the two itemrenderer.Some time it works fine.I am getting the
issue for combobox itemrender also.Can any one help me to solve
this issue.

"happybrowndog" <[email protected]> wrote in
message
news:ge11ag$jdo$[email protected]..
>
quote:
Originally posted by:
ravi_bharathii
> I have datagrid with horizontal scroll policy enabled.
Grid contains some
> item
> renderer also.One of the item renderer is datefield when
i select a date
> from
> the datefield and say the adjacent cell of the grid also
contain datefield
> itemrenderer
> and i am selecting date from that itemrenderer also.When
i scroll
> horizontally
> the date in the itemrender changes to any one of the two
itemrenderer.Some
> time
> it works fine.I am getting the issue for combobox
itemrender also.Can any
> one
> help me to solve this issue.
>
> Ravi, I am having a similar problem. I subclass a
TextInput as an
> itemrenderer for a column in a datagrid. My subclassed
TextInput checks
> to see
> the value in the overriden set() method, and depending
on the value, sets
> the
> background color of the TextInput to green. When the
datagrid scrolls
> horizontally, some unrelated cell colors also change
green and some of the
> data
> gets duplicated in the cells. The underlying data
provider's data is not
> confused however. Seems the rendering is screwed up when
the Datagrid
> scrolls.
>
> Did you find a solution to this problem? I think
Datagrid is a piece of
> screwed up code.
http://www.magnoliamultimedia.com/flex_examples/Amys_Flex_FAQ.pdf
Q2

Spark datagrid - Horizontal scroll won't work

I have been unabled to get my full datagrid to scroll on a mobile device. I know they are not optimized for mobile but everything else seems to work ok.
I have the scroll setting enabled: horizontalScrollPolicy="on"
This still does not enable my grid to scroll even through the data is there and I can statically set the position and see the different position on the grid.
The title bar scrolls then snaps back when I take my finger off the screen.
Any suggestions?

think many programs in windows support you clicking just beside the scroll arrow and drag out a split
at least visual studio does that
test with other apps to narrow it down to if it's excel causing it

Dynamic DataGrid + slow horizontal scrolling

Can anyone explain why my datagrid horizontal scrolling is so
slow:
Demo
www.smithkjaer.dk/flex/TestComp.htm
Source
www.smithkjaer.dk/flex/srcview/index.html
Depending on your connection it can take a few seconds to
start due to a large number of columns being generated dynamically
out from the xml source.
Note: If I disable the datagrids scrolling and scroll it in a
canvas there is no performance problem when scrolling, except i
miss my column header labels when vertical scrolling is used.
If I disable my dataProvider and build the dataGrid without
adding data it also scrolls fast

I have now filed this as a bug which has been confirmed,
which you can read about here :
http://bugs.adobe.com/jira/browse/SDK-14361
Please vote for this bug to be fixed

Datagrid display scrolling bug?

Hello,
I'm developing an AIR application using the 4.1 SDK and have come across inconsistent display behavior from a datagrid when scrolling.
My datagrid has three fixed columns created in MXML with the DataGridColumn tag. When the datagrid fires a creationComplete event, I then dynamically add additional columns to it, setting the column item renderer to an MXML component. This is all rather straightforward and when I start the application, everything looks just fine. However, once I scroll the datagrid, either vertically or horizontally, the values from the dynamically created columns change or empty cells are displayed in their place. They change every time I scroll. The fixed columns don't exhibit this behavior.
Has anyone encountered this issue? Is this a Flex bug and is there a workaround?
Your help is appreciated.
Thanks,
-Jose

itemRenders in DataGrid and other list based controls are recycled, so this often causes problems for scrolling "depending on what you are doing".
Show code and we may be able to help more.
If this post answers your question or helps, please mark it as such.
Greg Lafrance - Flex 2 and 3 ACE certified
www.ChikaraDev.com
Flex Training and Support Services

Horizontal scroller not appearing despite viewport being larger than scoller area

I have a few datagrids which I have rotated 270 degrees so the header will be on the left side. I have contained these datagrids in a VGroup so they would be stacked on top of each other. Everything looks as I want it, but the horizontal scroller will not appear. The Columns are very tall and go off the screen and I cannot scroll to the right to see them. I have tried everything. I've made the scroller width smaller and nothing changes. I've added an HGroup and then Group to contain the VGroup and still no change. Any idea how I can get this scroller to work? Here is what my code looks like
<s:Scroller id="scroll" width="100%" height="100%" horizontalScrollPolicy="on">
        <s:Group width="100%" height="100%">
        <s:VGroup gap="10" width="100%" height="100%">
            <s:DataGrid id="dgWeeks" rotation="270" dataProvider="{user.weeks}" sortableColumns="false" horizontalScrollPolicy="off"
                        verticalScrollPolicy="off" width="100%" height="100" top="0"styleName="defaultDataGrid" editable="true">
                <s:columns>
                    <s:ArrayList>
                        <s:GridColumn dataField="date" headerText="Date" editable="false" width="36" itemRenderer="components.itemRenderers.Unrotate" />
                        <s:GridColumn dataField="weekNo" headerText="Week #" editable="false" width="36" itemRenderer="components.itemRenderers.UnrotateWeekNo" />
                    </s:ArrayList>
                </s:columns>
            </s:DataGrid>
               <s:DataGrid id="dgWeeks" rotation="270" dataProvider="{user.weeks}" sortableColumns="false" horizontalScrollPolicy="off"
                        verticalScrollPolicy="off" width="100%" height="100" top="0" styleName="defaultDataGrid" editable="true">
                <s:columns>
                    <s:ArrayList>
                        <s:GridColumn dataField="date" headerText="Date" editable="false" width="36" itemRenderer="components.itemRenderers.Unrotate" />
                        <s:GridColumn dataField="weekNo" headerText="Week #" editable="false" width="36" itemRenderer="components.itemRenderers.UnrotateWeekNo" />
                    </s:ArrayList>
                </s:columns>
            </s:DataGrid>
           </s:VGroup>
        </s:Group>
    </s:Scroller>

Try setting minWidth=0 on the DataGrids

Help with code for inserting horizontal scroll bar in photo gallery in Business Catalyst site?

Hi,
I am using Business Catalyst and Dreamweaver to create a trial site.
I am not sure if this is the correct forum to post this request but anyway I have inserted a photo gallery module at the bottom of the sidebar in the homepage of my test site.
Can anyone advise on whether jquery or any other code can be inserted into the page or module code that will replace the "next" hyperlink below the first 4 photos with a horizontal scroll bar at bottom of the gallery so users can just scroll through all 12 images ?
Kind Regards, Matt.
http://craftime-bs6.businesscatalyst.com/

Alyssa,
Have you tried putting this rule back as it was originally:
/* Submenu that is showing with class designation MenuBarSubmenuVisible, we set left to auto so it comes onto the screen below its parent menu item */
ul.MenuBarHorizontal ul.MenuBarSubmenuVisible
    left: auto; /*was 9px*/
    color: #EF9CCF;
    background-color: #FFF;
That is, changing your 9px back to auto.
And giving us a link (as you did) is much better than printing out the code for us! Thanks!
Beth

How to get the Horizontal Scroll Bar for a Table?

Hi All,
As per my requirement, I am displaying several records in a Screen in a Tabular Format. But here I have to show 21 Columns in that table which is too high. I am able to display it but due to it I am getting a Horizontal scroll bar for the whole screen since all the columns are not getting displayed in the normal window screen space. But its looking too odd since once I am scrolling it to right the columns are getting displayed but the above Header Bar and Global buttons are not displaying, they are bound to the normal screen space.
Is there a way to have a Horizontal scroll bar only for that table instead of the entire screen so that on scrolling that bar only the table rows will beshifted ant got displayed?
With Thanks
Kumar Gautam

try this approach.
include a raw text item before and table item.
include the appropriate HTML tags in raw text item to enable horizontal scroll
--Prasanna

Expand horizontal scroll panel on both sides for a zoom in effect

Hi,
I'm creating an interactive timeline with Flash Catalyst. It is set up as a long horizontal scroll panel which contains buttons that link to states with photos and text about historic events. One feature I would like to include is a zoom feature, like the one found on the bbc British history timeline (http://www.bbc.co.uk/history/interactive/timelines/british/index_embed.shtml ). E.g., when you click on a colored section of the horizontal scroll panel it will zoom in to view that timeframe in more detail.
The problem I'm running into is that I can't expand the scroll panel to the left. So, I can go into edit mode for the scrolling content, create a second state, and enlarge the scrolling content in that second state to create a zoom in effect. However, because the scrolling content will only expand to the right, I can't line up the interaction correctly.
Is there a workaround for this in Flash Catalyst?

have a peek at this:
on the left, the corner radius (the red line) is enough to create a curve on the inside of the stroke. on the right, it isn't large enough.

How do I view the Horizontal Scrolling bar and status bar at the bottom of the screen. I can only see the top menus, toolbars and vertical scroll bar?

Before the most recent upgrade, the bottom horizontal scrolling bar and status bar appeared on my screen. Now since upgrading, I cannot see the. Anyone ideas how to restore them?

If you haven't already, you could force-quit Quicktime by using the menu option from the desktop (finder) and choose Quicktime.
Not sure what you have frozen on the screen, be it a failed movie, or some unusual screen shot. If you can find by date (created) you may be able to look for .mov or quicktime suffix name or other video file content to delete it.
And you may have to restart your computer and perhaps run repair disk permissions from Disk Utility's first aid on the hard disk drive in your computer.
Not sure if all that would help now, but it is something a few days late...!
Good luck & happy computing!

Horizontal Scroll Bar

I have this site that I'm practicing on called
Massattack Studios,
it's been a work in progress for a while experimenting with Flash
and Dreamweaver 8.
In internet explorer my scroll bar situation works fine, in
Fire Fox the unwanted horizontal scroll bar appears. At least at
the moment I'm not concerned with other browsers. Can anybody tell
me how to get rid of that little guy?
I'm looking at the Validator and it is very overwealming to
me as a beginner with the code.
Any help would be great, i can post anything you may need to
figure it out, thank you very much!
This is my main index page...
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml">
<head>
<title>Massattack Studios</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1" />
</head>
<frameset cols="*,650,*" border="0">
<frame src="left.htm" name="left" marginwidth="0"
marginheight="0" scrolling=no>
<frameset rows="100,*,25" border="0">
<frame src="head.htm" name="head" marginwidth="0"
marginheight="0" scrolling=no noresize>
<frame src="home.htm" name="MainFrame" scrolling="yes"
noresize="noresize" marginwidth="0" marginheight="0"
id="MainFrame">
<frame src="footer.htm" name="footer" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<frame src="right.htm" name="right" marginwidth="0"
marginheight="0" scrolling=no noresize>
</frameset>
<noframes><body>
</body></noframes>
</html>

In the home.htm file that loads into your main frame, change
the DOCTYPE.
CHANGE:
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN"
http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"
TO THIS:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01
Transitional//EN">BTW:
"Bumbing" has no effect in the NNTP forums where most of the
answers come
from and it's just annoying to the web form user who are
patiently waiting
for a response.

REGARDING horizontal scroller in alv grid o/p

hi,
i have developed a report in alv grid its wrking fine..
i want one thing >>>>in the o/p screen the plantid is the first column, the second column is the plant name what i want is that, horizontal scroller will work from plant name not from plantid for this what parameters sud i pass in the fieldcat for plantid.plz help me.

Hi,
U have to put for that particular plant id
wfieldcat-key = 'X'.
Thanks,
Sankar M

My horizontal scroll bar went missing when I maximise the window. How do I fix them?

My horizontal scroll bar went missing when I maximise the window. How do I fix them? I tried everything; such as auto hide the task bar. Even with this, I still can't see the horizontal scroll bar. I even tried the following and I still can't see the horizontal scroll bar.
1) In a new tab, type or paste about:config in the address bar and press Enter. Click the button promising to be careful.
(2) In the search box above the list, type or paste dom and pause while the list is filtered
(3) Double-click the dom.disable_window_open_feature.scrollbars preference to switch it from false to true. By choosing true, you disable sites from deciding whether there can be scrollbars on a window, and Firefox uses its standard behavior for the page.
If you want to always get other bars, here are the corresponding settings:
Menu Bar: dom.disable_window_open_feature.menubar
Navigation Toolbar: dom.disable_window_open_feature.toolbar
Bookmarks Toolbar: dom.disable_window_open_feature.personalbar
Please help.

Can you post a screen shot?
Taking a Screen shot; '''''Windows > Start >''''' search box '''''> Snipping Tool'''''.
Save the picture(s) to your desktop. Now look at the '''Reply''' box below.
Do you see the button under it that says '''Browse'''? Click it and then select
the screen shot(s) from the desktop.

Left Aligning an Anchor object in a horizontal scroll

I'm sure the answer to this is going to be so simple I'll be forced to learn how to kick myself.
I have a website that contains a static header section and a table row that contains a number of pictures in a horizontal scroll. The rest of the page does not scroll, just this one table row.
I want to be able to designate some of the pictures as the starting point for a new section.   So I created an reference link at the top of the page,
<a href="#portraits">PORTRAITS</a>
and then designated one of the pictures to be the target
Start of table row
<table><tr>
<td>...........pictures
<td><a name="portraits">
<img src="gallery/5a.gif" alt="" class="transparent5" /></a>
<p class="notes">PORTRAITS</p>
<p class="title">→ </p></td>
<td>
........continues on,
So the question is, once a user clicks the reference how can I ensure the target aligns on the left side of the page?    currently what is happening is it is just being brought into view on the right hand side.     This isn't the estetic the site owner wants.
Thanks for looking.

Hi Nancy, (or anyone else with input )
I can't seem to invoke the horizontal scroll for the site. It may be because I have the scrolling in a single table within the body and the script seems to be calling out the full <body> tag for the target.
my feeble attempt is here - http://www.lightmonkey.ca/indexjs.html
The button list looks like this,
<ul id="nav" class="scroll" >
    <a href="#portraits">PORTRAITS </a>
    <a href="#performance">PERFORMANCE    </a>
    <a href="#editorial">LIFESTYLE + EDITORIAL    </a>
    <a href="#industrial">INDUSTRIAL </a>
    <span class="style6"><a href="http://lightmonkeyphotography.wordpress.com/" target="_blank">BLOG  </a></span>
    <a href="#contact">CONTACT </a></ul></td>
So I think the JS function will call 'ul.scroll' according to the syntax from the tutorial site, (bold in snippet at bottom)
The start of the scrolling table looks like this,
<div id="main"><div id="gallery">
<table><tr>
<td><a name="portraits">
<img src="gallery/5.gif" alt="" class="transparent5" /></a>
<p class="notes">PORTRAITS</p>
<p class="title">→ </p></td>
<td>
etc
so what would be the function target? (target, my term, also in bold in the snippet below)

        <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
        <script type="text/javascript" src="reffile/easing.js"></script>
        <script type="text/javascript">
            $(function() {
                $('ul.scroll a').bind('click',function(event){
                    var $anchor = $(this);
                    if you want to use one of the easing effects:
                    $('html, body').stop().animate({
                        scrollLeft: $($anchor.attr('href')).offset().left
                    }, 1500,'easeInOutExpo');
                    $('html, main').stop().animate({
                        scrollLeft: $($anchor.attr('href')).offset().left
                    }, 1000);
                    event.preventDefault();
        </script>
Any suggestions on this?
Thanks again! tried to just figure it out but 3 dozen combinations have not worked out....

How to make the knob of a horizontal Scroll Bar stay at right

Hi I need some advise to achieve this:
I have a chart continuously deploying towards the right side (think on an electro cardiogram that is continuously feeding data). All the chart information is kept available inside a JScrollPane. What I want to achieve is:
1. if the horizontal scroll bar knob is at the right end of the scroll bar make the end part of the chart be displayed continuously (view is scrolling to the right, the knob stays at the right end)
2. if the user moves the knob left from the right end freeze the motion and just show the selected portion (meanwhile data keeps being fed and stored but not displayed)
3. when the user decides to drag the knob again to the right end the behavior of point # 1 resumes.
The basic swing structure I'm using for this is the following:
public class Electro extends JPanel {
public Electro() {
JFrame f = new JFrame();
JScrollPane sp = new JScrollPane(this);
f.getContentPane().add(sp);
f.pack();
f.setVisible(true);
I would highly appreciate any feedback from fellow members. Thank you.

hi friend
try this in ur code
public class Electro extends JPanel {
public Electro() {
JFrame f = new JFrame();
JScrollPane sp = new JScrollPane(this);
sp.setVerticalScrollBarPolicy(ScrollPaneConstants.VERTICAL_SCROLLBAR_ALWAYS);
sp.setHorizontalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS);
f.getContentPane().add(sp);
f.pack();
f.setVisible(true);
i think it will be help full to you
thanks
waiting for reply

Datagrid, Horizontal Scroll

Similar Messages

Maybe you are looking for