Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
130 views
Hi guys

I've been customising the ToolsFIle.xml file successfully to reorder tools and toolbars.

When I try to use the ribbon feature by entering <tools name="MainToolbar" IsRibbon="true">, it makes no difference (despite the help at http://www.telerik.com/help/aspnet/editor/editoroffice2007ribbonbar.html).

Is this feature unavailable in the AJAX version of the text editor?

Neil
HWNeil
Top achievements
Rank 1
 answered on 06 Apr 2011
3 answers
181 views
How can I set imageurl for image column programatically?

Thanks, Patrick
Tsvetina
Telerik team
 answered on 06 Apr 2011
5 answers
439 views
Hi!

How can i activate the HoverStyle?, no matter what i do simple will not work
Anyone have a clue?

Thanks
JL

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
                <!-- content start -->
                <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
                    <AjaxSettings>
                        <telerik:AjaxSetting AjaxControlID="grdMain">
                            <UpdatedControls>
                                <telerik:AjaxUpdatedControl ControlID="grdMain" />
                            </UpdatedControls>
                        </telerik:AjaxSetting>
                    </AjaxSettings>
                </telerik:RadAjaxManager>
                <telerik:RadGrid ID="grdMain" OnSortCommand="grdMain_SortCommand" OnPageIndexChanged="grdMain_PageIndexChanged"
                    Width="100%" OnPageSizeChanged="grdMain_PageSizeChanged" AllowSorting="True"
                    PageSize="20" AllowPaging="True" AllowMultiRowSelection="True" runat="server"
                    GridLines="None" Skin="Windows7" AutoGenerateColumns="true">
                    <MasterTableView Width="100%" Summary="RadGrid table"  />
                    <PagerStyle Mode="NextPrevAndNumeric" />                    
                    <ClientSettings AllowKeyboardNavigation="true" EnableRowHoverStyle="true">
                        <Selecting AllowRowSelect="true" />                        
                    </ClientSettings>
                </telerik:RadGrid>
                <!-- content end -->
Maria Ilieva
Telerik team
 answered on 06 Apr 2011
5 answers
98 views
Hello Telerik team,

I would like to ask if I can make this following scenario:

1. I have a textbox that's accepting sets of string (a Search box)
2. I have a button (Search button) that will be linked to the RadSpell. (Can this be done? If possible, please give me an assistance)
3. After clicking the Search box, the Radspell window should not be opened. (Is this possible, if yes, kindly teach me how)
4. Instead, the Radspell will get the nearest correct suggestion and display it on a page...

Example is attached for better understanding of my inquiry...

Thank You and Regards,

Anthony

 
Rumen
Telerik team
 answered on 06 Apr 2011
4 answers
140 views
First let me specify my environment, am using the ASP.net AJAX Q1 2011 35 controls in VS2010 with VB.net.

I am trying to bind a RadGrid to a dataset allowing it to autogenerate the columns, then set the format of the columns in code in the itemdatabound event.  I prefer this way because it allows me to just set header text and width without having to define every property of every column in code.  I also have a need to add a button to a column.  I am adding the button in the page_load event in the mastertableview and it shows up properly when the page loads, but when I click on the button the grid refreshes and the button disappears.  So first I need to be able to keep the button from disappearing, and second I'm not sure how I can put code in the button click event.

I would appreciate any help that anyone can provide.

Thanks.
Todd
Top achievements
Rank 1
Iron
 answered on 06 Apr 2011
4 answers
146 views

Hi,

I use pretty simple set of Editor. On IE8 and previous version of controls I could select text, make it italic, set background and foreground colors, after I upgrades to most recent one and installed IE9 something has changed. I can do all I could do before if I switch into IE7 compatibility mode, when I'm in IE8, IE8 and FF4 Editor doesn't let italic happen: no change in editor no button gets toggled.

There is a hierarchy of control that loaded dynamically and editor is one of them.

Also 2 related questions:
1)JS below has issue that was toggling very interesting flickering on IE8 with previous versions of controls, haven't tested yet with current version and IE9 if also happens

2)when a page that loads dynamic controls is loaded first time and inside some of those controls there is Editor or TreeList (haven't checked other controls) - the appearance of controls is broken, feels like they didn't have a chance to recalculate their layout using JS. When I navigate away and come back - view is ok. I have made a lot of css chnages to site, so if I will experience this behaviour I will attach screenshot

here is my Editor:

<telerik:RadEditor ID="radEditor" runat="server" EditModes="Design" Skin="Default"
          OnClientSubmit="OnClientSubmit" OnClientLoad="OnClientLoad" StripFormattingOnPaste="AllExceptNewLines"
          StripFormattingOptions="AllExceptNewLines" Style="position: relative; right: 1px;"
          Width="100%" Height="150px" AutoResizeHeight="false">
          <Tools>
              <telerik:EditorToolGroup Tag="MainToolbar">
                  <telerik:EditorTool Name="Cut"></telerik:EditorTool>
                  <telerik:EditorTool Name="Copy" ShortCut="CTRL+C"></telerik:EditorTool>
                  <telerik:EditorTool Name="Paste" ShortCut="CTRL+V"></telerik:EditorTool>
              </telerik:EditorToolGroup>
              <telerik:EditorToolGroup>
                  <telerik:EditorTool Name="Bold" ShortCut="CTRL+B"></telerik:EditorTool>
                  <telerik:EditorTool Name="Italic" ShortCut="CTRL+I"></telerik:EditorTool>
                  <telerik:EditorTool Name="Underline" ShortCut="CTRL+U"></telerik:EditorTool>
                  <telerik:EditorTool Name="StrikeThrough"></telerik:EditorTool>
                  <telerik:EditorSeparator />
              </telerik:EditorToolGroup>
              <telerik:EditorToolGroup>
                  <telerik:EditorSplitButton Name="ForeColor">
                  </telerik:EditorSplitButton>
                  <telerik:EditorSplitButton Name="BackColor">
                  </telerik:EditorSplitButton>
              </telerik:EditorToolGroup>
          </Tools>
          <Content>
          </Content>
      </telerik:RadEditor>

and JS:
function OnClientSubmit(editor) {
    // line below causes weird flickering effect on IE when rad editor is loaded first time and navigated away
    //editor.fire("FormatStripper", { value: "AllExceptNewLines" });
}
  
function OnClientLoad(editor, args) {
    var style = editor.get_contentArea().style;
    style.backgroundImage = "none";
    style.backgroundColor = "e1e2dc";
    style.color = "#000";
    style.fontFamily = "Verdana";
    style.fontSize = 11 + "px";
}
Rumen
Telerik team
 answered on 06 Apr 2011
1 answer
99 views
Hello support,

I have export to excel functionality under a rad grid code snippest attached.
the code was working before and exporting data properly but now I am unable to make export working.


 <telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlDataSource1" AutoGenerateColumns="false"
                PageSize="10" AllowPaging="true" AllowSorting="true" AllowAutomaticDeletes="true"
                ClientSettings-AllowColumnsReorder="true" OnItemDeleted="RadGrid1_ItemDeleted"
                OnSelectedIndexChanged="RadGrid1_IndexChanged" AllowFilteringByColumn="true"
                OnItemCommand="RadGrid1_ItemCommand" OnItemDataBound="RadGrid1_ItemDataBound"
                EnableAJAX="true" >
                <MasterTableView runat="server" DataSourceID="SqlDataSource1" DataKeyNames="Id" AllowAutomaticDeletes="true"
                    AllowMultiColumnSorting="false">
                    <Columns>
                        <telerik:GridBoundColumn DataField="Id" HeaderText="<%$ Resources:Resource, User.Id.Label %>"
                            Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="OrganizationName" HeaderText="OrganizationName"
                            Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="OriginalOrganization" HeaderText="OriginalOrganization"
                            Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Login" HeaderText="<%$ Resources:Resource, User.Login.Label %>">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn HeaderText="Name" AllowFiltering="true" DataField="FirstName"
                            SortExpression="FirstName">
                            <ItemTemplate>
                                <asp:Label ID="lblname" runat="server" Text='<%# string.Format("{0}, {1}", Eval("FirstName"), Eval("LastName")) %>' />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="LanguageName" HeaderText="PreferredLan" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="DateOfBirth" Visible="false" HeaderText="DateOfBirth"
                            DataFormatString="{0:d}">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Phone1" HeaderText="Phone1" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Phone2" HeaderText="Phone2" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Email" HeaderText="Email1" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Email2" HeaderText="Email2" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Address1" HeaderText="Address1" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Address2" HeaderText="Address2" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="City" HeaderText="City" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="StateName" HeaderText="<%$ Resources:Resource, User.StateId.Label %>">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="CountryName" HeaderText="CountryName" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="Postal" HeaderText="Postal" Visible="false">
                        </telerik:GridBoundColumn>
                        <telerik:GridBoundColumn DataField="CreationDate" HeaderText="<%$ Resources:Resource, User.CreationDate.Label %>"
                            DataFormatString="{0:d}" SortExpression="CreationDate">
                        </telerik:GridBoundColumn>
                        <telerik:GridTemplateColumn AllowFiltering="false">
                            <ItemTemplate>
                                <asp:ImageButton runat="server" ToolTip="<%$ Resources:Resource, View.Button %>"
                                    ImageUrl="~/App_Themes/Default/Images/gridview.gif" ID="lnkbtn" CommandName="View"
                                    CommandArgument='<%# Eval("Id") %>' Text="<%$Resources:Resource,View %>"></asp:ImageButton>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridButtonColumn ButtonType="ImageButton" CommandName="View" Reorderable="false"
                            ConfirmText="<%$Resources:Resource,StrDelete %>" Visible="false">
                        </telerik:GridButtonColumn>
                        <telerik:GridTemplateColumn AllowFiltering="false" Visible="true" HeaderText="Add Rewards">
                            <ItemTemplate>
                                <!-- <asp:ImageButton ID="btnSelect1" ToolTip="Edit" runat="server" ImageUrl="~/App_Themes/Default/Images/gridEdit.gif" CommandName="Select"  /> -->
                                <asp:ImageButton ID="btnAddReward" ToolTip="AddReward" runat="server" ImageUrl="~/App_Themes/Default/Images/gridEdit.gif"
                                    CommandName="AddReward" CommandArgument='<%# Eval("Id") %>' />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                    </Columns>
                    <PagerStyle Position="TopAndBottom" Mode="NextPrevAndNumeric" NextPageText="Next"
                        PrevPageText="Prev"></PagerStyle>
                </MasterTableView>
                <GroupingSettings CaseSensitive="false" />
            </telerik:RadGrid>
 <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:Ctla1 %>"
                SelectCommandType="StoredProcedure" SelectCommand="Ctla_GetUserList">
                <SelectParameters>
                    <asp:Parameter Name="currentOrgId" Direction="Input" DefaultValue="0" Type="Int32" />
                    <asp:Parameter Name="currentUserId" Direction="Input" DefaultValue="0" Type="Int32" />
                    <asp:Parameter Name="TotalRowCount" Direction="Output" Type="Int32" />
                </SelectParameters>
            </asp:SqlDataSource>

This is ASPx page code.

and the code for aspx.cs page
 protected void btnExportFromDatagridcsv_Click(object sender, ImageClickEventArgs e)
        {
            ConfigureExport();
            RadGrid1.MasterTableView.ExportToCSV();
        }
public void ConfigureExport()
        {
            RadGrid1.ExportSettings.ExportOnlyData = false;
            RadGrid1.ExportSettings.IgnorePaging = true;
            RadGrid1.ExportSettings.OpenInNewWindow = true;
            RadGrid1.ExportSettings.FileName = "UserList";
        }

I also tried several options including
1)   RadGrid1.ExportSettings.ExportOnlyData = true;
2) created a separate page with the simple grid and bind it with a simple datatable and applied export settings and applied export to excel.
Daniel
Telerik team
 answered on 06 Apr 2011
1 answer
217 views
I had a Rad Panel Like this

<telerik:RadPanelBar ID="RadPanelBar_LeftMenu" Runat="server"  Width="95%"  Skin="Office2007" ExpandMode="SingleExpandedItem" BackColor="Transparent">
         
</telerik:RadPanelBar>

and i am binding the data dynamically

I applied CSS..
1) I want to apply bold and font color for the root items but not for the Child items..but i failed to apply.. its applying for the whole one
(different font for root and child elements)
2) if i click on the root item ..it expands, the expanded root element should be displayed in one color

how both the things are possible..

I tried the below css but i failed for the above 2 points.. anybody please tell me how to do this?
.RadPanelBar .rpRootGroup,    
.RadPanelBar .rpRootGroup .rpLink  
{    
     border: none !important;    
     background-color: transparent !important;
     background-image:none;
     font-family:Verdana !important;  
     text-decoration: none;  
     border-bottom-width: 0px !important;  
}  
 
.RadPanelBar_Office2007 a.rpLink:hover{
color: black !important;
background-color: #FFCA5E !important;
border-color: #FF9B35 !important;
border-top-color: #FF9B35 !important;
border-right-color: #FF9B35 !important;
border-bottom-color: #FF9B35 !important;
border-left-color: #FF9B35 !important;
}
 
.rpOut  
{  
     border-bottom-width: 0px !important;     
}
 
 
.RadPanelBar_Office2007 a.rpLink, .RadPanelBar_Office2007 .rpTemplate {
color: #056B9D;
font-size: 70%;
font-family: Verdana;
font-weight:bold;
}
 
.rpText
{
    font-size: 100%;
    font-family: Verdana;
 
}



Shinu
Top achievements
Rank 2
 answered on 06 Apr 2011
1 answer
103 views
Please take a look at www.microsoft.com website. I am also attaching a screenshot here.  
The UI is created like the new Windows Phone 7 interface where if you click the arrow on the far right of the screen, the entire display changes with a different div.  

I think that this is a great way of using up space to show very large forms or articles.

Can someone suggest how to create this kind of layout and can you do this using Telerik controls or jQuery?

Pratik
Marin Bratanov
Telerik team
 answered on 06 Apr 2011
1 answer
282 views
I have a radComboBox in a usercontrol within a RadGrid.

The combo box contains a list of approx 3000 clients, so I have set EnableAutomaticLoadOnDemand = true so that when open the usercontrol, the load time of the form is quite fast.

This works well for adding new records, however when I am trying to edit a record which already has a client set, the SelectedValue property will fail to pick the value from the list (as I guess it hasn't been loaded yet).  As soon as I revert to the default of EnableAutomaticLoadOnDemand = false as shown in my code snippet below, then the SelectedValue property will correctly set the value from the list, but this then takes a couple of seconds to load the combo data.

Is there any way that I can set EnableAutomaticLoadOnDemand = true, while also getting the SelectedValue property to set the correct value from the data source?  (As an added complication, I also have a "Select from Template" combo box which will set various values in other text boxes and combo boxes, which I would also like to use with EnableAutomaticLoadOnDemand = true.)

Thanks for your help,
Ben


 

<tr>

 

 

<td>

 

Client

 

</td>

 

 

<td>

 

 

<telerik:RadComboBox ID="cboClient" Runat="server" AllowCustomText="true"

 

 

DataSourceID="SqlDataSource1" DataTextField="Account" DataValueField="ClientID"

 

 

Skin="Outlook"

 

 

 

SelectedValue='<%# DataBinder.Eval( Container, "DataItem.ClientID") %>'

 

 

 

Width="320px" EnableVirtualScrolling="True"

 

 

 

Filter="Contains" ItemsPerRequest="20" ShowMoreResultsBox="True">

 

 

<itemtemplate>

 

 

<table style="width:300px">

 

 

<tr>

 

 

<td style="width:100px; text-align: left;">

 

<%

#DataBinder.Eval(Container.DataItem, "Account")%>

 

 

 

</td>

 

 

<td style="width:200px; text-align: left;">

 

<%

#DataBinder.Eval(Container.DataItem, "Disp")%>

 

 

 

</td>

 

 

</tr>

 

Vasil
Telerik team
 answered on 06 Apr 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Shiori
Top achievements
Rank 2
Iron
Tien
Top achievements
Rank 1
Iron
Robert
Top achievements
Rank 1
Rob
Top achievements
Rank 4
Bronze
Bronze
Iron
Geoff
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?