Questions on UI for ASP.NET AJAX Forum

1 answer

95 views

Is it possible to set the font styling of a Radbutton clientside? So far I've not been able to alter a dynamically added radbutton clientside

Button

answered on 11 Jul 2014

2 answers

150 views

RadGrid with DetailTableView demo.

Dear Telerik,
Can we have a small demo source code regarding the following .
1.RadGrid (1 label,1 comboBox) contains DetailTableView with 1 combobox and 1 Textbox inside ItemTemplate.
2.On clicking SAVE button(Outside of grid). It must save all the selected vales of radGrid and DetailTableView to any Dataset.

*NOTE: Values of the DetailTableView SHOULD NOT clear on collapsing.

Grid

answered on 10 Jul 2014

12 answers

159 views

Tabstrip as a wizard

Hi,

I am using tabstrip as a wizard.

I have previous and next buttons on my page and I load a user control in the multipage for each tabstrip.
When I navigate with the previous button. I have some binding controls on my pages which get bound when i pass the data for that particular tab.
WHen I am using the previous button it is trying to render all the tabs. SInce I don't pass data for all the tabs my code is not able to bind some controls.
Below is my code and html.

Let me know what am I doing wrong. I suspect I am not using the LoadStep() function call at the right place but I am not able to figure out the right event.

<table cellpadding="0" cellspacing="0" width="100%">

<tr>

<td>

<telerik:RadTabStrip ID="rtsEnrollment" runat="server" MultiPageID="rmpEnrollment"

OnTabClick="rtsEnrollment_TabClick" SelectedIndex="0" CausesValidation="true"

Align="Justify" AutoPostBack="true">

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="rmpEnrollment" runat="server" SelectedIndex="0" OnPageViewCreated="rmpEnrollment_PageViewCreated"

CssClass="multiPage">

</telerik:RadMultiPage>

</td>

</tr>

<tr>

<td class="enrollmentButton">

<telerik:RadButton runat="server" ID="PreviousButton" Text="<< Previous" OnClick="PreviousButton_Click"

AutoPostBack="true" CausesValidation="false">

</telerik:RadButton>

<telerik:RadButton runat="server" ID="ContinueButton" Text="Next >>" CausesValidation="true"

AutoPostBack="true" OnClick="ContinueButton_Click">

</telerik:RadButton>

</td>

</tr>

</table>

public partial class enrollment_theCompany_EDCP : EnrollmentBasePage

{

protected void LoadStep()

{

string tabName = rtsEnrollment.SelectedTab.Text;

RadTab tab = rtsEnrollment.FindTabByText(tabName);

switch (rtsEnrollment.SelectedTab.Text)

{

case "Deferral Elections":

LoadSalaryElections(tab);

break;

case "Distribution Elections":

LoadDistributionElections(tab);

break;

case "Fund Allocations":

RadPageView pvFundAllocations = (RadPageView)tab.PageView.FindControl("fundAllocations");

ucFundBucket ucFundAllocations = (ucFundBucket)pvFundAllocations.FindControl("ucFundAllocations");

ucFundAllocations.LoadPlan();

break;

case "Enrollment Summary":

// commit data

RadPageView pvEnrollmentSummary = (RadPageView)tab.PageView.FindControl("enrollmentSummary");

enrollment_ucEnrollmentSummary ucEnrollmentSummary = (enrollment_ucEnrollmentSummary)pvEnrollmentSummary.FindControl("ucEnrollmentSummary");

_enrollment.CommitEnrollmentData(DeferralSources());

break;

}

protected override void UpdateStep(int nextStepIndex)

{

string tabName = rtsEnrollment.SelectedTab.Text;

RadTab tab = rtsEnrollment.FindTabByText(tabName);

switch (tabName)

{

case "Deferral Elections":

RadPageView pvDeferralElections = (RadPageView)tab.PageView.FindControl("deferralElections");

enrollment_theCompany_deferralElections ucDeferralElections = (enrollment_theCompany_deferralElections)pvDeferralElections.FindControl("ucDeferralElections");

ucDeferralElections.SaveForEnrollment(_enrollment);

break;

case "Distribution Elections":

RadPageView pvPaymentOptions = (RadPageView)tab.PageView.FindControl("paymentOptions");

enrollment_theCompany_paymentOptions ucPaymentOptions = (enrollment_theCompany_paymentOptions)pvPaymentOptions.FindControl("ucPaymentOptions");

ucPaymentOptions.PlanPeriodName = _enrollment.PlanPeriodName;

ucPaymentOptions.SaveForEnrollment(_enrollment);

break;

case "Fund Allocations":

RadPageView pvFundAllocations = (RadPageView)tab.PageView.FindControl("fundAllocations");

ucFundBucket ucFundAllocations = (ucFundBucket)pvFundAllocations.FindControl("ucFundAllocations");

ucFundAllocations.SaveAllocationForEnrollment(_enrollment);

break;

case "Enrollment Summary":

break;

}

protected void Page_Load(object sender, EventArgs e)

{

if (!Page.IsPostBack)

{

AddTab("Deferral Elections", true);

RadPageView pageView = new RadPageView();

pageView.ID = "DeferralElections";

rmpEnrollment.PageViews.Add(pageView);

AddTab("Distribution Elections", false);

AddTab("Fund Allocations", false);

AddTab("Enrollment Summary", false);

LoadStep();

}

#region UI Events

protected void rmpEnrollment_PageViewCreated(object sender, RadMultiPageEventArgs e)

{

Control pageViewContents = new Control();

switch (e.PageView.ID)

{

case "DeferralElections":

pageViewContents = LoadControl("~/enrollment/thecompany/deferralElections.ascx");

pageViewContents.ID = "uc" + e.PageView.ID ;

break;

case "PaymentOptions":

pageViewContents = LoadControl("~/enrollment/thecompany/paymentOptions.ascx");

pageViewContents.ID = "uc" + e.PageView.ID;

break;

case "FundAllocations":

pageViewContents = LoadControl("~/fund/ucFundbucket.ascx");

pageViewContents.ID = "uc" + e.PageView.ID;

break;

case "EnrollmentSummary":

pageViewContents = LoadControl("~/enrollment/ucEnrollmentSummary.ascx");

pageViewContents.ID = "uc" + e.PageView.ID;

break;

}

e.PageView.Controls.Add(pageViewContents);

}

protected void PreviousButton_Click(object sender, EventArgs e)

{

GoToPreviousTab();

GoToPreviousPageView();

LoadStep();

}

protected void ContinueButton_Click(object sender, EventArgs e)

{

UpdateStep();

GoToNextTab();

GoToNextPageView();

LoadStep();

}

#endregion

#region Private Events

private void GoToNextTab()

{

string tabName = rtsEnrollment.SelectedTab.Text;

switch (tabName)

{

case "Deferral Elections":

RadTab paymentOptionsTab = rtsEnrollment.FindTabByText("Distribution Elections");

rtsEnrollment.ValidationGroup = "PaymentOptionsTabValidationGroup";

paymentOptionsTab.Enabled = true;

paymentOptionsTab.Selected = true;

break;

case "Distribution Elections":

RadTab fundAllocationsTab = rtsEnrollment.FindTabByText("Fund Allocations");

fundAllocationsTab.Enabled = true;

fundAllocationsTab.Selected = true;

break;

case "Fund Allocations":

RadTab enrollmentSummaryTab = rtsEnrollment.FindTabByText("Enrollment Summary");

enrollmentSummaryTab.Enabled = true;

enrollmentSummaryTab.Selected = true;

break;

case "Enrollment Summary":

break;

}

private void GoToNextPageView()

{

string tabName = rtsEnrollment.SelectedTab.Text;

switch (tabName)

{

case "Deferral Elections":

break;

case "Distribution Elections":

RadPageView paymentOptionsTabPageView = rmpEnrollment.FindPageViewByID("PaymentOptions");

if (paymentOptionsTabPageView == null)

{

paymentOptionsTabPageView = new RadPageView();

paymentOptionsTabPageView.ID = "PaymentOptions";

rmpEnrollment.PageViews.Add(paymentOptionsTabPageView);

}

paymentOptionsTabPageView.Selected = true;

break;

case "Fund Allocations":

RadPageView fundAllocationsTabPageView = rmpEnrollment.FindPageViewByID("FundAllocations");

if (fundAllocationsTabPageView == null)

{

fundAllocationsTabPageView = new RadPageView();

fundAllocationsTabPageView.ID = "FundAllocations";

rmpEnrollment.PageViews.Add(fundAllocationsTabPageView);

}

fundAllocationsTabPageView.Selected = true;

break;

case "Enrollment Summary":

RadPageView enrollmentSummaryTabPageView = rmpEnrollment.FindPageViewByID("EnrollmentSummary");

if (enrollmentSummaryTabPageView == null)

{

enrollmentSummaryTabPageView = new RadPageView();

enrollmentSummaryTabPageView.ID = "EnrollmentSummary";

rmpEnrollment.PageViews.Add(enrollmentSummaryTabPageView);

}

enrollmentSummaryTabPageView.Selected = true;

break;

}

private void GoToPreviousTab()

{

string tabName = rtsEnrollment.SelectedTab.Text;

switch (tabName)

{

case "Deferral Elections":

break;

case "Distribution Elections":

RadTab deferralElectionsTab = rtsEnrollment.FindTabByText("Deferral Elections");

rtsEnrollment.ValidationGroup = "DeferralElectionsTabValidationGroup";

deferralElectionsTab.Enabled = true;

deferralElectionsTab.Selected = true;

break;

case "Fund Allocations":

RadTab paymentOptionsTab = rtsEnrollment.FindTabByText("Distribution Elections");

rtsEnrollment.ValidationGroup = "PaymentOptionsTabValidationGroup";

paymentOptionsTab.Enabled = true;

paymentOptionsTab.Selected = true;

break;

case "Enrollment Summary":

RadTab FundAllocationsTab = rtsEnrollment.FindTabByText("Fund Allocations");

FundAllocationsTab.Enabled = true;

FundAllocationsTab.Selected = true;

break;

}

private void GoToPreviousPageView()

{

string tabName = rtsEnrollment.SelectedTab.Text;

switch (tabName)

{

case "Deferral Elections":

RadPageView deferralElectionsTabPageView = rmpEnrollment.FindPageViewByID("DeferralElections");

if (deferralElectionsTabPageView == null)

{

deferralElectionsTabPageView = new RadPageView();

deferralElectionsTabPageView.ID = "DeferralElections";

rmpEnrollment.PageViews.Add(deferralElectionsTabPageView);

}

deferralElectionsTabPageView.Selected = true;

break;

case "Distribution Elections":

RadPageView paymentOptionsTabPageView = rmpEnrollment.FindPageViewByID("PaymentOptions");

if (paymentOptionsTabPageView == null)

{

paymentOptionsTabPageView = new RadPageView();

paymentOptionsTabPageView.ID = "PaymentOptions";

rmpEnrollment.PageViews.Add(paymentOptionsTabPageView);

}

paymentOptionsTabPageView.Selected = true;

break;

case "Fund Allocations":

RadPageView fundAllocationsTabPageView = rmpEnrollment.FindPageViewByID("FundAllocations");

if (fundAllocationsTabPageView == null)

{

fundAllocationsTabPageView = new RadPageView();

fundAllocationsTabPageView.ID = "FundAllocations";

rmpEnrollment.PageViews.Add(fundAllocationsTabPageView);

}

fundAllocationsTabPageView.Selected = true;

break;

case "Enrollment Summary":

break;

}

private void AddTab(string tabName, bool enabled)

{

RadTab tab = new RadTab(tabName);

tab.Enabled = enabled;

switch (tab.Text)

{

case "Deferral Elections":

break;

case "Distribution Elections":

break;

case "Fund Allocations":

break;

case "Enrollment Summary":

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

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

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

break;

default:

break;

}

rtsEnrollment.Tabs.Add(tab);

}

private void LoadSalaryElections(RadTab tab)

{

RadPageView pvDeferralElections = (RadPageView)tab.PageView.FindControl("deferralElections");

enrollment_theCompany_deferralElections ucDeferralElections = (enrollment_theCompany_deferralElections)pvDeferralElections.FindControl("ucDeferralElections");

ucDeferralElections.PlanPeriodName = _enrollment.PlanPeriodName;

ucDeferralElections.NextPlanPeriodName = _enrollment.NextPlanPeriodName;

ucDeferralElections.LoadDeferralElections(_enrollment);

}

private void LoadDistributionElections(RadTab tab)

{

RadPageView pvPaymentOptions = (RadPageView)tab.PageView.FindControl("paymentOptions");

enrollment_theCompany_paymentOptions ucPaymentOptions = (enrollment_theCompany_paymentOptions)pvPaymentOptions.FindControl("ucPaymentOptions");

ucPaymentOptions.LoadPaymentOptions(_enrollment);

}

#endregion

}

TabStrip

answered on 10 Jul 2014

2 answers

362 views

Mutually Exclusive Checkbox

Does anyone know if there is a way to get a Mutually Exclusive Checkbox with this listbox control. Like the one available thru the Ajax Toolkit?

ListBox

answered on 10 Jul 2014

1 answer

144 views

RadSplitter scrollbar issue

Hi,
I was using Telerik RadSplitter and in one of the pane I have both horizontal and scrollbars set to visible always. The scrollbars are appearing in Chrome without any issues. But in IE I can see vertical one but not the horizontal one. It doesn't seem like compatibility related issue as I can view the scroll bar either in zoom plus mode. But I can't ask the website viewers to do the same whenever they visit this web page.

Below is my aspx code:

<telerik:RadSplitter ID="RadSplitter" runat="server" Height="100%"
        Orientation="Vertical" VisibleDuringInit="false" BorderWidth="0px">
        <telerik:RadPane ID="RadPane" runat="server" BorderWidth="0px" Scrolling="Both"
            Width="100%" Orientation="HorizontalTop">

Can anyone help me to resolve this issue?

Thank you.

General Discussions

answered on 10 Jul 2014

1 answer

127 views

Changing Column Headertext during Export

Hi all, literally as the title says, I need to change column header(s) during the grid export without changing it on the UI...

I've tried loads of stuff I've found by searching both here and google...

I would have thought something like this would work : -

        Private Sub FrameworkGrid_ItemCommand(sender As Object, e As GridCommandEventArgs) Handles Me.ItemCommand

            If e.CommandName.StartsWith("Export") Then

                For Each item In Me.Items

                    If TypeOf item Is GridHeaderItem Then

                        For Each cell As TableCell In CType(item, GridHeaderItem).Cells
                            StripTags(cell.Text)
                        Next

                    End If

                Next

            End If

        End Sub

But there never is a GridHeaderItem when doing that... It's just all the normal DataGridItems in the grid instead...

Basically, we've appended a load of css styling into some of the column headers and obviously when exporting we want to remove that and put it back to just plain text... I've got a function to strip the HTML using RegEx no problem ('StripTags') but I can't even get it that far...

Any suggestions?

Grid

answered on 10 Jul 2014

1 answer

179 views

RadComobox is not 508 compliant

Hi,

I tested it in IE browser using Web Accessibility toolbar from paciello group. I did set radcombox ID to AssociatedControlID of the ASP.NET label control. They resulted there are two labels that are not associated to the radcomobox controls. These radcomobox controls just added input to the ID. Therefore they were not associated to the label controls

<div class="col-md-6 form_row">

<div>

<asp:Label ID="lblRequestTypeSelect" runat="server" Text="Request Type" AssociatedControlID="rcRequestType" CssClass="control-label col-md-3">Request Type<span class="required">*</span></asp:Label>

<div class="col-md-9">

<telerik:RadComboBox ID="rcRequestType" runat="server" AutoPostBack="true" ToolTip="Request Type *" EnableAriaSupport="true" Skin="Simple" OnSelectedIndexChanged="rcRequestType_SelectedIndexChanged" TabIndex="0">

<Items>

<telerik:RadComboBoxItem Text="Select" Value="Select" Selected="true" />

<telerik:RadComboBoxItem Text="Congressional" Value="Congressional" />

<telerik:RadComboBoxItem Text="Federal Requester" Value="Federal Requester" />

<telerik:RadComboBoxItem Text="Local Government" Value="Local Government" />

<telerik:RadComboBoxItem Text="Other Organization" Value="Other Organization" />

<telerik:RadComboBoxItem Text="Private Citizen" Value="Private Citizen" />

<telerik:RadComboBoxItem Text="State Requester" Value="State Requester" />

<telerik:RadComboBoxItem Text="Universities / Schools" Value="Universities / Schools" />

<telerik:RadComboBoxItem Text="Veterans Organization" Value="Veterans Organization" />

<telerik:RadComboBoxItem Text="Vocational" Value="Vocational" />

</Items>

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="rcRequestType" runat="server" InitialValue="Select" ForeColor="Red" ErrorMessage="Request Type is Required" ValidationGroup="cs1"></asp:RequiredFieldValidator>

</div>

<div class="col-md-6 form_row">

<div>

<asp:Label ID="lblradSelectOrg" runat="server" Text="Organization" AssociatedControlID="rcOrg" CssClass="control-label col-md-3">Organization<span class="required">*</span></asp:Label>

<div class="col-md-9">

<telerik:RadComboBox ID="rcOrg" runat="server" AutoPostBack="true" EnableAriaSupport="true" OnSelectedIndexChanged="rcOrg_SelectedIndexChanged" Enabled="false" ToolTip="Organization *" DropDownAutoWidth="Enabled" Skin="Simple"></telerik:RadComboBox>

<asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="rcOrg" runat="server" InitialValue="Select" ForeColor="Red" ErrorMessage="Organization is Required" ValidationGroup="cs1"></asp:RequiredFieldValidator>

</div>

ComboBox

answered on 10 Jul 2014

2 answers

218 views

Equivalent of DBNULL when using RadGrid

I have worked with GridView earlier and wanted to know what is the equivalent of DBNull.Value when using Radgrid.
For instance, with gridview I could do the following check:

System.Data.DataRowView View = (System.Data.DataRowView)e.Row.DataItem;
var isSuppProduct = (DBNull.Value != View[this._ProdTable.ItemIdColumn.ColumnName]);

But how to do this comparision with Radgrid?

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)
{
if (e.Item is GridDataItem)
{
GridDataItem dataItem = (GridDataItem)e.Item;
var isSuppProduct = (DBNull.Value != dataItem["SupplementalOriginalPriceDealEntityProductItemId"]);//which is not correct
}
}

Grid

answered on 10 Jul 2014

2 answers

106 views

Pass filePath to radgrid modal edit template

Hello,

I have a radGrid which includes an "Add New" form. This form is set as a modal popup form and includes a file selector set up exact like this demo:

http://demos.telerik.com/aspnet-ajax/fileexplorer/examples/client-sideapi/fileselectordialog/defaultcs.aspx

My problem comes with trying to get the filePath back to the textbox in the radgrid form template. Currently when I double click a file nothing happens. The file explorer does not close and I do not get the file path populating my textbox. All of my code is identical to the above demo except for the fact that the file explorer dialog and filepath textbox reside within a radgrid editform template.

Any advice/insight is greatly appreciated!

Thanks,
Ric

FileExplorer

answered on 10 Jul 2014

1 answer

125 views

Persist row selection on postback

Hi,

I have a parent and child grid that are both using Ajax to when a selection is made on the parent grid to update the child grid. When I select an item on the parent grid, the CSS style for the .rgSelectedRow disappears and is the user has no way of knowing which one they selected although the child grid displays the correct data. I've narrowed it down to the RadGrid1_OnItemDataBound method where I programmatically apply CSS rules to the respective alternating items and regular items. The way I apply the CSS is as follows:

if (e.Item.ItemType == Telerik.Web.UI.GridItemType.AlternatingItem)
    {
         e.Item.CssClass = " AlternatingItemColor " + cssstyle + " rgAltRow";
     }
else
    {
         e.Item.CssClass = "rgRow " + cssstyle;
    }

Where cssstyle is the CSS rule based off attributes in the data item. When I remove this code from the method, the selected row persists through the postback, but that's where the problem lies. Any suggestions would be very helpful as to why it's being overridden.

Thanks,

Joe

Grid

answered on 10 Jul 2014