In IE7, using RowIndicatorColumn-Display="false" causes grid width issue ...

[IQworks]

   In firefox, it works fine.
   When I take the rowindicatorcolumn code out, the grid width works on IE7, but, of course I get the extra column. Any idea how to either keep the "

RowIndicatorColumn-Display

 

="false"  , OR, how to get rid of the extra column I get left with if I take out the rowindicatorcolumn code ?
thanks,

 

[IQworks]

to further clarify the issue.
I have an add data button. when I press the add data button, the entire gird (Heading, footer, formtemplate and grid) do not resize properly (they all loose about 100 pixels of width) in IE 7. But without the RowIndicatorColumn="false", its fine ?

[IQworks]

Sorry to go back and forth on this ....

It does turn out to be the RowIndicatorCoumn-Display="false". I am wondering what could cause the whole app to have its width decrease when i want to display the fomtemplate.

when I choose to display the formtemplate for insert with the RowIndicatorCoumn-Display="false", I dont want to show the grid column headings, so, I do showheadings="false" and the app width is cut by about 25%.
when i choose to display the formtemplate for update with the RowIndicatorCoumn-Display="false", I want to show the headings for the grid columns I am updating, so, showheadings stay "true" and the app width is fine.

when I choose to display the formtemplate for insert with no refference to  RowIndicatorCoumn-Display (true by default), I dont want to show the grid column headings, so, I do showheadings="false" and the app width is fine. 
  

[IQworks]

OK, after looking everywhere, I have come to the conclusion that perhaps I am stuck with the extra column in my grid.
 Tried the 

<

 

RowIndicatorColumn Visible="false"></RowIndicatorColumn>
this had absolutly no effect.
tried 

 

RowIndicatorColumn-Visible

 

="false"
absolutly no effect.

 I did however find an interesting post:
-------------------------

 

Posted on Oct 15, 2007 (permalink)
http://www.telerik.com/community/forums/aspnet/grid/radgrid-editforms-not-showing-correctly-in-ie.aspx

Hi there,

I have a very interesting issue, we have a number of pages in our site which use the RadGrid using GridEditMode.EditForms, all these pages use a GridHelper class to create and populate them based on the datatable provided to the grid helper class.

When the grids are viewed in FireFox 2.0 on IIS5.1 and IIS6 they operate as expected.
When viewed in IE6 and IE7 on IIS5.1 the edit form does not show, however the edited row changes colour as if its in edit mode but the edit form does not appear. When view in IE6 and IE 7 on IIS6 on a win2K3 machine the edit form appears correctly.

Frankly Im stumped, why would IIS6 work ok with ie6&7 but iis5.1 not? and then why would it always work in fireFox regardless of websvr version?

Any rays of hope, dim or otherwise will be received with choirs of angels, and my and my teams boundless gratitude. I might even name my firstborn son after you if your name is Conner.

Cheers,
Anthony
**

Posted on Oct 18, 2007 (permalink)

Hi anthony,

Most probably this is related to Display="false" column problem under IE which is fixed in the latest grid service pack (5.0.1). Other possible solution is to use Visible instead of Display.

All the best,
Vlad
the Telerik team

 
-------------------------
  Even though this post is old, the problem is similar to mine, I am using IIS5.1. My formtemplate displays the width incorrectly until I take out the rowindicatorcolumn=false and showheader=false, or it works in IE7 if i have rowindicatorcolumn=false and showheader true. 
  I am trying to see if at least i can find out that the rowindicatorcolumn still has a problem in IE7, this way, I can settle for keeping the extra column - but if their is no known problem with IE7, then I guess I have to keep on searching for the answer because the extra column is uneeded.
thanks for your time  

[Shinu]

Hi,

RowIndicatorColumn will appear if you have set the row resizing for the Grid. If you are not using row resizing set the AllowRowResize property to false as shown below.

ASPX:

          <ClientSettings>
             <Resizing  AllowRowResize="false" />
            </ClientSettings>

Shinu

[IQworks]

Hi Shinu
Ah, yea, I did want Row Resizing. Please refer to the entire post for the outline of my issue. I dont think my choice is Row Resizing with an app (Header, Grid, FormTemplate and footer) that all suddenly get an incorrect width at the same time. Or, NOT using Row Resizing so that my app width comes out ok ?
thanks

[Tsvetoslav]

Hi IQworks,

In order to hide the row indicator column, please, take the following steps.

1. Add the code below to the Page_PreRender event:

       RadGrid1.MasterTableView.GetColumn("RowIndicator").HeaderStyle.Width = Unit.Pixel(1);
       RadGrid1.MasterTableView.GetColumn("RowIndicator").ItemStyle.Font.Size = FontUnit.Point(1);

2. Add the following css classes to your page:

    <style type="text/css">

        .rgResizeCol  {
                        padding-left:0 !important;
                        padding-right:0 !important;

                      }
        .rgResizeCol, .NoBorder
        {
               border-left:0 !important;
               border-right:0 !important;
        }
    </style>

3. Set the HeaderStyle-CssClass and ItemStyle-CssClass of the first column in the grid as follows:

                            <telerik:GridBoundColumn UniqueName="ID" HeaderText="CustomerID" DataField="CustomerID" HeaderStyle-CssClass="rgHeader NoBorder"
                             ItemStyle-CssClass="NoBorder" HeaderStyle-Width="100px">
                            </telerik:GridBoundColumn>

I hope this information helps. Please, let us know of the result.

Best Regards,
Tsvetoslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[IQworks]

Hi Tsvetoslav,

     I and my code are wondering about the code for (rgHeader) ?

<telerik:GridBoundColumn UniqueName="ID" HeaderText="CustomerID" DataField="CustomerID" HeaderStyle-CssClass="rgHeader NoBorder"

ItemStyle-CssClass="NoBorder" HeaderStyle-Width="100px">

</telerik:GridBoundColumn>

     Is this rgHeader is a telerik class, I am not sure where to pick that up at ?  When I look through Telerik for rgHeader, I see things like ? ....... 
div.MyCustomClass  .rgHeader
div.RadGrid_Office2007  .rgHeader, 

     Also, I put a test copy of the page up for you to see ....... 

 

    http://www.mybodyscience.com/V01/ab88_TelerikSupport_Equipment_Maint.aspx

 

     You will see that in firefox, when you want to "Add New Equipment", the page width is fine, but in IE, it is skewed. And, when you click the pencil for edit, the page width is fine in FF and IE. You may need to see the code (unless I just miss-coded the rgHeader statement).

    thanks again .....

[Tsvetoslav]

Hi IQworks,

You need to set a width for the MasterTableView of the grid in px's explicitly - the observed behavior seems to be a minor issue with grid when the header is hidden.

Best Regards,
Tsvetoslav
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[IQworks]

Thank you very much Tsvetoslav.  Now that i know that there is a known issue with this process, I can certainly live with the workaround - perfect !!