Questions on UI for ASP.NET AJAX Forum

1 answer

239 views

GoToNextTab() and GoToNextPageView() methods not working..

Hello everyone,

I've got a RadTabStrip and a RadMultiPage that both work together on one page and are supposed to toggled between pages, depending on certain events and conditions.

My issue is that when i set them up, I can get the GoToNextTab() and GoToNextPageView() events to work when called on my first User Control (Step 1) but when attempting to call the method from my second User Control, the methods are unresponsive.

Here are theTabStrip and MultiPage controls on the default.aspx web form...

<telerik:RadTabStrip ID="BillPayNavigationRadTabStrip" SelectedIndex="0" runat="server" MultiPageID="BillPayRadMultiPage" Align="Justify"

Skin="Silk" CssClass="tabStrip" CausesValidation="false">

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="BillPayRadMultiPage" runat="server" SelectedIndex="0" OnPageViewCreated="BillPayRadMultiPage_PageViewCreated"

CssClass="multiPage" BorderWidth="1" BorderColor="#888888">

</telerik:RadMultiPage>

default.aspx code behind...

protected void Page_Load(object sender, EventArgs e)

{

// Make sure we begin at Step 1 and disable the rest when the site loads for the first time.

if (!Page.IsPostBack)

{

AddTab("Bill", true);

RadPageView pageView = new RadPageView();

pageView.ID = "Bill";

BillPayRadMultiPage.PageViews.Add(pageView);

AddTab("Provider", false);

AddTab("Payment", false);

AddTab("Confirmation", false);

AddTab("Receipt", false);

}

#region Navigation TabStrip and MultiPage handlers

// This method adds the tabs to our Navigation TabStrip and assigns an appropriate background image

private void AddTab(string tabName, bool enabled)

{

RadTab tab = new RadTab(tabName);

tab.Enabled = enabled;

switch (tab.Text)

{

case "Bill":

tab.SelectedImageUrl = "Images/1_active.png";

tab.ImageUrl = "Images/1_normal.png";

break;

case "Provider":

tab.ImageUrl = "Images/2_normal.png";

tab.SelectedImageUrl = "Images/2_active.png";

tab.DisabledImageUrl = "Images/2_disable.png";

break;

case "Payment":

tab.ImageUrl = "Images/3_normal.png";

tab.SelectedImageUrl = "Images/3_active.png";

tab.DisabledImageUrl = "Images/3_disable.png";

break;

case "Confirmation":

tab.ImageUrl = "Images/4_normal.png";

tab.SelectedImageUrl = "Images/4_active.png";

tab.DisabledImageUrl = "Images/4_disable.png";

break;

case "Receipt":

tab.ImageUrl = "Images/5_normal.png";

tab.SelectedImageUrl = "Images/5_active.png";

tab.DisabledImageUrl = "Images/5_disable.png";

break;

default:

break;

}

BillPayNavigationRadTabStrip.Tabs.Add(tab);

}

// When the MultiPage control loads, look in the controls folder for each step page

protected void BillPayRadMultiPage_PageViewCreated(object sender, RadMultiPageEventArgs control)

{

Control pageViewContents = LoadControl("controls/" + control.PageView.ID + ".ascx");

pageViewContents.ID = control.PageView.ID + "userControl";

control.PageView.Controls.Add(pageViewContents);

}

#endregion

User Control 1 methods (these work)...

protected void MedicBillTypeImage_Click(object sender, ImageClickEventArgs e)

{

Session["ProviderBillType"] = "medic";

Session["PaymentStep"] = "2";

GoToNextTab();

GoToNextPageView();

}

#region Next Tab

// Find and select the next Tab on our Navigation TabStrip

private void GoToNextTab()

{

RadTabStrip tabStrip = (RadTabStrip)this.NamingContainer.FindControl("BillPayNavigationRadTabStrip");

RadTab providerTab = tabStrip.FindTabByText("Provider");

providerTab.Enabled = true;

providerTab.Selected = true;

RadTab paymentTab = tabStrip.FindTabByText("Payment");

RadTab confirmationTab = tabStrip.FindTabByText("Confirmation");

RadTab receiptTab = tabStrip.FindTabByText("Receipt");

paymentTab.Enabled = confirmationTab.Enabled = receiptTab.Enabled = false;

}

#endregion

#region Next Page

//Find and load the next page in our MultiPage control

private void GoToNextPageView()

{

RadMultiPage multiPage = (RadMultiPage)this.NamingContainer.FindControl("BillPayRadMultiPage");

RadPageView providerPageView = multiPage.FindPageViewByID("Provider");

if (providerPageView == null)

{

providerPageView = new RadPageView();

providerPageView.ID = "Provider";

multiPage.PageViews.Add(providerPageView);

}

providerPageView.Selected = true;

}

#endregion

User Control 2 Button Click event that calls methods, depending on conditions...

protected void Step2SubmitButton_Click(object sender, EventArgs e)

{

bool failed = false;

string providerCode = string.Empty;

try

{

if (Session["ProviderBillType"].ToString() == "medic")

{

if (MedicProviderOfServiceTextBox.Text != null)

{

providerCode = MedicProviderOfServiceTextBox.Text;

if (providerCode != null)

{

ConfirmProviderNameLabel.Text = CompanyNameByPC.GetCompanyNameByProviderCode(providerCode);

Step2ConfirmProviderPanel.Visible = true;

}

else

{

Step2ConfirmProviderPanel.Visible = false;

}

// did the user enter a provider code but not check the confirmation box?

if (!ConfirmProviderCheckbox.Checked)

{

failed = true;

UserMessageRadWindowManager.RadAlert("You must confirm your Provider before proceeding.", 330, 180, "Submission Error", "");

}

// if we failed then bail

if (failed)

{

return;

}

// we passed. is the company using this new payment processor? if not, redirect to

// the old payment page else set vars and move on.

if (!NppCheck.IsCompanyUsingNewPaymentProcessor(providerCode))

{

Session["ProviderCode"] = providerCode;

Session["PaymentStep"] = 1;

Response.Redirect("default2.aspx");

//Response.Redirect("https://www.qmacsmso.com/billpay.aspx?pc=" + providerCode + "&bt=" + Session["ProviderBillType"].ToString(), true);

return;

}

Session["ProviderName"] = ConfirmProviderNameLabel.Text;

Session["ProviderCode"] = providerCode;

// Go to the next PageView

GoToNextTab();

GoToNextPageView();

}

else if (Session["ProviderBillType"].ToString() == "myway")

{

// The rest of the code follows the same pattern with "if else statements"

// I've replaced the methods here with a simple popup window for testing and I've also replaced the method code with //  another popup to see if it is being called. Somehow, my NextTab and NextPage methods are unresponsive.

User Control 2 Methods...

#region Next Tab

// Find and select the next Tab on our Navigation TabStrip

private void GoToNextTab()

{

RadTabStrip tabStrip = (RadTabStrip)this.NamingContainer.FindControl("BillPayNavigationRadTabStrip");

RadTab paymentTab = tabStrip.FindTabByText("Payment");

paymentTab.Enabled = true;

paymentTab.Selected = true;

}

#endregion

#region Next Page

//Find and load the next page in our MultiPage control

private void GoToNextPageView()

{

RadMultiPage multiPage = (RadMultiPage)this.NamingContainer.FindControl("BillPayRadMultiPage");

RadPageView paymentPageView = multiPage.FindPageViewByID("Payment");

if (paymentPageView == null)

{

paymentPageView = new RadPageView();

paymentPageView.ID = "Payment";

multiPage.PageViews.Add(paymentPageView);

}

paymentPageView.Selected = true;

}

#endregion

TabStrip

answered on 01 Apr 2014

1 answer

35 views

Webservice bound scheduler doesnot fire "OnClientResourcesPopulating" on colorcoding timeslots

Hi,

My webservice bound scheduler does not fire "OnClientResourcesPopulating" event after following events:

1. ColorCode scheduer timeslots based on some property.
2. Drag and drop to create an appointment (Appointment is dropped on color coded time slot)
Then rebind the scheduler using javascript fxn
3.Use ASP.NET Button's postback event to refresh scheduler.
This refreshes resources (technicians) for scheduler
Then it throws following error:

BROWSER CONSOLE LOG
OnClientAppointmentsPopulating Default.aspx:1282
OnClientRequestSuccess Default.aspx:3398
OnAppointmentCreated Default.aspx:1334
OnClientAppointmentsPopulated Default.aspx:1258
onSchedulerDataBound Default.aspx:1125UpdateM4Scheduler with ScheduleUpdateBtn DefaultHelper.js:73
AJAX REQUEST -->onRequestStart GridHelper.js:7
beginRequestHandler

ERROR MESSAGE:
Default.aspx:785Uncaught TypeError: Cannot call method 'removeChild' of null Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:11458b.RadComboBox._removeDropDownTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:11458b.RadComboBox.disposeTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:10346Sys._Application.disposeElementTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:6Sys.WebForms.PageRequestManager._updatePanelTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:15Sys.WebForms.PageRequestManager._scriptIncludesLoadCompleteTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:15(anonymous function)Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:6(anonymous function)Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:6Sys._ScriptLoader._loadScriptsInternalTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:15Sys._ScriptLoader._nextSessionTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:15Sys._ScriptLoader.loadScriptsTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:15Sys.WebForms.PageRequestManager._onFormSubmitCompletedTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:15(anonymous function)Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:6(anonymous function)Telerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:6Sys.Net.WebRequest.completedTelerik.Web.UI.WebResource.axd?_TSM_HiddenField_=RadScriptManager1_TSM&compress=1&_TSM_CombinedScri…:6_onReadyStateChange
Any ideas?
Thanks,
Prava

Scheduler

answered on 01 Apr 2014

1 answer

205 views

UI for ASP.NET AJAX: Error thrown after updating from 2013.3.1324.40 to 2014.1.225.40

I used the Telerik Control Panel to update to 2014.1.225.40. I opened an existing ASP.NET web application and in Visual Studio 2010 and used the Telerik-->UI for ASP.NET AJAX-->Upgrade Wizard menu item to upgrade the solution. I left all values on the Solution Upgrade Wizard dialog at their defaults.

After the upgrade, running the project gives the error listed below. Copying the 2013.3.1324.40 versions of Telerik.Web.UI.dll and Telerik.Web.UI.Skins.dll makes the project run without errors. We need to either revert our affected projects to the 2013.3.1324.40 versions or know how to eliminate this error with the 2014.1.225.40.

Error displayed on web page:

Server Error in '/VIMWEBV4_ENT' Application. Telerik.Web.UI.RadWindowManager with ID='RadWindowManager1' was unable to find an embedded skin with the name 'WebBlue'. Please, make sure that the skin name is spelled correctly and that you have added a reference to the Telerik.Web.UI.Skins.dll assembly in your project. If you want to use a custom skin, set EnableEmbeddedSkins=false. Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.InvalidOperationException: Telerik.Web.UI.RadWindowManager with ID='RadWindowManager1' was unable to find an embedded skin with the name 'WebBlue'. Please, make sure that the skin name is spelled correctly and that you have added a reference to the Telerik.Web.UI.Skins.dll assembly in your project. If you want to use a custom skin, set EnableEmbeddedSkins=false.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.
Stack Trace:

[InvalidOperationException: Telerik.Web.UI.RadWindowManager with ID='RadWindowManager1' was unable to find an embedded skin with the name 'WebBlue'. Please, make sure that the skin name is spelled correctly and that you have added a reference to the Telerik.Web.UI.Skins.dll assembly in your project. If you want to use a custom skin, set EnableEmbeddedSkins=false.]
Telerik.Web.SkinRegistrar.GetEmbeddedSkinAttributes(ISkinnableControl control, Type controlType, Boolean designTime) +639
Telerik.Web.SkinRegistrar.GetEmbeddedSkinAttributes(ISkinnableControl control, Type controlType) +44
Telerik.Web.SkinRegistrar.RegisterCssReferences(ISkinnableControl _control) +389
Telerik.Web.UI.RadWebControl.RegisterCssReferences() +82
Telerik.Web.UI.RadWebControl.ControlPreRender() +71
Telerik.Web.UI.RadWindowManager.ControlPreRender() +786
Telerik.Web.UI.RadWebControl.OnPreRender(EventArgs e) +47
System.Web.UI.Control.PreRenderRecursiveInternal() +83
System.Web.UI.Control.PreRenderRecursiveInternal() +168
System.Web.UI.Control.PreRenderRecursiveInternal() +168
System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +974

Version Information: Microsoft .NET Framework Version:4.0.30319; ASP.NET Version:4.0.30319.17929

General Discussions

answered on 01 Apr 2014

1 answer

73 views

Template Manager Preview Style

I have the ExternalDialogsPath set and working good but I cannot for the life of me style the preview of my templates, in the manager, the same as they are in the editor.
I have tried linking the style sheets in the TemplateManager.ascx and changing the style of class="templatePreviewer" - but to no avail.

How can I please?

Cheers,

Jon

Editor

answered on 01 Apr 2014

1 answer

122 views

Change DataFieldY on series Server Side

I need to be able chance the DataFieldY being plotted based on a radio button via server side code and rebind the graphs.

Chart (HTML5)

answered on 01 Apr 2014

3 answers

100 views

editor.selectElement does not update the selection in Chrome

When I have an image surrounded by a link (<a ...><img ... /></a>), clicking on the image only selects the image. I have certain circumstances where I need to include the link in the selection, so I have tried to use this javascript. It works fine in Firefox (and not at all in IE because IE selection is lost when there is no text selected, see this old thread), but in Chrome the selection is not changed to include the <a> link.

console.log(editor.getSelectedElement().tagName); // "IMG"

var element = editor.getSelectedElement();

if (element.tagName == "IMG" && element.parentNode && element.parentNode.tagName == "A") {

console.log(element.parentNode.tagName); // "A"

editor.selectElement(element.parentNode.parentNode); // does nothing

}

console.log(editor.getSelectedElement().tagName); // "IMG"

Editor

answered on 01 Apr 2014

3 answers

72 views

Retrofitting existing Application using TabStrip

I am a newbie to Telerik and am using V2014.1.225.45.

We already have two separate application developed and plan on developing a third. I would like to make a single "parent" application that would display tabs for each of the current separate applications plus a third for this new application.

How do I make this "parent" page and can it support displaying "inside each tab the existing application without changes to application? Can each application have itself a set of nested tabs as well?

TabStrip

answered on 01 Apr 2014

1 answer

89 views

RadGrid Editor

Hi - I am trying to learn creating the below radgrid stuff.

http://www.telerik.com/help/aspnet-ajax/grid-hierarchy-tutorial.html

I am stuck how would I open the RadGrid Editor to obtain the configuration wizard, please.

I tried right click the radgrid selected edittemplate that shows only masterTableView. Please help. Thanks

Grid

answered on 01 Apr 2014

3 answers

102 views

RadGrid pager switches location on page size change

Hello,

there's a problem when using the built-in pager for RadGrid: when the page size over the pager is changed by the user, it changes its location in the MasterTableView - from the bottom of the view to about 3/4 of the height of the view?
<PagerStyle Position="Bottom" /> won't solve this issue.

Where can i explicitly set the align of the pager?
Are there any known bugs?

Kind regards,
A. Koch

Grid

answered on 01 Apr 2014

2 answers

111 views

RadCaptcha always generating new code with PersistCodeDuringAjax="false"

Hi,

The RadCaptcha component always generating new code after a ajax requesting. I´m doing a request using the ajaxRequestWithTarget method from a RadAjaxPanel.

What I can do for work properly?

Thanks,

Danilo Pimentel

Captcha

answered on 01 Apr 2014