Questions on UI for ASP.NET AJAX Forum

8 answers

271 views

RadScheduler - Change Advanced Form Size

Hello,

I implemented an ASP.NET application that uses RadScheduler. So far so good, but my users requested me for a larger advanced insert / edit form.

Is there a way to change width and height of the Advanced Form?

Thanks in advance

Regards

Mike

Scheduler

answered on 16 Oct 2015

1 answer

41 views

Implement ajax on few parts of a form based off of a selected answer?

I have created a large form which I wanted to implement Ajax on some parts. I am very new to Ajax and ASP.NET and was wondering how I should go about it.

The questions are mostly "yes" or "no" RadComboBox selections except one with the "other" option. There is one part of the form where if the user selects "yes" then a checkbox will appear. If the user selects "no" then the checkbox will not be visible to them. In another part if the user selects "yes" there is another question that will appear right below, and if they select no then it will stay hidden.In the last part of the form that needs implementation if the user selects "yes" a textbox will appear, if they select "no" a checkbox will appear, and if they select "other" a different textbox will appear.

Ajax

answered on 16 Oct 2015

3 answers

122 views

Issue with grouping using Office2010Black theme with 2015.3.930.45

Since upgrading to 2015.3.930.45 I have a problem with the Office2010Black theme. When grouping by a column the text in the footer is invisible. It appears that the background has changed from earlier versions. If I switch to another theme the text appears. I've only tested this in IE 9 and Edge.

Thanks for any help you can provide.

Grid

answered on 16 Oct 2015

0 answers

182 views

RadTab and Pageview on client side not working .

Hi

I have to create multiple Tab and Pageview at client side. My requirement is to create tabs on link click and show the one URL inside the tab in pageview. Also functionality to close the tab and open again.

I am using the below code but i am facing few issues

1. When I set the pageview id to the tab then pageview content is not showing. When i use tabStrip1.get_tabs().findTabByText(title).set_pageViewID(title); this code my pageview did not show any controls. why ?

2. When i close the tab i need to remove the pageview also how can i do this ?

<telerik:RadTabStrip ID="rtsMenu" runat="server" SelectedIndex="0" OnClientTabSelecting="onClientTabSelecting"

ScrollChildren="true" MultiPageID="RadMultiPage1" Skin="Windows7" OnTabClick="rtsMenu_TabClick"

OnClientLoad="OnClientLoad" BorderColor="Green" BorderWidth="3">

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" BorderWidth="2" BorderColor="Red"

SelectedIndex="0">

</telerik:RadMultiPage>

var tabStrip1;

var multiPage;

function onClientTabSelecting(sender, args) {

var tab = args.get_tab();

var pg = tab.get_pageView();

//alert(pg);

if (tab.get_pageView()) {

tab.set_postBack(false);

}

function OnClientLoad() {

tabStrip1 = $find('<%= rtsMenu.ClientID %>');

multiPage = $find('<%= RadMultiPage1.ClientID %>');

}

function addtab(title, contenturl) {

var oldtab = tabStrip1.findTabByText(title);

if (oldtab != null) {

oldtab.select();

return;

}

// alert(contenturl);

var tab = new Telerik.Web.UI.RadTab(title);

tab.set_text(title);

tabStrip1.trackChanges();

tabStrip1.get_tabs().add(tab);

tabStrip1.commitChanges();

//tab.get_element().innerHTML = "<iframe src=\"" + contenturl + "\" frameBorder=\"1\" style=\"width: 1000px; height: 600px;\"></iframe>";

AttachCloseImage(tab, "delete.png");

multiPage = $find('<%= RadMultiPage1.ClientID %>');

multiPage.trackChanges();

var pageView = new Telerik.Web.UI.RadPageView();

pageView.set_id(title);

//pageView.set_contentUrl(contenturl);

multiPage.get_pageViews().add(pageView);

//pageView.get_element().id = title;

//tabStrip1.get_tabs().findTabByText(title).set_pageViewID(title);

pageView.get_element().innerHTML = "<iframe src=\"" + contenturl + "\" frameBorder=\"1\" style=\"width: 1000px; height: 600px;\"></iframe>";

multiPage.commitChanges();

//tab.set_pageViewID(title);

tab.select();

}

function CreateCloseImage(closeImageUrl) {

var closeImage = document.createElement("img");

closeImage.src = closeImageUrl;

closeImage.alt = "Close this tab";

return closeImage;

}

function AttachCloseImage(tab, closeImageUrl) {

var closeImage = CreateCloseImage(closeImageUrl);

closeImage.AssociatedTab = tab;

closeImage.onclick = function (e) {

if (!e) e = event;

if (!e.target) e = e.srcElement;

deleteTab(tab);

e.cancelBubble = true;

if (e.stopPropagation) {

e.stopPropagation();

}

return false;

}

tab.get_innerWrapElement().appendChild(closeImage);

}

function deleteTab(tab) {

tab.select();

var pageView = new Telerik.Web.UI.RadPageView();

//pageView = tab.get_pageView();

pageView = tabStrip1.get_selectedPageView();

alert(pageView);

alert(pageView.get_index());

if (pageView) {

pageView.hide();

}

//

var tabToSelect = tab.get_nextTab();

if (!tabToSelect)

tabToSelect = tab.get_previousTab();

tabStrip1.get_tabs().remove(tab);

if (tabToSelect)

tabToSelect.set_selected(true);

pageView = tabToSelect.get_pageView();

if (pageView) {

pageView.select();

}

//tabStrip1.repaint();

}

TabStrip

asked on 16 Oct 2015

7 answers

426 views

How to Hide Context Menu with Particular Given Appointment And Time Slot

Dear Sir,

I am using Rad Scheduler Control. I have given right Click Contect menu Facility in Given Appointment For Edit.
Also i have given new appointment Contect Menu in blank time Slot.

Its Working Fine.

But i want to hide these menu condition wise.

Like When Appointment status is DEACTIVE Then there is no Option of right click means there is no option when i r do right click.

Same as in case of New Appointment. i want 5 to 6 o'clock no option of right click and other time right click is working.

How can i achive. Please help me.

My Aspx File Code:-

<telerik:RadScheduler AllowInsert="false" HoursPanelTimeFormat="hh:mm tt" OnAppointmentDataBound="RadScheduler1_AppointmentDataBound"

OnAppointmentCreated="RadScheduler1_AppointmentCreated" runat="server" ID="RadScheduler1"

Skin="Office2007" Height="545px" CustomAttributeNames="StatusId" Width="690px"

ShowFooter="false" SelectedDate="2010-03-18" DayStartTime="07:00:00" DayEndTime="21:00:00"

FirstDayOfWeek="Monday" LastDayOfWeek="Sunday" EnableDescriptionField="true"

ShowNavigationPane="false" OnAppointmentDelete="RadScheduler1_AppointmentDelete"

DataSubjectField="Subject" DataStartField="FromTime" DataEndField="ToTime" ShowAllDayRow="false"

AllowEdit="false" DataKeyField="AppointmentId" DataDescriptionField="StatusColor" OnTimeSlotContextMenuItemClicked="RadScheduler1_TimeSlotContextMenuItemClicked"

AllowDelete="false" OnAppointmentContextMenuItemClicked="RadScheduler1_AppointmentContextMenuItemClicked"

OnNavigationCommand="RadScheduler1_NavigationCommand" OnTimeSlotCreated="RadScheduler1_TimeSlotCreated">

<%

# Eval("Subject")%>

<br />

<asp:Label runat="server" ID="Teacher" />

<br />

<asp:Label runat="server" ID="Students" />

</AppointmentTemplate>

<telerik:RadSchedulerContextMenu runat="server" DataTextField="Status" DataValueField="StatusId"

ID="SchedulerAppointmentContextMenu" AppendDataBoundItems="true">

<Items>

<telerik:RadMenuItem Text="Copy" Value="Copy" />

<telerik:RadMenuItem IsSeparator="True" />

<telerik:RadMenuItem Text="Edit" Value="Edit" />

<telerik:RadMenuItem IsSeparator="True" />

</Items>

</telerik:RadSchedulerContextMenu>

</AppointmentContextMenus>

<telerik:RadSchedulerContextMenu runat="server" ID="SchedulerTimeSlotContextMenu">

<Items>

<telerik:RadMenuItem Text="New Appointment" Value="New" />

<telerik:RadMenuItem IsSeparator="true" />

<telerik:RadMenuItem Text="Paste" Value="Paste" />

</Items>

</telerik:RadSchedulerContextMenu>

</TimeSlotContextMenus>

</telerik:RadScheduler>

My Cs Page Code:-

Page Load ()
{

if

(ds.Tables[0].Rows.Count > 0)

{

RadScheduler1.SelectedDate = CalApp.SelectedDate;

RadScheduler1.DayStartTime =

TimeSpan.Parse(ds.Tables[0].Rows[0].ItemArray[0].ToString());

RadScheduler1.DayEndTime =

TimeSpan.Parse(ds.Tables[0].Rows[0].ItemArray[1].ToString());

RadScheduler1.MinutesPerRow =

int.Parse(ds.Tables[0].Rows[0].ItemArray[2].ToString());

RadScheduler1.TimeLabelRowSpan = 60 /

int.Parse(ds.Tables[0].Rows[0].ItemArray[2].ToString());

RadScheduler1.DataKeyField =

"AppointmentId";

RadScheduler1.DataStartField =

"FromTime";

RadScheduler1.DataEndField =

"ToTime";

RadScheduler1.DataSubjectField =

"Subject";

RadScheduler1.GroupBy =

"Resource";

RadScheduler1.ResourceTypes.Clear();

ResourceType rt = new ResourceType("Resource");

rt.DataSource = ds.Tables[2];

rt.KeyField =

"ResourceId";

if (ddlFacility.SelectedValue == "0")

{

rt.ForeignKeyField =

"FacilityId";

}

else

{

rt.ForeignKeyField =

"DoctorId";

}

rt.TextField =

"ResourceName";

RadScheduler1.ResourceTypes.Add(rt);

RadScheduler1.DataSource = ds.Tables[1];

RadScheduler1.DataBind();

lblFacility.Text = ddlFacility.SelectedItem.Text;

}

else

{

Alert.ShowAjaxMsg("There is no time define in selected provider and facility.", Page);

}

DataSet

Statusdt = new DataSet();

Statusdt = GetAppointmentStatus();

SchedulerAppointmentContextMenu.DataSource = Statusdt;

SchedulerAppointmentContextMenu.DataBind();

}

DataSet

GetAppointmentStatus()

{

DataSet ds = new DataSet();

Hashtable HashIn = new Hashtable();

DAL.

DAL dl = new DAL.DAL(DAL.DAL.DBType.SqlServer, sConString);

DataSet Reasondt = new DataSet();

Reasondt = dl.FillDataSet(

CommandType.Text, "Select * From AppointmentStatus(" + Session["HospitalLocationID"] + ")" );

return Reasondt;

}

Thanks
Chandan

Scheduler

answered on 16 Oct 2015

3 answers

171 views

TabStrip multipage height not changing

As showed on the piece of code bellow, I have a TabStrip with a multipage. When the page first loads, a grid is loaded. When the user clicks a row from the grid, a new tab opens with the details of that row.
If I put the RadPageView to 100% height the grid is cut off as it's not adapting to the height of the grid. If I put a static value, it doesn't adapt to different window sizes.

I tried to correct this issue using the javascript posted bellow. While it works when I resize the window, when the page first loads, it's not resizing. If you check the line 9. of the JS, you can see that on the (document).ready I try to force the new size but nothing happens.

You can see what is happening on the 2 files I attached. Is there anyway I can resolve this issue?

<telerik:RadTabStrip

ID="tabContactsList"

runat="server"

MultiPageID="ContactsPagesViews"

Orientation="HorizontalTop"

SelectedIndex="0">

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="ContactsPagesViews" ScrollBars="Auto" Height="100%"

RenderMode="Lightweight" runat="server"

OnPageViewCreated="ContactsPagesViews_PageViewCreated"

SelectedIndex="0">

<telerik:RadPageView ID="RadPageView1" runat="server" Height="100%">

<telerik:RadGrid

runat="server"

ID="RadGrid1"

DataSourceID="dtContactsList"

AllowFilteringByColumn="True"

AllowPaging="True"

AutoGenerateColumns="False"

Height="100%"

BorderWidth="0px"

AllowSorting="True"

Style="outline: none"

EnableLinqExpressions="False"

ShowGroupPanel="true"

FilterMenu-Enabled="true"

FilterType="Classic"

OnItemCommand="RadGrid1_ItemCommand"

OnItemDataBound="RadGrid1_ItemDataBound" >

<ExportSettings><Pdf PageWidth=""></Pdf></ExportSettings>

<ClientSettings

Scrolling-AllowScroll="false"

Scrolling-UseStaticHeaders="true"

Selecting-AllowRowSelect="true"

EnablePostBackOnRowClick="true"

AllowDragToGroup="true"

EnableRowHoverStyle="true">

<Selecting AllowRowSelect="True" />

<Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="true" FrozenColumnsCount="2"></Scrolling>

</ClientSettings>

<PagerStyle Mode="NumericPages" PageSizeControlType="None" ></PagerStyle>

<MasterTableView TableLayout="Fixed" Width="100%" ClientDataKeyNames="ID" PageSize="16">

<Columns>

<telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn" AllowFiltering="false">

<ItemStyle Width="40px" />

<HeaderStyle Width="40px" />

<ItemTemplate>

<asp:CheckBox ID="CheckBox1" runat="server" OnCheckedChanged="ToggleRowSelection" AutoPostBack="True" />

</ItemTemplate>

<HeaderTemplate>

<asp:CheckBox ID="headerChkbox" runat="server" OnCheckedChanged="ToggleSelectedState"

AutoPostBack="True" />

</HeaderTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Id" DataType="System.Int32"

HeaderText="<%$ Resources:ContactManager.aspx, lblContactManagerId_HeaderText %>" AllowFiltering="false" UniqueName="Id" Display="false" HeaderStyle-Width="25px">

<ColumnValidationSettings>