Problem with numericcolumn filtercontrolwidth

[John]

I just udated to the latest version of 3.5 grid and now my column filter for the gridnumericcolumn isn't working:

<telerik:GridNumericColumn FilterControlWidth="75px" DataField="Hectare" HeaderText="Hectares" NumericType="Number" DataType="System.Decimal" DecimalDigits="1" AllowRounding="true" DataFormatString="{0:N1}"><ItemStyle HorizontalAlign="Right" />
				</telerik:GridNumericColumn>

this hides the icon and doesn't work, worked fine before with the previous version.  Is this a bug or did something change?  If I remove the width, the icon shows up and works just fine.

[Jayesh Goyani]

Hello John,

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
  {
      if (e.Item is GridFilteringItem)
      {
          foreach (TableCell cell in e.Item.Cells)
          {
              if (cell.Controls.Count > 0)
              {
                  cell.Controls.AddAt(0, new LiteralControl("<nobr>"));
                  cell.Controls.Add(new LiteralControl("</nobr>"));
              }
          }
      }
  }

OR

Increase the

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
  {
      if (e.Item is GridFilteringItem)
      {
          foreach (TableCell cell in e.Item.Cells)
          {
              if (cell.Controls.Count > 0)
              {
                  cell.Controls.AddAt(0, new LiteralControl("<nobr>"));
                  cell.Controls.Add(new LiteralControl("</nobr>"));
              }
          }
      }
  }

.
OR

Increase the FilterControlWidth and HeaderStyle Width.

Thanks,
Jayesh Goyani

[John]

It actually looks like the output from the telerik tool is wrong:

I've attached screen captures in chrome to show what I'm seeing.  WithError.png is what is originally displayed, withouterror.png shows what it use to look like before the update to the latest release.  The width: auto seems to be not taking the filtercontrolwidth anymore.

<telerik:RadGrid ID="RadGrid1" GridLines="None" AutoGenerateColumns="false" PageSize="50"
        AllowPaging="true" AllowSorting="true" runat="server"
        AllowFilteringByColumn="true"
        OnNeedDataSource="RadGrid1_NeedDataSource"
        ShowStatusBar="true">
        <PagerStyle Position="TopAndBottom" />
        <MasterTableView ShowFooter="false" DataKeyNames="ParcelID" CommandItemDisplay="None">
            <Columns>
                <telerik:GridHyperLinkColumn FilterControlWidth="100px" DataTextField="ParcelNumber" HeaderText="Parcel Number" DataNavigateURLFormatString="/Parcels/Report.aspx?ParcelID={0}" DataNavigateUrlFields="ParcelID" SortExpression="ParcelNumber" DataType="System.String"></telerik:GridHyperLinkColumn>
                <telerik:GridHyperLinkColumn FilterControlWidth="75px" DataTextField="Allotment" HeaderText="Allotment Number" DataNavigateURLFormatString="/Parcels/Report.aspx?ParcelID={0}" DataNavigateUrlFields="ParcelID"  SortExpression="Allotment" DataType="System.String" ><ItemStyle HorizontalAlign="Right" />
                </telerik:GridHyperLinkColumn>
                <telerik:GridNumericColumn  FilterControlWidth="75px" DataField="Acre" HeaderText="Acres" NumericType="Number" DataType="System.Decimal" DecimalDigits="1" AllowRounding="true" DataFormatString="{0:N1}"><ItemStyle HorizontalAlign="Right" />
                </telerik:GridNumericColumn>
                <telerik:GridNumericColumn FilterControlWidth="75px" DataField="Hectare" HeaderText="Hectares" NumericType="Number" DataType="System.Decimal" DecimalDigits="1" AllowRounding="true" DataFormatString="{0:N1}"><ItemStyle HorizontalAlign="Right" />
                </telerik:GridNumericColumn>
                <telerik:GridBoundColumn FilterControlWidth="75px" DataField="OwnerStatus" HeaderText="Owner Status"><ItemStyle HorizontalAlign="Right" />
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn FilterControlWidth="75px" DataField="Township" HeaderText="Township"><ItemStyle HorizontalAlign="Right" />
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn FilterControlWidth="75px" DataField="Range" HeaderText="Range"><ItemStyle HorizontalAlign="Right" />
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn FilterControlWidth="75px" DataField="Section" HeaderText="Section"><ItemStyle HorizontalAlign="Right" />
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn FilterControlWidth="75px" DataField="County" HeaderText="County"><ItemStyle HorizontalAlign="Right" />
                </telerik:GridBoundColumn>
            </Columns>
        </MasterTableView>
    </telerik:RadGrid>

[Andrey]

Hi,

I tried to reproduce the error locally, but to no avail.

I am attaching a sample project, give the project a try and check whether I am missing something.

All the best,
Andrey
the Telerik team

[John]

Figured out how to duplicate it, have the page you put in that zip, but at the top include a form decorator and the filters disappear.

<telerik:RadFormDecorator ID="RadFormDecorator1" DecoratedControls="All" runat="server" Skin="WebBlue" />

[Andrey]

Hi,

I have answered your question in the support thread you have opened. In future please, post your questions only in one thread, thus we will be able to better keep track of your support history.

Here is the answer as well:

html.RadForm.rfdTextbox .rgFilterRow .RadInput input[type="text"],
html.RadForm.rfdTextbox .rgFilterRow .RadInput input[type="password"],
html.RadForm.rfdTextbox .rgFilterRow .RadInput input[type="search"],
html.RadForm.rfdTextbox .rgFilterRow .RadInput input[type="url"],
html.RadForm.rfdTextbox .rgFilterRow .RadInput input[type="tel"],
html.RadForm.rfdTextbox .rgFilterRow .RadInput input[type="email"]
{
  width: 100%;
}

All the best,
Andrey
the Telerik team