Questions on UI for ASP.NET AJAX Forum

0 answers

65 views

Hi,

I'm currently working on a RadScheduler and I would like to know how can you display only the AdvancedForm while you insert an appointment.

Currently, when I want to insert an appointment I double click on the day of the appointment and then I have to click on advanced in order to get to the AdvancedForm.

I want to get rid of the first windows and display directly the AdvancedForm.

Thanks in advance

EDIT : I found the answer, you have to set the StartInsertingInAdvancedForm to True

Scheduler

asked on 19 Jun 2013

1 answer

109 views

Rounded Corners

Is there any way to round the tile corners to make them look more "icon"-ish?

TileList

answered on 19 Jun 2013

1 answer

102 views

Rad.Rebind throwing error

Hi. I have a Radgrid with a MasterTableView and 2 Detail Tables (total of 3 levels). I have each GridTableView set to
HierarchyLoadMode="Client" and I am binding the tables in my code-behind. I have an OnNeedDataSource method as well as an OnDetailTableDataBind method to do all the binding. On the first page load, the grids/tables all bind correctly. In the 3rd level detail table, I have a GridButtonColumn that will call a server-side RadGrid_Delete event that will remove that row from the data in the database. I then want to refresh the entire RadGrid to show that the row was removed, which may affect the upper 2 levels if it was the last row removed. So, at the end of the RadGrid_Delete event in the code-behind, I try calling the Rebind() method on my RadGrid. Both the OnNeedDataSource and the OnDetailTableBind methods get fired and at the end of OnDetailTableBind event it is thowing error like "Cannot find the column [<column of parent table>]". When I refresh the browser, however, the data does refresh and the row is gone.

Grid

answered on 19 Jun 2013

1 answer

31 views

Page with two independant grids

I have a asp.net page with two independant grids , both of which can be updated.
When I select edit the grid allows me to edit but clicking Update doesn't work. The form remains in Edit Mode

Definition of grids

<b>SKILLS – MY STRENGTHS </b>

<br />

<telerik:radajaxloadingpanel id="RadAjaxLoadingPanel1" runat="server" skin="WebBlue">

</telerik:radajaxloadingpanel>

<telerik:radgrid id="RadGrid_Strengths" runat="server" autogeneratecolumns="False"

pagesize="10" allowpaging="True" onneeddatasource="RadGrid_Strengths_NeedDataSource"

onprerender="RadGrid_Strengths_PreRender" allowautomaticinserts="false" enableajax="true"

showstatusbar="true" skin="WebBlue" width="600px" onitemdatabound="RadGrid_Strengths_ItemDataBound"

allowmultirowselection="false" allowautomaticupdates="False" onupdatecommand="RadGrid_Strengths_UpdateCommand">

<PagerStyle Mode="NextPrevandNumeric" Position="TopAndBottom" AlwaysVisible="false" />

<MasterTableView ShowFooter="true" DataKeyNames="strong_skill_id" CommandItemDisplay="Top" AllowSorting="false" AllowPaging="true" EditMode="InPlace">

<CommandItemSettings ShowAddNewRecordButton="false" />

<RowIndicatorColumn Visible="true" UniqueName="RowIndicator">

<HeaderStyle Width="20px" BackColor="LightSkyBlue" />

</RowIndicatorColumn>

<Columns>

<telerik:GridBoundColumn UniqueName="Skill_id" HeaderText="No" DataField="strong_skill_id"

SortExpression="strong_skill_id" HeaderStyle-Width="60px" ItemStyle-Width="60px" ItemStyle-Wrap="true" Readonly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="asset_name" HeaderText="Subject" DataField="asset_name"

HeaderStyle-Width="100px" ItemStyle-Width="100px" ItemStyle-Wrap="true" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="strong_asset_id"

HeaderText="Skill" UniqueName="strong_asset_id" ItemStyle-Width="100px" HeaderStyle-Width="100px">

<EditItemTemplate>

<asp:DropDownList ID="DDSkills" runat="server"></asp:DropDownList>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="SkillIDLabel" runat="server" Text='<%# Eval("strong_asset_id") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn UniqueName="ColumnEdit" HeaderText="Edit"

Visible="true" ItemStyle-Width="150px">

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

</telerik:radgrid>

Second grid

<telerik:radajaxloadingpanel id="RadAjaxLoadingPanel2" runat="server" skin="WebBlue">

</telerik:radajaxloadingpanel>

<telerik:radgrid id="RadGrid_Weaknesses" runat="server" autogeneratecolumns="False"

pagesize="10" allowpaging="True" onneeddatasource="RadGrid_Weaknesses_NeedDataSource"

onprerender="RadGrid_Weaknesses_PreRender" allowautomaticinserts="false" enableajax="true"

showstatusbar="true" skin="WebBlue" width="600px" onitemdatabound="RadGrid_Weaknesses_ItemDataBound"

allowmultirowselection="false" allowautomaticupdates="False" onupdatecommand="RadGrid_Weaknesses_UpdateCommand">

<PagerStyle Mode="NextPrevandNumeric" Position="TopAndBottom" AlwaysVisible="false" />

<MasterTableView ShowFooter="true" DataKeyNames="weak_skill_id" CommandItemDisplay="Top" AllowSorting="false" AllowPaging="true" EditMode="InPlace">

<CommandItemSettings ShowAddNewRecordButton="false" />

<RowIndicatorColumn Visible="true" UniqueName="RowIndicator">

<HeaderStyle Width="20px" BackColor="LightSkyBlue" />

</RowIndicatorColumn>

<Columns>

<telerik:GridBoundColumn UniqueName="Skill_id" HeaderText="No" DataField="weak_skill_id"

SortExpression="weak_skill_id" HeaderStyle-Width="60px" ItemStyle-Width="60px" ItemStyle-Wrap="true" Readonly="true">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="asset_name" HeaderText="Subject" DataField="asset_name"

HeaderStyle-Width="100px" ItemStyle-Width="100px" ItemStyle-Wrap="true" Visible="false">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn DataField="weak_asset_id"

HeaderText="Skill" UniqueName="weak_asset_id" ItemStyle-Width="100px" HeaderStyle-Width="100px">

<EditItemTemplate>

<asp:DropDownList ID="WeakDDSkills" runat="server"></asp:DropDownList>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="WeakSkillIDLabel" runat="server" Text='<%# Eval("weak_asset_id") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridTemplateColumn DataField="weak_skills_text"

HeaderText="DevelopingSkills" UniqueName="weak_skills_text" ItemStyle-Width="100px" HeaderStyle-Width="100px">

<EditItemTemplate>

<asp:TextBox ID="txtDevelop" runat="server"></asp:TextBox>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="SkillIDLabel" runat="server" Text='<%# Eval("weak_skills_text") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn UniqueName="ColumnEdit" HeaderText="Edit"

Visible="true" ItemStyle-Width="150px">

</telerik:GridEditCommandColumn>

</Columns>

</MasterTableView>

Update code for one grid

Protected Sub RadGrid_Strengths_UpdateCommand(ByVal source As Object, ByVal e As Telerik.Web.UI.GridCommandEventArgs) Handles RadGrid_Strengths.UpdateCommand

Dim success As Integer

Dim skill_idtext As String

Dim skill_id As Integer

Dim asset_idtext As String

Dim asset_id As Integer

Dim editedItem As GridEditableItem = TryCast(e.Item, GridEditableItem)

skill_idtext = editedItem.GetDataKeyValue("Skill_id").ToString()

skill_id = Convert.ToInt32(skill_idtext)

asset_idtext = (TryCast(editedItem.FindControl("DDSkills"), DropDownList)).SelectedValue

asset_id = Convert.ToInt32(asset_idtext)

success = careersobj.update_student_strong_skills(studentcode, skill_id, asset_id)

End Sub

Grid

answered on 19 Jun 2013

2 answers

76 views

Grid with Validation issue

I have a rad grid with ADD/Update all working correctly. Above the grid on the I have a select box and date picker that is used in filtering the data that is bound to my grid.

I added a RequiredFieldValidator to two of the column columns.

If I change the select box above the grid and rebind the grid while the user is in "Add" mode, the Validator is triggered and the grid stays in add mode...

Is there a way to force the grid to refresh and not be left in add mode from the validation. If I take out the field validation, then all works as expected.

<telerik:GridTemplateColumn DataField="sFirstName"

FilterControlAltText="Filter sFirstName column" HeaderText="First Name"

SortExpression="sFirstName" UniqueName="sFirstName">

<EditItemTemplate>

<asp:TextBox ID="sFirstNameTextBox" runat="server" Text='<%# Bind("sFirstName") %>' MaxLength="50"></asp:TextBox>

<asp:RequiredFieldValidator ID="rfvFirstName" ControlToValidate="sFirstNameTextBox"

ErrorMessage="*Required" Display="Static" runat="server" ForeColor="Red">

</asp:RequiredFieldValidator>

</EditItemTemplate>

<ItemTemplate>

<asp:Label ID="sFirstNameLabel" runat="server" Text='<%# Eval("sFirstName") %>'></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn>

Grid

answered on 19 Jun 2013

10 answers

367 views

Radmenu Expand Arrow Gone from root level

hi

i have upgraded to the latest version of the controls and for some reason the expand arrow has dissapeared from the root level item where it was there before , is there any way of getting this back ?

here is the menu

<telerik:RadMenu ID="menu" runat="server" Width="100%" Skin="Metro" CssClass="MyMenu" EnableOverlay="true" EnableRoundedCorners="true" EnableShadows="true"

OnItemClick="menu_ItemClick">

<Items>

<telerik:RadMenuItem runat="server" Text="Xplore" Value="portal" NavigateUrl="../Default.aspx" >

<GroupSettings ExpandDirection="Down" />

<Items>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="EAP" Value="eap" NavigateUrl="../EAP.aspx">

<GroupSettings ExpandDirection="Down" />

<Items>

<telerik:RadMenuItem runat="server" Text="Find on Map" NavigateUrl="../FindOnMap.aspx?SRC=TOPRIGHT">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Find on Grid" NavigateUrl="../FindOnGrid.aspx?SRC=TOPRIGHT">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Search" NavigateUrl="../Search.aspx?SRC=TOPRIGHT">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Data Tables" NavigateUrl="../DataTables.aspx?SRC=TOPRIGHT">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Data Direct" Value="DD" NavigateUrl="http://{dd}/ControlPanel.aspx">

<GroupSettings ExpandDirection="Down" />

<Items>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" IsSeparator="True" Text="|" Width="40%">

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Value="name" Text="Hello ">

<GroupSettings ExpandDirection="Down" />

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Account">

<GroupSettings ExpandDirection="Down" />

<Items>

<telerik:RadMenuItem runat="server" NavigateUrl="~/Admin/ChangePassword.aspx" Target="_self"

Text="Change Password">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Help">

<GroupSettings ExpandDirection="Down" />

<Items>

<telerik:RadMenuItem runat="server" NavigateUrl="http://{dd}/ContactUs.aspx" Target="_self"

Text="Contact Us">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

<telerik:RadMenuItem runat="server" Text="Logout" Value="logout" PostBack="true">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

see attached image for the visual differences , the first one is the new version , the second is the old.
i havent done any style modifications only updated the telerik controls version.

Menu

answered on 19 Jun 2013

2 answers

83 views

MultilIne text Problem in different browsers

Hi,
Multiline textbox with maximum length is working in latest version of telerik but i have occurred a problem.Set maximum length in multiline textbox as 10 and enter the text as below

aaa
bbb
cc

after entering value check length of the textbox text ,It shows 12.This problem occurs in Mozilla and in IE.But it is working fine in chrome.I got a reply for this problem.

Telerik.Web.UI.RadInputControl.prototype._escapeNewLineChars_org = Telerik.Web.UI.RadInputControl.prototype._escapeNewLineChars;

Telerik.Web.UI.RadInputControl.prototype._escapeNewLineChars = function (text, replaceWith)

{

return this._escapeNewLineChars_org(text, " ");

}

Can i set this property dynamically from server side,becuase i have to create custom control based on multiline text box.So i cant include these script in each page.Expecting a fast reply from you.
Thanks
Shibin

Ajax

answered on 19 Jun 2013

5 answers

300 views

DropDownAutoWidth and multi-column combo box

We finally got our telerik.dll's updated to the current version and the DropDownAutoWidth works perfect for a standard radComboBox. If you create a multi-column (2 columns) radComboBox the DropDownAutoWidth has a very strange behavior. You can see in multi_1.jpg that the second column is not left justified and extends to the left (first time I click the dropdown). In multi_2.jpg, the second column is working its way towards the right and drop down is getting wider (second time I click the dropdown). In multi_3.jpg, the second column is left justified with the other rows and the drop down is even wider (third time I click the dropdown). I have tried this with several of the skins and they all behave the same way. This is my aspx code for the drop down.

<telerik:RadComboBox ID="radCBOMulti" runat="server" MarkFirstMatch="true" AllowCustomText="false"

Width="150px" MaxHeight="300px" NoWrap="true" HighlightTemplatedItems="true"

ExpandDirection="Down" ExpandDelay="0" CollapseDelay="0" DropDownAutoWidth="Enabled">

<HeaderTemplate>

<table style="width: 100%; text-align: left; font-size: 8pt">

<tr>

<td style="width: 20%;">

Code

</td>

<td style="width: 80%;">

Description

</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 100%; text-align: left; font-size: 8pt">

<tr>

<td style="width: 20%;">

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

</td>

<td style="width: 80%;">

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

</td>

</tr>

</table>

</ItemTemplate>

</telerik:RadComboBox>

Page_Load

radCBOMulti.DataSource = LoadRadTemplate()

radCBOMulti.DataBind()

This is the code to load the combo box:

Private Function LoadRadTemplate() As DataTable

Dim dtTemp As New DataTable

Dim drTemp As DataRow

Dim dcCol1 As New DataColumn("Master_Type_Code", GetType(System.String))

Dim dcCol2 As New DataColumn("Master_Desc", GetType(System.String))

dtTemp.Columns.Add(dcCol1.ColumnName, dcCol1.DataType)

dtTemp.Columns.Add(dcCol2.ColumnName, dcCol1.DataType)

drTemp = dtTemp.NewRow

drTemp.Item(0) = ""

drTemp.Item(1) = ""

dtTemp.Rows.Add(drTemp)

drTemp = dtTemp.NewRow

drTemp.Item(0) = "BR"

drTemp.Item(1) = "Bedrest BRP"

dtTemp.Rows.Add(drTemp)

drTemp = dtTemp.NewRow

drTemp.Item(0) = "CA"

drTemp.Item(1) = "Cane Required"

dtTemp.Rows.Add(drTemp)

drTemp = dtTemp.NewRow

drTemp.Item(0) = "CB"

drTemp.Item(1) = "Complete Bedrest"

dtTemp.Rows.Add(drTemp)

drTemp = dtTemp.NewRow

drTemp.Item(0) = "CR"

drTemp.Item(1) = "Crutches Required"

dtTemp.Rows.Add(drTemp)

drTemp = dtTemp.NewRow

drTemp.Item(0) = "EP"

drTemp.Item(1) = "Exercises Prescribed - this is a very long description of this service"

dtTemp.Rows.Add(drTemp)

drTemp = dtTemp.NewRow

drTemp.Item(0) = "IH"

drTemp.Item(1) = "Independent at Home"

dtTemp.Rows.Add(drTemp)

Session("radComboData") = dtTemp

Return dtTemp

End Function

Private Sub radCBOMulti_ItemDataBound(ByVal sender As Object, ByVal e As Telerik.Web.UI.RadComboBoxItemEventArgs) Handles radCBOMulti.ItemDataBound

Try

e.Item.Text = (DirectCast(e.Item.DataItem, DataRowView))("Master_Type_Code").ToString

e.Item.Value = (DirectCast(e.Item.DataItem, DataRowView))("Master_Type_Code").ToString.Trim

Catch objEx As Exception

End Try

End Sub

ComboBox

answered on 19 Jun 2013

6 answers

87 views

self referencing radgrid displays child elements twice

Hello

I am using a self referencing radgrid and declare it with

<MasterTableView DataKeyNames="ChildKey, ParentKey" AllowMultiColumnSorting="True" HierarchyLoadMode="Client>
    <SelfHierarchySettings ParentKeyName="ParentKey" KeyName="ChildKey" />
        <Columns>
            ...
            ...
        </Columns>
</MasterTableView>

The problem is that the child keys show up twice -
1) Once as child elements of the parent
2) Second at the same level as parent
> Level
     > Parent1
         > Child1
         > Child2
     > Child1
     > Child2

What am I doing wrong?

Thanks, Raka

General Discussions

answered on 19 Jun 2013

5 answers

86 views

Rotator not displaying in Android

When is this bug been fixed?

Rotator

answered on 19 Jun 2013