Questions on UI for ASP.NET AJAX Forum

5 answers

155 views

Hello,

I am wondering if Telerik ComboBox or other controls could be customized to look similar to Google controls.

For instance, http://translate.google.com/ you can notice the fancy ComboBox, Tooltip, and Buttons.

If not, any idea what google uses from JavaScript/CSS libraries to accomplish and deliver such nice UI controls?

Finally, would it be possible for Telerik, to add a new Theme to the already existing set called "Google UI" ?

Thank you & regards,
Bilal

ComboBox

answered on 13 Sep 2011

4 answers

85 views

Scheduler resurces availability

Hi All.
Could you please help me to find the best way to check availability of GroupBy resources for Scheduler. I have Employee resource (LinqDataSource) and need to cancel GroupBy parameter for scheduler if there is no emploees in the list. All I tried get an error cant change GroupBy during binding process. (or something like this)

Thanks.

Scheduler

answered on 13 Sep 2011

3 answers

186 views

[Solved] RadMenu Databound

Hi all i need a help. i am new to telerik. I have table which has column menuname and Link.

i want to populate those into a datatable and want to create menus dynamically. i can create this by using RadMenu.

But i can't make clickable of my menus. that is when user clicks on the menus it will navigate to the link which value it gets from the table

please help. i need it urgently

Thanks & Reagrds'

Indranil

Menu

answered on 13 Sep 2011

1 answer

182 views

[Solved] Maintain text format settings

Greetings,

I have developed a chat app using RadEditor to type in the messages.
I have also used the text formating capabilities from rad editor to enhance the chat, but now i'm having some technical dificulties. I want the radEditor to preserve the formating settings when i change the cursor position or when i clean/insert HTML content to the RadEditor.

Is there a way to always keep the text formatting setting unless the user changes them?
I'm just using the Italic,Bold,Underline and text-color.

Any kind of help would be useful!

Editor

answered on 13 Sep 2011

1 answer

104 views

RagePageView not displayed in RadTab

I have a Hierarchical RadGrid with a details table defined as a nestedViewTamplate which then also contains a RadGrid inside a RadPageView which is assigned to a RadTab.
I cannot get the second RadGrid to appear in the assigned RadTab for some reason.

Here is my source.

<telerik:RadGrid ID="RadGrid1" runat="server" Skin="Centive" EnableEmbeddedSkins="False"

AutoGenerateColumns="False" CellSpacing="0" GridLines="None" OnNeedDataSource="RadGrid1_NeedDataSource"

OnItemDataBound="RadGrid1_ItemDataBound" OnDetailTableDataBind="RadGrid1_DetailTableDataBind">

<MasterTableView DataKeyNames="CompanyId,CentiveId,PlanId" Name="MainMasterTable">

<DetailTables>

<telerik:GridTableView DataKeyNames="CompanyId,CentiveId,PlanId,AwardId" Name="AwardDetails">

<NestedViewTemplate>

<telerik:RadTabStrip ID="TabStrip1" runat="server" MultiPageID="MultiPage1" Skin="Centive"

EnableEmbeddedSkins="false">

<Tabs>

<telerik:RadTab runat="server" Text="Transactions" PageViewID="PageView1" Selected="true">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Vestings" PageViewID="PageView2">

</telerik:RadTab>

<telerik:RadTab runat="server" Text="Tax" PageViewID="PageView3">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="MultiPage1" SelectedIndex="0" RenderSelectedPageOnly="false" SkinID="Centive" EnableEmbeddedBaseStylesheet="true">

<telerik:RadPageView runat="server" ID="PageView1">

<telerik:RadGrid runat="server" ID="RadGrid2" OnNeedDataSource="RadGrid2_NeedDataSource"

AutoGenerateColumns="false" Skin="Centive" EnableEmbeddedSkins="false">

<MasterTableView DataKeyNames="CentiveId, CompanyId, PlanId, AwardId" Name="SecondMainMasterTable">

<Columns>

<telerik:GridBoundColumn HeaderText="CentiveId" DataField="CentiveId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="CompanyId" DataField="CompanyId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Plan" DataField="PlanId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Award" DataField="AwardId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Type" DataField="Type">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Date" DataField="Date" DataFormatString="{0:dd/MM/yyyy}">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Units" HeaderStyle-HorizontalAlign="Right" DataField="Units"

DataFormatString="{0:N0}">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Price" DataField="Price" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</telerik:RadPageView>

</telerik:RadMultiPage>

</NestedViewTemplate>

<Columns>

<telerik:GridBoundColumn HeaderText="CentiveId" DataField="CentiveId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="CompanyId" DataField="CompanyId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Plan" DataField="PlanId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Award" DataField="AwardId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Awarded" HeaderStyle-HorizontalAlign="Right"

DataField="Awarded" DataFormatString="{0:N0}">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Exercised" DataField="Exercises" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Transfered" DataField="Transfers" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Sold" DataField="Sales" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Lapsed" DataField="Lapses" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Share Splits" DataField="Share Splits" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Rights Issues" DataField="Rights Issues" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Outstanding" DataField="Outstanding" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

</Columns>

</telerik:GridTableView>

</DetailTables>

<Columns>

<telerik:GridBoundColumn HeaderText="" DataField="Approved" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridImageColumn HeaderText="" UniqueName="ApprovedImage">

<ItemStyle HorizontalAlign="Left" Width="1" />

</telerik:GridImageColumn>

<telerik:GridBoundColumn HeaderText="CentiveId" DataField="CentiveId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="CompanyId" DataField="CompanyId" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Plan" DataField="PlanId">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Awarded" HeaderStyle-HorizontalAlign="Right"

DataField="Awarded" DataFormatString="{0:N0}">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Exercised" DataField="Exercises" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Transfered" DataField="Transfers" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Sold" DataField="Sales" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Lapsed" DataField="Lapses" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Share Splits" DataField="Share Splits" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Rights Issues" DataField="Rights Issues" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Outstanding" DataField="Outstanding" DataFormatString="{0:N0}"

HeaderStyle-HorizontalAlign="Right">

<HeaderStyle HorizontalAlign="Right"></HeaderStyle>

<ItemStyle HorizontalAlign="Right" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

TabStrip

answered on 13 Sep 2011

1 answer

115 views

AutoComplete feature is On But not able to remove the selected item.

Hello,

I'm using RadComboBox of version 2010.1.519.35. I'm getting very much strange behaviour or the Autocomplete feature of RadComboBox. I select multiple items in the radcomobox with seperator ';'. but when i'm trying to select one email address from the selected list and trying to delete it, is not working. when i select single email address entire row is selected and when i press delete entire row gets deleted. so i'm not able to remove the selected single item from the textbox of RadCombobox. Please suggest a solution.
below is the code which i used for radcombobox.

<telerik:RadComboBox ID="ddlEmailTo" AutoCompleteSeparator=";" AllowCustomText="True"

runat="server" Width="505" Height="150" CssClass="rfdRoundedCorners" DataSourceID="sqlDsContactEmail"

DataTextField="strEmail" MarkFirstMatch="true" ShowToggleImage="False" Filter="StartsWith"

AccessKey="T">

</telerik:RadComboBox>

Thanks
Sweta

ComboBox

answered on 13 Sep 2011

1 answer

136 views

Loading whole page when we check checkbox.

Hi,

I have radtreeview and radgrid in my page. In radtreeview i have checkboxes. when i check the checkbox, that node details loading from database and binding to radgrid. All these functionalities working fine.

But when i check the another check box, it's loading all the selected checkbox's data from database every time (Whole page loading).
It's taking lot of time. So I am planing to implement ajax, Can you please provide me sample links or sample applications.

Please find the attached screen shot of my page.

Thanks and Regards,
Nagendra.

ComboBox

answered on 13 Sep 2011

10 answers

517 views

GridDateTimeColumn "Equal To" filter problem

Hi,

I am facing problem in GridDateTimeColumn "Equal To " filter problem .I have one webpage having telerik:RadGrid .
In this page grid I am having

"<telerik:GridDateTimeColumn DataField="DateRefundRequested"

FilterListOptions="VaryByDataType" HeaderText="Date"

UniqueName="DateRefundRequested" HeaderStyle-Width="175px"

AllowFiltering="true" />
Column."

I assigned to datasource to this telerik grid. In this datasource datetime type column value binded to corresponding "telerik:GridDateTimeColumn" in that telerik grid.

When I run this page .the datasource value filled to gird. When I try to filter that grid is “EqualTo”.it was displayed is “No records found.”

But When I apply the filter is “GreaterThan” ,it was return the results.

So can you please suggest how to solve this issue.

This is my code:

<telerik:RadGrid runat="server" ID="ListGrid" ShowStatusBar="True"

AllowPaging="True" GridLines="None" Skin="Office2007"

PageSize="5" BorderStyle="Solid" AllowFilteringByColumn="True" AllowMultiRowSelection="True"

PagerStyle-AlwaysVisible="true" ShowGroupPanel="True"

OnNeedDataSource="ListGrid_NeedDataSource"

OnItemCommand="ListGrid_ItemCommand"

OnItemDataBound="ListGrid_ItemDataBound"

OnItemEvent="ListGrid_ItemEvent"

OnPreRender="ListGrid_PreRender"

Width="100%"

</ClientSettings>

</GroupPanel>

<mastertableview CommandItemDisplay="Top" AutoGenerateColumns="False" Width="100%"

CssClass="DetailTable_Default" DataKeyNames="PaymentRefundRequestID" NoMasterRecordsText="No records found." EditMode="InPlace" >

<asp:LinkButton runat="server" ID="selectAll" Text="Select All"

CommandName="SelectAll" SkinID="GridSelectAllLinkButton"

meta:resourcekey="selectAllResource1" />

<asp:LinkButton runat="server" ID="unselectAll" Text="Deselect All"

CommandName="UnSelectAll" SkinID="GridUnSelectAllLinkButton" Visible="False"

meta:resourcekey="unselectAllResource1" />

<asp:LinkButton runat="server" ID="denyRefunds" Text="Deny Refund"

OnClientClick="return OpenDenyReasonWindow();"

SkinID="GridDenyRefundLinkButton" meta:resourcekey="denyRefundsResource1" />

<asp:LinkButton runat="server" ID="processRefunds" Text="Process Refund"

CommandName="ProcessRefunds" SkinID="GridProcessRefundLinkButton"

meta:resourcekey="processRefundsResource1" />

<asp:LinkButton ID="refreshPaymentsButton" runat="server" CommandName="Rebind"

Text="Refresh" ToolTip="Refresh" SkinID="GridRefreshLinkButton"

meta:resourcekey="refreshPaymentsButtonResource1" />

</div>

</CommandItemTemplate>

<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn"

HeaderText="Select" AllowFiltering="false"

meta:resourcekey="GridTemplateColumnResource1">

<asp:CheckBox id="chbxSelect" OnCheckedChanged="ToggleRowSelection"

AutoPostBack="True" runat="server" meta:resourcekey="chbxSelectResource1"></asp:CheckBox>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="IsParentPayment" HeaderText=" "

HeaderStyle-Width="20px" UniqueName="ParentPayment" AllowFiltering="false"

ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="DateRefundRequested" HeaderText="Date"

UniqueName="DateRefundRequested" HeaderStyle-Width="175px"

AllowFiltering="true" FilterListOptions="VaryByDataType"

meta:resourcekey="GridBoundColumnResource3" />

<telerik:GridBoundColumn DataField="EntPayID" HeaderText=""

DataType="System.Int32" UniqueName="EntPayID" AllowFiltering="False"

Visible="false" meta:resourcekey="GridBoundColumnResource4" />

<telerik:GridBoundColumn DataField="RefundReason" DataType="System.String"

HeaderText="Reason" UniqueName="RefundReason" AllowFiltering="true"

FilterListOptions="VaryByDataType"

meta:resourcekey="GridBoundColumnResource11" />

</Columns>

</mastertableview>

</telerik:RadGrid>

In this code "DateRefundRequested" GridDateTimeColumn column only i am trying to filter.but it is not working.

~ Thirunavukarasu

Filter

answered on 13 Sep 2011

1 answer

77 views

RadDock problem with Master Page

Same problem as described in first post in this thread: http://www.telerik.com/community/forums/aspnet-ajax/docking/problem-with-raddock-using-master-page.aspx

Anyone knows the solution?

Dock

answered on 13 Sep 2011

1 answer

49 views

DropDownColumns In Edit Mode List is to big

Hi,

I'm sure this is something simple. I have DropDownColumn that I'm populating at runtime with two values. When I edit the row the dropdown shows the two values but also has a mass of white space after.

Is there away of reducing the size of the drop down list.

I have attached a screen shot as I don't think its very clear

Note: The Edit form is the standard Telerik Auto Generated Form instead of a Custom Form.

Grid

answered on 13 Sep 2011