Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
125 views
Hi. I am new to Telerik controls.. I have just downloaded RadControls for ASP.NET AJAX.
I am working with the RadChart control and based on what I have read I believe that the telrik.charting dll is obsolete. Can you verify that this is so and that all the functionality is included in the Telerik.Web.UI. dll.

I am trying to run through the demos - Speficially 30.6 Server-Side Programming -

ChartSeries chartSerices = New ChartSeries(....)
"Error 1 The type or namespace name 'ChartSeries' could not be found (are you missing a using directive or an assembly reference?)"

Is there another dll I need - or Has this been replaced with something else?

Thank you,

Debby
Debby
Top achievements
Rank 1
 answered on 14 Jan 2011
1 answer
166 views


With my RADEditor I have used the javascript from the thread below:-

Mine is exactly the same problem.

http://www.telerik.com/community/forums/aspnet-ajax/editor/radeditor-font-name-initial-value-never-gets-set-in-firefox-2.aspx

function OnClientSelectionChange(editor, args)  
{      
    var fontValue = editor.get_document().queryCommandValue("FontName");  
    if (!fontName)  
    {          
        var curValue = $telerik.getCurrentStyle(editor.getSelectedElement(), "fontFamily");  
        if (curValue)  
        {  
            var fontName = editor.getToolByName("FontName");         
            if (fontName)  
            {  
                window.setTimeout(function()  
                {  
                    fontName.updateValue(curValue);  
                }, 0);  
            }  
        }  
    }          
}


I am still facing problem with displaying font name and size. When RadEditor is in "Div" mode, this script works fine, like it would display correct Font name and size  which are Verdana and 14px in my case. but when I use Editor in div mode the "size" drop down acts weird..the one that has values like 1, 2, 3..7 being the biggest size. It just won't change the font size. The font size drop down with values in pixels was working fine though. So this was about div mode. How do I make the size drop down work wen in div mode AND with that script included?  The size was changing alright when I hadn't used that script. What could be wrong ?

Now about Iframe mode:-

When I set ContentAreaMode="iframe" and included the script above as OnClientSelectionChange="OnClientSelectionChange" , it did display the font name and size when I clicked inside the Editor in Forefox BUT it displayed Tahoma and 11 px instead of Verdana and and 14 px . Also when I typed text inside the editor it was Veradana font only and size too was 14 px. Why would it display Tahoma and 11 px? Where is that coming from? Also the Size drop down box (with values 1`, 2, 3..7) works fine when its iframe mode. But the Heading Tags drop down doesnt :( It won't change text size when I selected text and chose Heading2, heading 3, Directory, etc from the drop down.

Below are my two editors in two different modes:-

Editor1(Div mode)

 <telerik:RadEditor ID="Editor1" EnableEmbeddedBaseStylesheet="true" OnClientCommandExecuting="OnClientCommandExecuting"
                            ContentAreaMode="Div" SpellCheckSettings-AjaxUrl="~/Telerik.Web.UI.SpellCheckHandler.axd" DictionaryPath="~/App_Data/RadSpell"

DialogsCssFile="~/Skins/Default/DialogCSS.css" EnableEmbeddedSkins="false"
                            Font-Bold="false" TabIndex="18" Width="100%" ContentFilters="ConvertCharactersToEntities"
                            runat="server" StripFormattingOptions="MSWord,Css,ConvertWordLists,Font" StripFormattingOnPaste="MSWord"
                            ToolbarMode="Default" ToolsFile="~/Skins/FullSetOfTools.xml" Language="en-GB"
                            SpellCheckProvider="EditDistanceProvider" SpellEditDistance="2">
                            <Tools>
                                <telerik:EditorToolGroup>
                                    <telerik:EditorDropDown Name="LineSpacing" Text="Line Spacing" PopupWidth="110" PopupHeight="90">
                                        <telerik:EditorDropDownItem Name="Default" Value="" />
                                        <telerik:EditorDropDownItem Name="Single space" Value="20px" />
                                        <telerik:EditorDropDownItem Name="1.5 Lines" Value="35px" />
                                        <telerik:EditorDropDownItem Name="Double spacing" Value="50px" />
                                    </telerik:EditorDropDown>
                                </telerik:EditorToolGroup>
                            </Tools>
                            <CssFiles>
                                <telerik:EditorCssFile Value="~/css/Radeditor.css" />
                            </CssFiles>
                            <Content>
                            </Content>
                            <ImageManager ViewPaths="~/" UploadPaths="~/" />
                        </telerik:RadEditor>

Editor2(iframe mode)

 <telerik:RadEditor ID="Editor2" EnableEmbeddedBaseStylesheet="true" OnClientCommandExecuting="OnClientCommandExecuting"
                            ContentAreaMode="Iframe" SpellCheckSettings-AjaxUrl="~/Telerik.Web.UI.SpellCheckHandler.axd" DictionaryPath="~/App_Data/RadSpell"

DialogsCssFile="~/Skins/Default/DialogCSS.css" EnableEmbeddedSkins="false"
                            Font-Bold="false" TabIndex="18" Width="100%" ContentFilters="ConvertCharactersToEntities"
                            runat="server" StripFormattingOptions="MSWord,Css,ConvertWordLists,Font" StripFormattingOnPaste="MSWord"
                            ToolbarMode="Default" ToolsFile="~/Skins/FullSetOfTools.xml" Language="en-GB"
                            SpellCheckProvider="EditDistanceProvider" SpellEditDistance="2">
                            <Tools>
                                <telerik:EditorToolGroup>
                                    <telerik:EditorDropDown Name="LineSpacing" Text="Line Spacing" PopupWidth="110" PopupHeight="90">
                                        <telerik:EditorDropDownItem Name="Default" Value="" />
                                        <telerik:EditorDropDownItem Name="Single space" Value="20px" />
                                        <telerik:EditorDropDownItem Name="1.5 Lines" Value="35px" />
                                        <telerik:EditorDropDownItem Name="Double spacing" Value="50px" />
                                    </telerik:EditorDropDown>
                                </telerik:EditorToolGroup>
                            </Tools>
                            <CssFiles>
                                <telerik:EditorCssFile Value="~/css/Radeditor.css" />
                            </CssFiles>
                            <Content>
                            </Content>
                            <ImageManager ViewPaths="~/" UploadPaths="~/" />
                        </telerik:RadEditor>


How do I make the Editor work perfectly and not let Master page's CSS screw it up if that's what the reason is here behind the problems I am facing?

Below is my custom CSS that I am using with the Editors ie Radeditor.css :-

html, body
{
    font-family:Verdana, Arial, Helvetica, sans-serif !important;
    font-size:14px !important;
    font-weight:normal !important;
    margin: 0 !important ;
    padding:0 !important;
    
}
 body
{
    font-family:Verdana, Arial, Helvetica, sans-serif !important;
    font-size:14px !important;
    font-weight:normal !important;
    margin: 0 !important ;
    padding:0 !important;
    
}

h1,h2,h3,h4,h5
{
    color:Black !important;
    background-color:Transparent;
    background-image:none !important;
    font-weight:bold;
    border-bottom:0px !important;
    font-family:Segoe UI,Arial,Sans-serif;
    cursor:default;
    padding-left:0px;
    padding-top:0px;
    font: "Segoe UI",Arial,Sans-serif;
    text-decoration:none;
    }


With Div mode Editor I also included the CSS below on my Page:-

     <style type="text/css">
        #<%=Editor1.ClientID%>_contentDiv
        {
            font-family: Verdana !important;
            font-size: 14px !important;
            font-style:normal !important;
            color:Black;     
        }
       
    </style>

Also Please tell me how do I style Heading tags (H1, H2,...H5) when Editor is in Div mode as well as in Iframe mode? Those are not working correctly. Please check my RadEditor.css custom skin above. I have styles Heading tags in it but its still not working fine. What else is needed to be done? How do i get my master page to not affect Heading tags of the editor at all? What all properties do I need to set in that custom css file for my heading tags so they work perfectly.
Rumen
Telerik team
 answered on 14 Jan 2011
3 answers
103 views
Hi, I am fairly new to asp.net.  I am trying to build a 3 level deep hierarchy grid.  I am using linq and joining multiple tables.  The problem I am running into is at level 3, I want to insert a record, into that grid, and i want to use a custom edit form template.  Which I want to have an insert and cancel button.  How do i map these buttons to send Telerik.Web.UI.GridCommandEventArgs e, so that I know which grid is doing the insert?
Basically I want Insert and cancel buttons to work the same way as if I used a standard automatic insert mode.


<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="LinqDataSource1" GridLines="None"  OnDeleteCommand="RadGrid1_ItemDeleted"
     AllowAutomaticDeletes="True"
      OnItemInserted="RadGrid1_ItemInserted" OnInsertCommand="RadGrid1_InsertCommand"
     >
        <MasterTableView DataSourceID="LinqDataSource1" DataKeyNames="day_id" AutoGenerateColumns="false" Name="Days">
                                <ExpandCollapseColumn Visible="True">
            </ExpandCollapseColumn>
            <Columns>
            <telerik:GridBoundColumn DataField="day_id" Visible="false"></telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="day_name" HeaderText="Day" ></telerik:GridBoundColumn>
            </Columns>

            <DetailTables>
                <telerik:GridTableView DataSourceID="LinqDataSource2" DataKeyNames="day_group_id" Name="Groups" AutoGenerateColumns="false" AllowPaging="True">
                    <ParentTableRelation>
                        <telerik:GridRelationFields DetailKeyField="day_id" MasterKeyField="day_id" />
                    </ParentTableRelation>
                    <Columns>
                        <telerik:GridBoundColumn DataField="day_group_id" Visible="false"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="group_id" Visible="false"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="group_name" HeaderText="Group Name:"></telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="physician_selected" HeaderText="Physician Name"></telerik:GridBoundColumn>
                    </Columns>
                    <DetailTables>
                        <telerik:GridTableView  DataSourceID="LinqDataSource3" DataKeyNames="day_group_user_id" Name="Users" AutoGenerateColumns="false" CommandItemDisplay="Top" AllowAutomaticDeletes="false">
                            <ParentTableRelation>
                                <telerik:GridRelationFields DetailKeyField="day_group_id" MasterKeyField="day_group_id" />
                            </ParentTableRelation>
                            <Columns>
                                <telerik:GridBoundColumn DataField="fname" HeaderText="First Name:"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="lname" HeaderText="Last Name:"></telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="email" HeaderText="Email:"></telerik:GridBoundColumn>
                                <telerik:GridButtonColumn ConfirmText="Remove this user?" ConfirmDialogType="RadWindow"
                                     ConfirmTitle="Delete" ButtonType="ImageButton" CommandName="Delete"  CommandArgument="day_group_user_id"/>
                            </Columns>
 <EditFormSettings  CaptionFormatString="Edit EmployeeID: {0}"
                CaptionDataField="EmployeeID" EditFormType="Template">
                <FormTemplate>
       
       
                                <telerik:RadComboBox runat="server" DataSourceID="LinqDataSource4"
                                  DataTextField="Name"  DataValueField="user_id" AllowCustomText="false" Width="500">
                                 <HeaderTemplate>
           <table width="499px">
           <tr>
           <td width="30%">Name</td><td width="70%">Email</td>
           </tr>
           </table>
        </HeaderTemplate>
        <ItemTemplate>
        <table  width="499px">
        <tr>
        <td width="30%"> <%# DataBinder.Eval(Container.DataItem, "name") %>
        </td>
        <td width="70%">
         <%# DataBinder.Eval(Container.DataItem, "email") %>
        </td>
        </tr>
        </table>

        </ItemTemplate>

                                 </telerik:RadComboBox>
                                 <br />
                                 <asp:linkbutton ID="Linkbutton1" runat="server" OnClick="LinkButton1_Click">Insert</asp:linkbutton>
                                 <asp:linkbutton ID="Linkbutton2" runat="server">Cancel</asp:linkbutton>

                </FormTemplate>
            </EditFormSettings>


   


                         </telerik:GridTableView>
                    </DetailTables>
                </telerik:GridTableView>
            </DetailTables>
        </MasterTableView>
    </telerik:RadGrid>
max
Top achievements
Rank 1
 answered on 14 Jan 2011
2 answers
99 views
Hello,
How can I reset/ init / clear filter in code behind or client
See attached image

Regards
 
dimrud
Top achievements
Rank 1
 answered on 14 Jan 2011
4 answers
271 views
Im using a list of RadButtons inside of a RadListView. The Site skin is currently set to Telerik in webconfig

I have my custom CSS overrides below. And the RadListView code is below that.

It seems the button default is:
  • Centered Text
  • Underline on Mouseover
  • A font that is too large


What I want on the buttons is:
  • Left Aligned Text                   (text-align: left !important;)
  • No underline on Mouseover     (text-decoration: none !important;)
  • 10px font at all times       (font-size: 10px !important;)

The CSS below works perfectly except for the split second after I release the mouse-click. It reverts back to the unwanted centered text, underlined, and a larger font. Just for a second, and then it is fine again.

Any ideas what my CSS is missing?



.myRadButton.rbToggleButton
{
    color: #000;
    font-size: 10px !important;
    text-decoration: none !important;  
}
 
.myRadButton.rbToggleButton:hover
{
    color: #863d02;
}
 
.myRadButton.rbToggleButton .rbText
{
   text-align: left !important;
   padding-left: 20px !important;
    font-size: 10px !important;
}
 
.myRadButton.rbToggleButton.rbDisabled,
.myRadButton.rbToggleButton:hover
{
    color: #6a6a6a;
    font-size: 10px !important;
    text-decoration: none !important;
}


<telerik:RadListView ID="RadListView1" runat="server" AllowPaging="false" OnItemDataBound="RadListView1_ItemDataBound"
                   OnDataBound="RadListView1_DataBound" Width="100%" OnLayoutCreated="RadListView1_LayoutCreated">
                   <LayoutTemplate>
                       <div class="rlv_mainLayout">
                           <div id="groupPlaceholder" runat="server">
                           </div>
                       </div>
                   </LayoutTemplate>
                   <ItemTemplate>
                       <div class="rlv_item">
                           <telerik:RadButton ID="btnOffice" runat="server" ButtonType="ToggleButton" ToggleType="CheckBox" 
                               Width="97%">
                               <ToggleStates>
                                   <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckbox" CssClass="myRadButton"/>
                                   <telerik:RadButtonToggleState PrimaryIconCssClass="rbToggleCheckboxChecked"  CssClass="myRadButton" />
                               </ToggleStates>
                           </telerik:RadButton>
                       </div>
                   </ItemTemplate>
                   <GroupTemplate>
                       <div id="OfficeGroup" runat="server" class="rlv_group">
                           <asp:PlaceHolder ID="itemPlaceholder" runat="server" />
                       </div>
                   </GroupTemplate>
                   <GroupSeparatorTemplate>
                   </GroupSeparatorTemplate>
                   <EmptyDataTemplate>
                   </EmptyDataTemplate>
               </telerik:RadListView>
Adam
Top achievements
Rank 1
 answered on 14 Jan 2011
4 answers
61 views
Hi,

I'd like to know how can I show a RadAjaxLoadingPanel when I'm using Google-like filtering in a RadGrid.  Every other filtering scenario shows the panel when the user executes a filter. 

I have noticed that for the Google-like filtering demo (http://demos.telerik.com/aspnet-ajax/controls/examples/integration/gridandcombo/defaultcs.aspx?product=grid), you are not using a RadAjaxLoadingPanel.

Thank you.
Fred
Top achievements
Rank 1
 answered on 14 Jan 2011
7 answers
155 views
Hi ,

 I need  small question about to get the month name ,,, If i click on the next " > "  button in the calendar i need to get the month name,,,  
 can you tell me how to do this?
Brown
Top achievements
Rank 1
 answered on 14 Jan 2011
1 answer
125 views
I have a RADWindow that will download a file to the user when they click a button on the window.  The file (text/csv) is being downloaded successfully however appended to the file is all of the RADWindow html.

The following is the code used to download the file.

Response.ContentType = "text/csv"
Response.AppendHeader("Content-Disposition", "attachment; filename=" & wrkFileName)
Response.TransmitFile(Server.MapPath(fileName))

Thanks for any help.
Mark
Top achievements
Rank 1
 answered on 14 Jan 2011
6 answers
134 views
I'm using the RadChart to display some data and I'm looking for the ability to add some functionality so that when a user clicks, or right-clicks on a chartseries item, the chart displays some type of menu with a series of actions that would be tied to the chartseries that they clicked.  Is there any RadMenu support for the RadChart?  I know that there is a click event for the chart, but it seems to be server side. Any other ideas are welcome.

Thanks!
Steve
Nutan
Top achievements
Rank 1
 answered on 14 Jan 2011
1 answer
163 views
Hello,

I am using an AdvancedEditTemplate using the example which is shown on the telerik website i have used the following code for the call of the form and closing of the form.

 

<asp:Panel runat="server" ID="ButtonsPanel" CssClass="rsAdvancedSubmitArea">
<div class="rsAdvButtonWrapper">
<asp:LinkButton CommandName="Update" runat="server" ID="UpdateButton" CssClass="rsAdvEditSave">
<
span><%# Container.Appointment.Owner.Localization.Save%></span>
</asp:LinkButton>
<asp:LinkButton runat="server" ID="CancelButton" CssClass="rsAdvEditCancel" CommandName="Cancel"CausesValidation="false">
<span><%# Container.Appointment.Owner.Localization.Cancel%></span>
</asp:LinkButton>
</div>
</asp:Panel>

When i click on the "Open" menu item in the appointment contextmenu, it opens the AdvancedEditTemplate in a rad window. below shows you my context menu.

 

 

<AppointmentContextMenus>
<telerik:RadSchedulerContextMenu runat="server" ID="SchedulerAppointmentContextMenu">
<Items>
<telerik:RadMenuItem Text="Open" Value="CommandEdit" />
<telerik:RadMenuItem IsSeparator="True" />
<telerik:RadMenuItem Text="Delete" Value="CommandDelete" ImageUrl="Images/delete.gif" />
</Items>
</telerik:RadSchedulerContextMenu>
</AppointmentContextMenus>

 

 

 

When i click "Open" in the contextmenu I pressume it uses the value "CommandEdit" to show the Form in a RadWindow. I can not find any examples online which explain the process of the "CommandEdit" and how it opens the RadWindow.
So my question is. How do I close and open this AdvancedEditTemplate in the radwindow - serverside so that I can add my own MenuItem and make that open the AdvancedEditTemplate?

Thank you

Peter
Telerik team
 answered on 14 Jan 2011
Narrow your results
Selected tags
Tags
+124 more
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Iron
Iron
Iron
Atul
Top achievements
Rank 1
Iron
Iron
Alexander
Top achievements
Rank 1
Veteran
Iron
Serkan
Top achievements
Rank 1
Iron
Shawn
Top achievements
Rank 1
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?