Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
109 views
Hi there,

We are having the same issue in IE6 and IE7 as noted in the known issue link: known issue with buttons

We've been able to fix IE7 by adding relative positioning to the containing block as per the link above, however the same doesn't seem to work in IE6. Our pages are generated dynamically, so i've attached the output source structure. In IE7, we can add relative positioning style to the 'TabContent' class to resolve the issue. In IE6, this doesn't work.

Also noticed that the date picker button is having the same issue.

here is the inherited style for the anchor (<a>) on checkbox button

/* Rule from element "style" attribute */
element.style {
    DISPLAY: inline-block;
    BORDER-TOP-STYLE: none;
    BORDER-RIGHT-STYLE: none;
    BORDER-LEFT-STYLE: none;
    BORDER-BOTTOM-STYLE: none
}
/* Rule N°68 from ../Styles/ie6.css */
.modalPopup A:visited {
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
/* Rule N°67 from ../Styles/ie6.css */
.modalPopup A:active {
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
/* Rule N°66 from ../Styles/ie6.css */
.modalPopup A:hover {
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
/* Rule N°65 from ../Styles/ie6.css */
.modalPopup A:link {
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial;
    TEXT-DECORATION: none
}
/* Rule N°2 from ../Styles/ie6.css */
A:visited {
    COLOR: black
}
/* Rule N°13 from /WebResource.axd?d=BZK2bjDOsKT5hgxX0P9nrjT2Xsc4nSa-IVWHoIXvYeh_OgnPxlyCNUZWakbCR1OqjcP9VEnCdLCvnsfyYiV0yqgFMRWn3KnE5fK9CmzmVauHV03hQLLVqubqJpuY7hCobNZSTb7oRqHD-CCHJiWyt3C6ZJA1&t=634614401461107401 */
.rbToggleButton:hover {
    COLOR: #227c08
}
/* Rule N°12 from /WebResource.axd?d=BZK2bjDOsKT5hgxX0P9nrjT2Xsc4nSa-IVWHoIXvYeh_OgnPxlyCNUZWakbCR1OqjcP9VEnCdLCvnsfyYiV0yqgFMRWn3KnE5fK9CmzmVauHV03hQLLVqubqJpuY7hCobNZSTb7oRqHD-CCHJiWyt3C6ZJA1&t=634614401461107401 */
.rbToggleButton {
    COLOR: #000
}
/* Rule N°69 from /WebResource.axd?d=X6HIrZLQLQ7xwWPLhFvjbW_ijneAd5n93tIp5kGCgNH9PpNSAidBuD4pnCSDOEuWGRzrLa9Nxr6XsEMUbh9pyna6nD5TknbcAYsqJrmqbxrQWFW0VCB7rfsP2Dj0bQH6Cqg5cA2&t=634614401461107401 */
.rbToggleButton {
    DISPLAY: inline-block;
    PADDING-LEFT: 20px;
    CURSOR: default;
    LINE-HEIGHT: 20px;
    POSITION: relative;
    HEIGHT: 20px;
    TEXT-DECORATION: none
}
/* Rule N°35 from /WebResource.axd?d=X6HIrZLQLQ7xwWPLhFvjbW_ijneAd5n93tIp5kGCgNH9PpNSAidBuD4pnCSDOEuWGRzrLa9Nxr6XsEMUbh9pyna6nD5TknbcAYsqJrmqbxrQWFW0VCB7rfsP2Dj0bQH6Cqg5cA2&t=634614401461107401 */
.RadButton {
    CURSOR: pointer
}
/* Rule N°1 from /WebResource.axd?d=X6HIrZLQLQ7xwWPLhFvjbW_ijneAd5n93tIp5kGCgNH9PpNSAidBuD4pnCSDOEuWGRzrLa9Nxr6XsEMUbh9pyna6nD5TknbcAYsqJrmqbxrQWFW0VCB7rfsP2Dj0bQH6Cqg5cA2&t=634614401461107401 */
.RadButton {
    FONT-SIZE: 12px;
    FONT-FAMILY: "Segoe UI" , Arial, Helvetica, sans-serif
}
/*--------------
   Inherited from TD
------------- */
/* Rule from element "style" attribute */
element.style {
    WIDTH: 50%
}
 
/*--------------
   Inherited from DIV.TabControlColumn1
------------- */
/* Rule N°163 from ../Styles/ie6.css */
.TabControlColumn1 {
    FLOAT: left;
    OVERFLOW: scroll;
    WIDTH: 100%;
    BACKGROUND-COLOR: yellow
}
 
/*--------------
   Inherited from DIV.TabContent
------------- */
/* Rule N°54 from ../Styles/ie6.css */
.modalPopup .TabContent {
    BORDER-RIGHT: #777777 1px solid;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #777777 1px solid;
    OVERFLOW-Y: auto;
    PADDING-LEFT: 10px;
    FONT-SIZE: 10pt;
    Z-INDEX: -1;
    FLOAT: left;
    OVERFLOW-X: hidden;
    PADDING-BOTTOM: 15px;
    BORDER-LEFT: #777777 1px solid;
    WIDTH: 423px;
    LINE-HEIGHT: 14px;
    PADDING-TOP: 15px;
    BORDER-BOTTOM: #777777 1px solid;
    HEIGHT: 333px;
    BACKGROUND-COLOR: #dddddd
}
 
/*--------------
   Inherited from DIV
------------- */
/* Rule from element "style" attribute */
element.style {
    FLOAT: left;
    WIDTH: 580px
}
 
/*--------------
   Inherited from DIV
------------- */
/* Rule from element "style" attribute */
element.style {
    FLOAT: left;
    WIDTH: 100%
}
 
/*--------------
   Inherited from DIV.Inner
------------- */
/* Rule N°45 from ../Styles/ie6.css */
.modalPopup .Inner {
    PADDING-RIGHT: 0px;
    OVERFLOW-Y: auto;
    PADDING-LEFT: 30px;
    FLOAT: left;
    OVERFLOW-X: hidden;
    MARGIN-BOTTOM: 0px;
    WIDTH: 590px
}
 
/*--------------
   Inherited from DIV.modalPopup
------------- */
/* Rule N°44 from ../Styles/ie6.css */
.modalPopup {
    BORDER-RIGHT: gray 3px solid;
    BORDER-TOP: gray 3px solid;
    OVERFLOW-Y: hidden;
    OVERFLOW-X: hidden;
    BORDER-LEFT: gray 3px solid;
    WIDTH: 645px;
    BORDER-BOTTOM: gray 3px solid;
    HEIGHT: 577px;
    BACKGROUND-COLOR: #ffffff
}
 
/*--------------
   Inherited from BODY
------------- */
/* Rule N°1 from ../Styles/ie6.css */
BODY {
    FLOAT: left;
    MARGIN: 0px;
    WIDTH: 100%
}


Please help!
Slav
Telerik team
 answered on 10 Jan 2012
2 answers
638 views
In a project with non ajax / ajax controls ( Q3 2008  version ) I want to create a master page for ajax controls.
I get the error below when I set
PersistStateInCookie="true" to the 'telerik:RadPanelBar' control .
If I set PersistStateInCookie = "false"   it is working but it doesn't keep my selection.

 <telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Scrolling="None" 
      Width="180px" Style="margin0pxpadding0px" BorderWidth="0px" OnClientPaneDocked="SlidePaneDocked"
          OnClientPaneUnDocked="SlidePaneUnDocked" Index="0">
                            
      <asp:ContentPlaceHolder ID="contentLeft" runat="server">
      </asp:ContentPlaceHolder>
 
      
      <asp:UpdatePanel ID="upMaster" runat="server" UpdateMode="Conditional">            <ContentTemplate>                <asp:UpdateProgress ID="UpdateProgress1" AssociatedUpdatePanelID="upMaster" DynamicLayout="true"                                         runat="server">                  <ProgressTemplate>                          (...loading)                   </ProgressTemplate>                </asp:UpdateProgress>                
                <div style="floatleft">                        <telerik:RadPanelBar ID="leftPanels" runat="server" Height="100%" ExpandMode="SingleExpandedItem" Width="180px" 
                        PersistStateInCookie="true" />                 </div>            </ContentTemplate>       </asp:UpdatePanel>    </telerik:RadSlidingPane>
[InvalidOperationException: Cannot convert object of type 'System.String' to type 'System.String[]']
   System.Web.Script.Serialization.ObjectConverter.ConvertObjectToTypeInternal(Object o, Type type, JavaScriptSerializer serializer) +305914
   System.Web.Script.Serialization.ObjectConverter.ConvertObjectToType(Object o, Type type, JavaScriptSerializer serializer) +192
   System.Web.Script.Serialization.ObjectConverter.AssignToPropertyOrField(Object propertyValue, Object o, String memberName, JavaScriptSerializer serializer) +284
   System.Web.Script.Serialization.ObjectConverter.ConvertDictionaryToObject(IDictionary`2 dictionary, Type type, JavaScriptSerializer serializer) +1349
   System.Web.Script.Serialization.ObjectConverter.ConvertObjectToType(Object o, Type type, JavaScriptSerializer serializer) +192
   System.Web.Script.Serialization.JavaScriptSerializer.Deserialize(String input) +66
   Telerik.Web.UI.RadPanelBar.LoadState(String state) +152
   Telerik.Web.UI.RadPanelBar.LoadStateFromCookie() +257
   Telerik.Web.UI.RadPanelBar.OnPreRender(EventArgs e) +60
   System.Web.UI.Control.PreRenderRecursiveInternal() +108
   System.Web.UI.Control.PreRenderRecursiveInternal() +224
   System.Web.UI.Control.PreRenderRecursiveInternal() +224
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +3394

Thank you
Laurentiu
Kate
Telerik team
 answered on 10 Jan 2012
3 answers
171 views
Greetings:

I am currently evaluating the RadRibbonBar.  If I add one too many tabs, the rightmost tab disappears.  If I reduce the browser size too far, more tabs are not visible. 

Simulating this same behavior in Microsoft Office 2010, a small scroll arrow appears on the right side of the bar to allow the user to scroll to the right to see the overflowed tabs.

QUESTION:
How do I enable the viewing of excess tabs in the RadRibbonBar?

Please advise.

Thanks,

Robb
Kate
Telerik team
 answered on 10 Jan 2012
3 answers
119 views
Hi all,
I am using a RAD Menu Control.. and I want to increase the height of root menu.. How can I do this?????????
Kate
Telerik team
 answered on 10 Jan 2012
3 answers
229 views
Is it not possible to export a RadGrid to PDF if it's bound client-side?

If not, why not?

If so, how can it be achieved? 
Veli
Telerik team
 answered on 10 Jan 2012
1 answer
81 views
Afer clicking the button click , i need to execute some code  and after that i need to show the confirm message.
if it successful i need to excecute  some other the code.

Can any one please help how to implement that.
Princy
Top achievements
Rank 2
 answered on 10 Jan 2012
1 answer
147 views
Hi Admin,

For the follwing code (asp.net Treeview), please give the telerik equivalent.

 

 

 

 

foreach (DataRow row in territories.Tables[0].Rows)
            {
                RadTreeNode newNode = new RadTreeNode(row["terr_rpt_grp_ttl"].ToString(), row["terr_rpt_grp"].ToString());
                newNode.PopulateOnDemand = true;
                newNode.SelectAction = TreeNodeSelectAction.Expand;
                node.ChildNodes.Add(newNode);
            }
        }

 

The markup defined for the asp.net TreeView is:-

<asp:TreeView Runat="Server" OnTreeNodePopulate="Node_Populate" ID="tvwauthors">
 
<Nodes>
 
<asp:TreeNode Text="ALL" PopulateOnDemand= "true" Value="0"/>
 
</Nodes>
 
</asp:TreeView>

  Please help regarding this. Just the telerik equivalent. (For ex. PopulateOnDemand, TreeNodeSelectionAction.Expand etc etc)

Thanks a lot
XORV

Princy
Top achievements
Rank 2
 answered on 10 Jan 2012
1 answer
43 views
Hi,

I have a radgrid, and I would like to display both text and image on the header. So I used following code to add a image to each of columns. But only last column displays both text and image, other columns still not display image.

 protected void RadGrid_ItemDataBound(object sender, GridItemEventArgs e)
        {
            if (e.Item is GridHeaderItem)
            {
                GridHeaderItem headerItem = (GridHeaderItem)e.Item;
                HashSet<string> columnNames = (HashSet<string>)ViewState["Columns"];
                foreach (string columnName in columnNames)
                {
                    Image image = new Image();

                   image.ImageUrl = columnName + ".png";                     headerItem[columnName].Controls.Add(image);                 }             }         }
Could some one help me with displaying both text and image for each of the columns? Thanks very much.




Princy
Top achievements
Rank 2
 answered on 10 Jan 2012
3 answers
114 views
hi all,

i have a grid with two columns ID and Name in that i need the filter option by with the help of drop down contain numerical values.
i know how to do that in Server side code. can u please tell me how write the logic in java script.

aspx page:

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="false" OnNeedDataSource="RadGrid1_NeedDataSource"
                  EnableLinqExpressions="false">
                  <MasterTableView PagerStyle-AlwaysVisible="true" AllowFilteringByColumn="true">
                      <Columns>
                          <telerik:GridBoundColumn HeaderText="ID" UniqueName="ID" DataField="ID" DataType="System.Int64">
                              <FilterTemplate>
                                  <telerik:RadComboBox ID="RadComboBoxDpi" DataTextField="ID" Width="50px" AppendDataBoundItems="true"
                                      runat="server" AutoPostBack="true" OnClientSelectedIndexChanged="DPIIndexChanged">
                                      <Items>
                                          <telerik:RadComboBoxItem Text="All" />
                                          <telerik:RadComboBoxItem Text="1" Value="1" />
                                          <telerik:RadComboBoxItem Text="2" Value="2" />
                                          <telerik:RadComboBoxItem Text="3" Value="3" />
                                          <telerik:RadComboBoxItem Text="4" Value="4" />
                                          <telerik:RadComboBoxItem Text="5" Value="5" />
                                          <telerik:RadComboBoxItem Text="6" Value="6" />
                                          <telerik:RadComboBoxItem Text="7" Value="7" />
                                          <telerik:RadComboBoxItem Text="8" Value="8" />
                                          <telerik:RadComboBoxItem Text="9" Value="9" />
                                          <telerik:RadComboBoxItem Text="10" Value="10" />
                                      </Items>
                                  </telerik:RadComboBox>
                              </FilterTemplate>
                          </telerik:GridBoundColumn>
                          <telerik:GridBoundColumn HeaderText="Name" UniqueName="Name" DataField="Name">
                          </telerik:GridBoundColumn>
                      </Columns>
                      <EditFormSettings>
                          <EditColumn FilterControlAltText="Filter EditCommandColumn column">
                          </EditColumn>
                      </EditFormSettings>
                      <PagerStyle AlwaysVisible="True"></PagerStyle>
                  </MasterTableView>
                  <FilterMenu EnableImageSprites="False">
                  </FilterMenu>
              </telerik:RadGrid>

code :
protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
   {
       dynamic data = new[] {
               new { ID = 1, Name ="Name1"},
               new { ID = 2, Name = "Name2"},
               new { ID = 3, Name = "Name3"},
               new { ID = 4, Name = "Name4"},
               new { ID = 5, Name = "Name5"},
               new { ID = 6, Name ="Name6"},
               new { ID = 7, Name = "Name7"},
               new { ID = 8, Name = "Name8"},
               new { ID = 9, Name = "Name9"},
               new { ID = 10, Name = "Name10"}
              
           };
 
       RadGrid1.DataSource = data;
   }
   protected void RadComboBoxDpi_SelectedIndexChanged(object sender, RadComboBoxSelectedIndexChangedEventArgs e)
   {
       RadComboBox rdcmb = (RadComboBox)sender;
       RadGrid1.MasterTableView.FilterExpression = "([ID] = " + rdcmb.SelectedValue + ")";
       GridColumn column = RadGrid1.MasterTableView.GetColumnSafe("ID");
       column.CurrentFilterFunction = GridKnownFunction.EqualTo;
       column.CurrentFilterValue = rdcmb.SelectedValue;
       RadGrid1.Rebind();
   }



the javascript code i tried for numeric sorting is not working  but the below the logic for string data is working fine ...still no luck on this can  u please help me out this issue

<script type="text/javascript">
 
       function DPIIndexChanged(sender, args) {
           debugger;
           var LangaugeView = $find("<%=RadGrid1.ClientID%>").get_masterTableView();
           LangaugeView.filter("ID", args.get_item().get_value(), "EqualTo");
       }
   </script>


        
Jayesh Goyani
Top achievements
Rank 2
 answered on 10 Jan 2012
1 answer
107 views
Hello,
            I have a problem with my RadaGrid. This is my ascx page :

<telerik:RadAjaxLoadingPanel  ID="RadAjaxLoadingPanel1" runat="server">
        </telerik:RadAjaxLoadingPanel>
        <telerik:RadSplitter ID = "RadSplitter1" runat ="server" Skin = "Windows7" SplitBarsSize = "" Width ="100%" Height ="650"  >
        <telerik:RadPane ID = "LeftPane" runat = "server" Scrolling ="None" Width ="20px"  >
            <telerik:RadSlidingZone ID = "SlidingZone1" runat ="server" >
                <telerik:RadSlidingPane ID = "RadSlidingPane1" Title = "User Groups" runat ="server" Width = "220" MinWidth ="220" MaxWidth ="400" EnableDock = "false" Scrolling ="Y" >
                     <telerik:RadAjaxPanel ID = "RadAjaxPanel1" runat ="server" LoadingPanelID = "RadAjaxLoadingPanel1"  >
                        <telerik:RadTreeView ID ="RadTreeView1"  runat ="server"  OnNodeExpand = "RadTreeView1_NodeExpand" Height ="520" LoadingStatusPosition ="BeforeNodeText" AllowNodeEditing ="true"
                           OnContextMenuItemClick = "RadTreeView1_ContextMenuItemClick"  ViewStateMode ="Enabled"
                           OnClientContextMenuShowing = "onClientContextMenuShowing" PersistLoadOnDemandNodes ="true"   >                           
                        </telerik:RadTreeView>                       
                     </telerik:RadAjaxPanel>                    
                </telerik:RadSlidingPane>
            </telerik:RadSlidingZone>
        </telerik:RadPane>
        <telerik:RadSplitBar ID = "Radsplitbar1" runat ="server"  ></telerik:RadSplitBar>
        <telerik:RadPane ID = "RightPane" runat = "server" Scrolling = "None"  Width ="100%" >
            <telerik:RadAjaxManager ID ="RadAjaxManager1" runat ="server">
                <AjaxSettings>
                    <telerik:AjaxSetting AjaxControlID="RadGrid1">
                        <UpdatedControls>
                            <telerik:AjaxUpdatedControl ControlID="RadGrid1" />
                        </UpdatedControls>
                    </telerik:AjaxSetting>
                </AjaxSettings>
            </telerik:RadAjaxManager>
                        <telerik:RadGrid Width ="100%" ID="RadGrid1" runat ="server" AllowCustomPaging ="false" CssClass ="NextPrevAndNumeric"
                        AllowPaging ="true" AllowSorting ="true" PageSize ="20" ShowStatusBar ="true" GridLines ="Vertical"  EnableViewState ="false" >
                            <PagerStyle Mode ="NextPrevAndNumeric"   /> 
                            <FilterMenu EnableTheming="True">
                                <CollapseAnimation Duration="200" Type="OutQuint" />
                            </FilterMenu>
                            <MasterTableView Width="100%" AutoGenerateColumns ="false" EnableColumnsViewState ="false" >                           
                                <Columns>
                                    <telerik:GridBoundColumn  HeaderText ="User Name" DataField="AAA" ></telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn DataField ="BBB" HeaderText ="USer Id"></telerik:GridBoundColumn>                                   
                                </Columns>
                            </MasterTableView>
                        </telerik:RadGrid>
        </telerik:RadPane>
        </telerik:RadSplitter>

Basically, i have two panes, the left(sliding) and the right(which has the grid). I am filling up the the tree(in the left pane) in the code behind. Now when i click a node in the tree, the grid(in the right pane) should change depending in the node i clicked. 
In the code behind i have this :
Private Sub RadTreeView1_NodeClick(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadTreeNodeEventArgs) Handles RadTreeView1.NodeClick
        USerGroupSelected = CintG(e.Node.Value)
        RadGrid1.DataSource = Nothing
        RadGrid1.Rebind()
    End Sub
 
Private Sub RadGrid1_NeedDataSource(ByVal sender As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource
         Dim tb As New DataTable = GETDATA(USerGroupSelected)
        RadGrid1.DataSource = tb
    End Sub


But the grid is not getting refreshed. But when i keep a break point and see what is happening, everything is going as it should be, the tb is getting updated, but the grid is not getting refreshed. When i change the page size, then it is fine. Only when i click on the node, the problem comes. My aspx page has EnableViewState = false. Please help. Thanks
Jayesh Goyani
Top achievements
Rank 2
 answered on 10 Jan 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Cynthia
Top achievements
Rank 1
Iron
Toby
Top achievements
Rank 3
Iron
Iron
Iron
Danielle
Top achievements
Rank 1
Iron
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Iron
yw
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?