Width in IE8

35 posts, 0 answers
  1. Austinguy
    Austinguy avatar
    5 posts
    Member since:
    Mar 2010

    Posted 13 Apr 2010 Link to this post

    HI Kamen,

    I reduced this down to the javascript-toggle class:
    when i use toggle-container this problem shows up:

    <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server">

        <!-- Multi-Select - Standard Functions -->
        <script type="text/javascript">        
            /* <![CDATA[ */
            var cancelDropDownClosing = false;        
            function StopPropagation(e) {
                //cancel bubbling
                e.cancelBubble = true;
                if (e.stopPropagation) {
                    e.stopPropagation();
                }
            }
            function removeLastComma(str) {
                return str.replace(/,$/, "");
            }
            function onDropDownClosing() {
                cancelDropDownClosing = false;
            }                    
            /* ]]> */ 
        </script>
        
        <!-- Multi-Select - Functions -->
        <script type="text/javascript">        
            function setComboBoxText() {
                var combo = $find("<%= RadComboBox1.ClientID %>");
                combo.set_text("Multiple Items Selected");
            }
            function onCheckBoxClick(chk) {
                var combo = $find("<%= RadComboBox1.ClientID %>");
                var hdnFilterSk = document.getElementById("<%= hdnFilterSk.ClientID %>");

                cancelDropDownClosing = true;
                var values = "";
                var items = combo.get_items();
                for (var i = 0; i < items.get_count(); i++) {
                    var item = items.getItem(i);
                    var chk1 = $get(combo.get_id() + "_i" + i + "_chk1");
                    if (chk1.checked) { values += item.get_value() + ","; }     }
                values = removeLastComma(values);

                if (values.length > 0) {
                    hdnFilterSk.value = values;
                    combo.set_text("Multiple Items Selected");
                }
                else {
                    combo.set_text("");
                }
            }    
        </script>

    </telerik:RadCodeBlock>
    <telerik:RadAjaxPanel ID="pnlAjax1" runat="server" LoadingPanelID="pnlAjaxLoading1"
        EnableAJAX="true">
        
        <h2 class="trigger">
                <a href="#">Set Filters</a></h2>
            <div class="toggle_container" style="display: none;">           // OFFENDING LINE RIGHT HERE
               
                        
        <asp:HiddenField ID="hdnFilterSck" runat="server" />
        <telerik:RadComboBox ID="RadComboBox1" Width="240px" Height="300px" AllowCustomText="false"
            EmptyMessage="Select a school" runat="server" DropDownWidth="340px" DataValueField="ID"
            DataTextField="Name" HighlightTemplatedItems="true" OnClientDropDownClosed="onDropDownClosing"
            OnClientLoad="setComboBoxText">
            <ItemTemplate>
                <div onclick="StopPropagation(event)" class="combo-item-template">
                    <asp:CheckBox runat="server" ID="chk1" Checked="false" onclick="onCheckBoxClick(this)" />
                    <asp:Label runat="server" ID="Label1" AssociatedControlID="chk1">
                                        <%#Eval("Name")%>
                    </asp:Label>
                </div>
            </ItemTemplate>
        </telerik:RadComboBox>
        <br />
        <br />
       
        </div>
        
    </telerik:RadAjaxPanel>
  2. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 15 Apr 2010 Link to this post

    Hello Austinguy,

    Yes, we already identified this problem although in other circumstances. The width of RadComboBox is not set when RadComboBox is residing in a container with display: none. We are already working on a fix for the next service pack, meanwhile you can run the repaint() method of RadComboBox right after you show it, something like this:
    <a href="#" onclick="$telerik.$('.toggle_container').show(); $find('RadComboBox1').repaint()">Set Filters</a>
    Let me know if this helps.

    All the best,
    Kamen Bundev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Austinguy
    Austinguy avatar
    5 posts
    Member since:
    Mar 2010

    Posted 19 Apr 2010 Link to this post

    Hi Kamen,

    this repaint-solution did not work.

    What can I help provide so that this is resolved asap??  :-( its been3 weeks and my project is now pending for this one issue
    thanks,

    Prashant
  5. Kamen Bundev
    Admin
    Kamen Bundev avatar
    1532 posts

    Posted 20 Apr 2010 Link to this post

    Hi Austinguy,

    Its working here. Can you send a sample project or live URL so that we can see how you are doing it and help you get it working? Thank you in advance.

    Best wishes,
    Kamen Bundev
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
  6. JULIAN GOMEZ
    JULIAN GOMEZ avatar
    1 posts
    Member since:
    Mar 2008

    Posted 03 Sep 2010 Link to this post

    Excelente i found this

    .inline_override
    {
     display:inline-block !important; 
    }
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017