Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
93 views
hi,
I have a vertical toolbar and I need that when rollover an item, the highlight (background) will be to the end of the toolbar and not on the text only.

10x
Kate
Telerik team
 answered on 10 Jan 2012
1 answer
103 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
622 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
155 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
116 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
206 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
71 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
128 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
42 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
106 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
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Iron
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?