Questions on UI for ASP.NET AJAX Forum

4 answers

140 views

Dear Sir,

if you try to put this html in the RadEditor, it will not be displayed correctly if you are using the google chrome:

<div style="text-align:Left;font-family:Times New Roman;font-style:normal;font-weight:normal;font-size:14px;color:#000000;">
<p style="margin:0 0 0 40;"><span>hello</span></p>
</div>

save the file in html file and open it in google chrome, it is correctly displayed.

Editor

answered on 22 Apr 2016

1 answer

65 views

Code not working to show busy time before shift starts

While the following works for any time during an appoint ment i need to disable the times before a shift but its not working the way that it should do;.

001.protected void apertureAppointments_TimeSlotCreated(object sender, TimeSlotCreatedEventArgs e)

002. {

003. int i = 0;

004. bool isFound = false;

005. List<tblApertureNetShiftPattern> _list = new List<tblApertureNetShiftPattern>();

006. _list = _dal.getHolidays();

007. List<Resource> resources = new List<Resource>(apertureAppointments.Resources.GetResourcesByType("Managers"));

008. Label slotlabel = new Label();

009.

010. foreach (tblApertureNetShiftPattern sp in _list)

011. {

012. DateTime dt1 = Convert.ToDateTime(sp.startdate);

013. DateTime dt2 = Convert.ToDateTime(sp.endDate);

014.

015.

016. if (e.TimeSlot.Start <= dt1 && e.TimeSlot.Resource.Text == sp.manager_name)

017.

018. {

019.

020. e.TimeSlot.CssClass = "Disabled";

021. slotlabel.CssClass = "Disabled";

022.

023. }

024.

025. if (e.TimeSlot.Start >= dt1 && e.TimeSlot.End <= dt2 && e.TimeSlot.Resource.Text == sp.manager_name)

026. {

027.

028. if (DoDateRangesOverlap(e.TimeSlot.Start, e.TimeSlot.End, dt1, dt2))

029. {

030.

031.

032. if(sp.appointmentType ==Constants.shiftsStartOfShift)

033. {

034.

035. e.TimeSlot.CssClass = "Disabled";

036. slotlabel.CssClass = "Disabled";

037.

038. }

039.

040. if (sp.appointmentType == Constants.shiftStat)

041. {

042. e.TimeSlot.CssClass = "Disabled";

043. slotlabel.CssClass = "Disabled";

044.

045. }

046.

047. if (sp.appointmentType == Constants.shfitsLunch)

048. {

049. e.TimeSlot.CssClass = "shiftlunchOff";

050. slotlabel.CssClass = "shiftlunchOff";

051. if (i == 1)

052. {

053. slotlabel.Text = "Lunch";

054.

055. Image imageControl = new Image();

056. // imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\holidays.png";

057. // e.TimeSlot.Control.Controls.AddAt(1, imageControl);

058.

059. }

060. }

061. if (sp.appointmentType == Constants.shiftDayoff)

062. {

063. e.TimeSlot.CssClass = "shiftDayOff";

064.

065. slotlabel.CssClass = "shiftDayOff";

066.

067. if (i == 1)

068. {

069. slotlabel.Text = "Off test";

070. Image imageControl = new Image();

071. imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\holidays.png";

072. e.TimeSlot.Control.Controls.AddAt(1, imageControl);

073. }

074. }

075. else if (sp.appointmentType == Constants.shiftHoliday)

076. {

077. e.TimeSlot.CssClass = "HolidayCssStyle";

078. slotlabel.CssClass = "HolidayCssStyle";

079.

080. if (i == 1)

081. {

082. slotlabel.Text = "Off";

083. Image imageControl = new Image();

084. imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\holidays.png";

085. e.TimeSlot.Control.Controls.AddAt(1, imageControl);

086. }

087. }

088. else if (sp.appointmentType == Constants.shiftStat)

089. {

090. e.TimeSlot.CssClass = "statCssStyle";

091. slotlabel.CssClass = "statCssStyle";

092. slotlabel.Text = "Off";

093. if (i == 1)

094. {

095. Image imageControl = new Image();

096. imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\holidays.png";

097. e.TimeSlot.Control.Controls.AddAt(1, imageControl);

098. }

099. }

100. else if (sp.appointmentType == Constants.shiftsickDay)

101. {

102.

103. e.TimeSlot.CssClass = "SickDayStyle";

104. slotlabel.CssClass = "SickDayStyle";

105.

106. if (i == 1)

107. {

108. slotlabel.Text = "Sick";

109. Image imageControl = new Image();

110. imageControl.ImageUrl = @"~\images\aperturenet\Calendar\resources\Sick.png";

111. e.TimeSlot.Control.Controls.AddAt(1, imageControl);

112. }

113.

114.

115. }

116.

117. else

118. i = i++;

119. e.TimeSlot.Control.Controls.AddAt(1, slotlabel);

120. dt2 = dt2.AddMinutes(60);

121. }

122. }

123. }

124. }

Basically all that get holidays do is return the shift patters for the resource

01.public List<tblApertureNetShiftPattern> getHolidays()

02.{

03. List<tblApertureNetShiftPattern> list = new List<tblApertureNetShiftPattern>();

04.

05. var q = from _holidays in apertureNetEntities.tblApertureNetShiftPatterns.Where(w => w.isDeleted == false)

06. select _holidays;

07.

08. list = q.ToList();

09.

10. return list;

11.}

But as you can see from the second screen shot its filling out every timeslot before that time not just the 9 am to 11 am as it should be in realtion to the database I only use the appointment end type where the appointment type equals a sepcified guid.

Scheduler

answered on 22 Apr 2016

15 answers

646 views

RadScheduler - Using our own custom form

I'm sure this is a simple one.

We are just looking at the RadScheduler's potential to give us a nice and quick Calendar for our application.

Our application is well under way. We have our own Activity table and supporting pages to display add and edit activities.

In a nutshell we don't need the telerik Advanced Edit form. We need it so that clicking an activity shows our add/edit form.

Is this possible? Anyone done this type of thing before? Any tips of potential problems?

Brad

General Discussions

answered on 22 Apr 2016

0 answers

208 views

How to change image url inside rad girdview in client side on row click

Hi

I am using rad grid view with template column,inside template column i add asp image control ,by default in design time it bind the one image,when user click the row,i need to change image url ,so in client side itself it change image.

This is rad grid design code
    <telerik:RadGrid ID="ResultGrid" AllowPaging="true" PageSize="75" AllowSorting="true"
AllowFilteringByColumn="true" AllowMultiRowSelection="true" AutoGenerateColumns="false"
ClientSettings-Resizing-AllowColumnResize="true" ClientSettings-ClientEvents-OnRowContextMenu="ResultGrid_OnRowContextMenu"
runat="server">
<PagerStyle Visible="false" />
<MasterTableView AllowAutomaticUpdates="true" ClientDataKeyNames="Database">
<Columns>

<telerik:GridBoundColumn ReadOnly="true" ItemStyle-CssClass="GridCellSpace" HeaderText="Database"
UniqueName="Database" DataField="Database">
</telerik:GridBoundColumn>

<telerik:GridTemplateColumn AllowFiltering="false" HeaderStyle-Width="3%" ReadOnly="true"
HeaderStyle-HorizontalAlign="Left" ItemStyle-HorizontalAlign="Left" UniqueName="Preview"
HeaderText="Preview">

<ItemTemplate>
<asp:Image ID="Image2" ImageUrl= "~/image/AdminImages/btn_search.png" runat="server" />

</ItemTemplate>

</telerik:GridTemplateColumn>
</Columns>
<ItemStyle HorizontalAlign="Left" />
<HeaderStyle HorizontalAlign="Left" />
</MasterTableView>

</telerik:RadGrid>

Here Image2 point to "~/image/AdminImages/btn_search.png",so once user click the row i need to change clicked row image url to "~/image/AdminImages/btn_got.png" in client side itslef

Regards

Aravind

Grid

asked on 22 Apr 2016

1 answer

669 views

rad grid OnNeedDataSource handling

Hello,

I have my aspx page with radgrid, but I do NOT see the property like OnNeedDataSource="RadGrid1_NeedDataSource"

But I am still be able to get to the event in code behind file. Is it possible with radgrid and am not sure.

What would be the possible cases here?

Grid

answered on 22 Apr 2016

1 answer

90 views

Change column Header text through UI

It would be great if you could change the Header Text and save as part of the layout.

I have an application that is used by different customers. The base tables are the same but the customers want to name the columns differently.

I really want this something they can change and save as a user or system setting.

I am trying to come up with a good way to have a standard page that allows this functionality that I can use throughout my site.

Question 1. Can this be done in the layout saving/presistance?

Question 2. Is there a good way to provide a means to click on a header and allow modification of the header text.

Tried putting something in the context menu without success?

Any help would be much appreciated.

Thanks!!!

Grid

answered on 22 Apr 2016

8 answers

319 views

RAD Treeview Issue with unchecked node

Hello,

I am using Telerik RadTreeview with checkboxes. I am saving the checked node ids to database. The scenario is when I select a particular dropdown I am making the checkboxes on the treeview selected based on the ids I get from the database. The issue revolves when I deselect a node and then on saving the Rad treeview it is still showing the checkbox as selected on the server side.

Please advise!

Thank you,
Asok

TreeView

answered on 22 Apr 2016

2 answers

98 views

Find controls in Hierachy Gridview

Hi,

In the below code am using dropdowns and listbox controls. I need to bind the value from DB for these controls in code behind.

<telerik:RadGrid RenderMode="Lightweight" ID="RadGrid1" runat="server" ShowStatusBar="true"
AutoGenerateColumns="False" PageSize="3" AllowSorting="True" AllowMultiRowSelection="False"
AllowPaging="false" AllowAutomaticDeletes="false" AllowAutomaticInserts="false"
AllowAutomaticUpdates="false"
OnDetailTableDataBind="RadGrid1_DetailTableDataBind" OnNeedDataSource="RadGrid1_NeedDataSource" >
<MasterTableView DataKeyNames="EmpID" AllowMultiColumnSorting="True"
Width="100%" CommandItemDisplay="Top" Name="Students">
<DetailTables>
<telerik:GridTableView DataKeyNames="Semester,Grade" Width="100%" runat="server" CommandItemDisplay="Top" Name="Details">
<ParentTableRelation>
<telerik:GridRelationFields DetailKeyField="EmpID" MasterKeyField="EmpID"></telerik:GridRelationFields>
</ParentTableRelation>
<Columns>
<telerik:GridEditCommandColumn UniqueName="EditCommandColumn1">
<HeaderStyle Width="20px"></HeaderStyle>
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn HeaderText="semester" DataField="Semester"></telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Grade" DataField="Grade"></telerik:GridBoundColumn>
<telerik:GridButtonColumn UniqueName="DeleteColumn1" Text="Delete" CommandName="Delete"> </telerik:GridButtonColumn>
</Columns>
<EditFormSettings EditFormType="Template" >
<FormTemplate>
<table cellspacing="2" cellpadding="1" width="100%" border="0" rules="none" style="border-collapse: collapse;">
<tr>
<td style="padding-left: 5px; width: 50%;" align="left">
<asp:Label ID="Label3" runat="server" CssClass="DisplayLabel" Text="Semester"></asp:Label> <br />
<asp:DropDownList ID="ddlSemester" runat="server">
<asp:ListItem Selected="True"> -- Select -- </asp:ListItem>
</asp:DropDownList>
</td>
<td style="padding-left: 5px; width: 50%;" align="left">
<asp:Label ID="Label1" runat="server" CssClass="DisplayLabel" Text="Grade"></asp:Label> <br />
<asp:DropDownList ID="ddlGrade" runat="server">
<asp:ListItem Selected="True"> -- Select -- </asp:ListItem>
</asp:DropDownList>
</td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td align="right" colspan="2">
<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' CssClass="button"></asp:Button> 
<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" CssClass="button"></asp:Button>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
<NoRecordsTemplate>
<div>
There are no records to display
</div>
</NoRecordsTemplate>
</telerik:GridTableView>
</DetailTables>
<Columns>
<telerik:GridEditCommandColumn UniqueName="EditCommandColumn1">
<HeaderStyle Width="20px"></HeaderStyle>
</telerik:GridEditCommandColumn>
<telerik:GridBoundColumn HeaderText="Student ID" DataField="EmpID"></telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Student Name" DataField="EmpName"></telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Degree" DataField="Degree"></telerik:GridBoundColumn>
<telerik:GridBoundColumn HeaderText="Department" DataField="Dept"></telerik:GridBoundColumn>
<telerik:GridButtonColumn UniqueName="DeleteColumn2" Text="Delete" CommandName="Delete"> </telerik:GridButtonColumn>
</Columns>
<NoRecordsTemplate>
<div>
There are no records to display
</div>
</NoRecordsTemplate>
<EditFormSettings EditFormType="Template" >
<FormTemplate>
<table cellspacing="2" cellpadding="1" width="100%" border="0" rules="none" style="border-collapse: collapse;">
<tr>
<td style="padding-left: 5px; width: 30%;" align="left">
<asp:Label ID="Label3" runat="server" CssClass="DisplayLabel" Text="Student ID"></asp:Label>
<br />
<asp:TextBox ID="TextBox1" runat="server" Width="90%" Text='<%# Bind("EmpID") %>'></asp:TextBox>
</td>
<td style="padding-left: 5px; width: 30%;" align="left">
<asp:Label ID="Label6" runat="server" CssClass="DisplayLabel" Text="Student Name"></asp:Label>
<br />
<asp:TextBox ID="TextBox2" runat="server" Width="90%" Text='<%# Bind("EmpName") %>'></asp:TextBox>
</td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td style="padding-left: 5px; width: 30%;" align="left">
<asp:Label ID="Label7" runat="server" CssClass="DisplayLabel" Text="Degree"></asp:Label>
<br />
<asp:ListBox ID="ListBox1" runat="server" Width="50%" AppendDataBoundItems="true" SelectionMode="Multiple">
<asp:ListItem Selected="True"> -- Select -- </asp:ListItem>
</asp:ListBox>
</td>
<td style="padding-left: 5px; width: 30%;" align="left">
<asp:Label ID="Label8" runat="server" CssClass="DisplayLabel" Text="Department"></asp:Label>
<br />
<asp:ListBox ID="ListBox2" runat="server" Width="50%" AppendDataBoundItems="true" SelectionMode="Multiple">
<asp:ListItem Selected="True"> -- Select -- </asp:ListItem>
</asp:ListBox>
</td>
</tr>
<tr>
<td colspan="2"></td>
</tr>
<tr>
<td align="right" colspan="2">
<asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' CssClass="button"></asp:Button> 
<asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False" CommandName="Cancel" CssClass="button"></asp:Button>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
</MasterTableView>
</telerik:RadGrid>

In code behind

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{

if (e.Item is GridEditFormItem && e.Item.IsInEditMode)
{
GridEditableItem item = e.Item as GridEditableItem;

if (e.Item.OwnerTableView.Name == "Students")
{
GridEditFormItem editFormItem = (GridEditFormItem)e.Item;
ListBox listBox1= editFormItem.FindControl("ListBox1") as ListBox;

}

Am getting null value when find the listbox.

Kindly help me to sort out this issue.

Regards,

Ganeshkumar

Grid

answered on 22 Apr 2016

3 answers

151 views

RadEditor throwing error on clicking Image/Document Manager

We are using Rad Editor, to attach the images (ImageManager/Document Manager) is not loading any images in the image list (IE Version 11).

Allowed file types are :

Editor.DocumentManager.SearchPatterns = "*.jpg,*.gif,*.png,*.xlsx"

<radE:RadEditor ID="txtSummary" runat="server" Width="100%">

<Tools>

<radE:EditorToolGroup Tag="FileManagers">

<radE:EditorTool Name="ImageManager"></radE:EditorTool>

<radE:EditorTool Name="FlashManager"></radE:EditorTool>

<radE:EditorTool Name="SilverlightManager"></radE:EditorTool>

<radE:EditorTool Name="MediaManager"></radE:EditorTool>

<radE:EditorTool Name="DocumentManager"></radE:EditorTool>

<radE:EditorTool Name="TemplateManager"></radE:EditorTool>

</radE:EditorToolGroup>

<radE:EditorToolGroup>

<radE:EditorTool Name="Bold"></radE:EditorTool>

<radE:EditorTool Name="Italic"></radE:EditorTool>

<radE:EditorTool Name="Underline"></radE:EditorTool>

<radE:EditorSeparator></radE:EditorSeparator>

<radE:EditorTool Name="ForeColor"></radE:EditorTool>

<radE:EditorTool Name="BackColor"></radE:EditorTool>

<radE:EditorSeparator></radE:EditorSeparator>

<radE:EditorTool Name="FontName"></radE:EditorTool>

<radE:EditorTool Name="RealFontSize"></radE:EditorTool>

</radE:EditorToolGroup>

</Tools>

<ImageManager ViewPaths="~/~/ProcedureFiles"

UploadPaths="~/~/ProcedureFiles"

DeletePaths="~/~/ProcedureFiles"

EnableAsyncUpload="true" />

<DocumentManager ViewPaths="~/ProcedureFiles/"

UploadPaths="~/ProcedureFiles/"

DeletePaths="~/ProcedureFiles/"

EnableAsyncUpload="true" />

</radE:RadEditor>

Its throwing the following errors.

Unhandled exception at line 3803, column 12 in http://localhost/Library/ScriptResource.axd?d=-OwWv7kMazlnT84or3DaABf0Rx3lQ3jmA23fkYROVeBatFujmuauLIOffg5E69PMauAcYj9hBzbh8kAq-T8iFUCOAxNRVGeQUpLXW6_l01e-dFoiBsjO8w4bz4J-tvV9P7uGFxdmN_8RMMkQtTyLBrgcIC9PteUcXEfE6EKLkfB8xU_Aa_DzLhvik6qe1rYN0&t=ffffffffcc58dd65
0x800a139e - JavaScript runtime error: Sys.ArgumentUndefinedException: Value cannot be undefined.

Unhandled exception at line 267, column 1 in http://localhost/Library/ScriptResource.axd?d=LQ5Whl16UJM7jxyUHzS1jKxpZYzOZUx9VwHSufySjIRoyPSM-aLuM1VswJv4TvItpsxCHzNhr49Uktpj_AUkINu9wBkENNExNSVMWC8tkgzGcN-yIiEBIkl4fR0XtDib-kZvZ39n4s_FzcI_oOYfaSs-LxNm3Fgvy1X3Csu-GCs1&t=fffffffffaf2a061
0x800a138f - JavaScript runtime error: Unable to get property 'PageRequestManager' of undefined or null reference

Can anyone please help to resolve it !!!

General Discussions

answered on 22 Apr 2016

2 answers

470 views

Open a new window when clicking on a column in the RadGrid

I have a RadGrid on an ASP.Net page with VB.net as the code-behind.

The columns are not auto-generated. Some columns are hidden when the RadGrid is first loaded by setting the Display property to false. This is the Summary View. I have a RadioButtonList to allow the user to choose between Summary View and Detail View. When the user selects Detail View, the columns that were hidden have their Display property set to True and then can see the hidden columns and their data. This is done in the PreRender event procedure for the RadGrid.

I need to add a new column that has a link, image button, push button, or something that when clicked on will open a new window using radopen in a javascript function with a different ASP.Net page that has some of values from the row that was clicked on.

Also I am using the RadTabStrip so the user can see the windows that were opened.

I have looked at several threads in this forum regarding people trying to do the same thing or something similar and have tried the sample code that someone from Telerik provided or sample code other people posted. Nothing worked. I have tried a GridButtonColumn and a GridTemplateColumn.

For now, I have set up a simple Javascript function that calls the alert function for testing. The javascript function was put in a separate javascript file called scripts.js which is loaded by the ASP.Net page with RadGrid by using the following line of code: <script src="/Scripts/scripts.js" type="text/javascript"></script> .

The closest I was able to get something to work just showed the alert window pop up but was not able to access the data from the row that was clicked on.

One of the things I have tried caused an error to occur when selecting Detail View.

Please help. Thanks!

Sincerely,

Keith Jackson

Grid

answered on 21 Apr 2016