IOS 7.0.6 breaks combobox in grid

2 posts, 0 answers
  1. ToltingColtAcres
    ToltingColtAcres avatar
    83 posts
    Member since:
    Nov 2010

    Posted 27 Feb 2014 Link to this post

    Have a radgrid with a templateitem:

    ​ <telerik:GridTemplateColumn HeaderText="Category" ItemStyle-Width="200px" HeaderStyle-HorizontalAlign="Center" >
    <ItemTemplate>
    <telerik:RadComboBox ID="RadComboBox_Category" runat="server" DataSourceID="SqlDataSource_Categories" DataTextField="Code" DataValueField="ComboBox_GUID" SelectedValue='<%# Eval("Category_GUID") %>' Enabled="false" />
    </ItemTemplate>
    <EditItemTemplate>
    <telerik:RadComboBox ID="RadComboBox_Category" runat="server" OnSelectedIndexChanged="RadComboBox_Category_SelectedIndexChanged" AutoPostBack="true" DataSourceID="SqlDataSource_Categories" DataTextField="Code" DataValueField="ComboBox_GUID" SelectedValue='<%# Bind("Category_GUID") %>' />
    </EditItemTemplate>
    </telerik:GridTemplateColumn>


    This worked great. Item was disabled and viewable when not in edit mode. put in edit mode, the combobox displays.

    Now after IOS 7.0.6, when the item is not in edit mode, it appears the text color and background color of the combobox are the same (or very very close to being the same) such that the combobox appears "blank". putting the combobox in edit mode will display the value, it is only when the combobox is on a record not being editing that it appears "invisible".

    is there a way to change the CSS of the combobox to display when it is disabled?

    I have attempted to add

    CssClass="comboBoxDisabled"

    and

    .comboBoxDisabled
    {
    color: black;
    }

    so it will show up, to no avail, on the ItemTemplate comboBox.

    Any other workarounds?
  2. ToltingColtAcres
    ToltingColtAcres avatar
    83 posts
    Member since:
    Nov 2010

    Posted 27 Feb 2014 in reply to ToltingColtAcres Link to this post

    Not the best solution, but I implemented a workaround by substituting a textbox for the disabled combobox, and returning the category text as a field in the grid's original select query:

    ​ <telerik:GridTemplateColumn HeaderText="Category" ItemStyle-Width="200px" HeaderStyle-HorizontalAlign="Center" >
    <ItemTemplate>
    <telerik:RadTextBox ID="RadTextBox_Category" runat="server" Text='<%# Bind("CategoryText") %>' ReadOnly="true" BorderStyle="None" BackColor="Transparent" />
    </ItemTemplate>
    <EditItemTemplate>
    <telerik:RadComboBox ID="RadComboBox_Category" runat="server" OnSelectedIndexChanged="RadComboBox_Category_SelectedIndexChanged" AutoPostBack="true" DataSourceID="SqlDataSource_Categories" DataTextField="Code" DataValueField="ComboBox_GUID" SelectedValue='<%# Bind("Category_GUID") %>' />
    </EditItemTemplate>
    </telerik:GridTemplateColumn>
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top