Questions on UI for ASP.NET AJAX Forum

5 answers

480 views

Filter button Icon change for checklist filtering in RadGrid

HI
I am using checklist filtering in RagGrid. But I want to change filter button icon for active filter and default state.
Is it possible to have the default state of the dropdown icon to be an arrow, or the standard downward pointing triangle, and then if the filter is active, meaning the user has filtered the list, then change from arrow to funnel like you have now?
If yes, then how can i do this. please see an example.

Thanks

Grid

answered on 11 Jul 2014

7 answers

539 views

Radalert issuse

Hai All,

i have a radwindow , whose content is loading from an aspx page, in that i have a norma textboxes and buttons when i click a save button in my radwindow page
i am showing radlalert using radajaxmanager i.e

RadAjaxManager1.ResponseScripts.Add(@"radalert('my message !', 330, 210);");

instead of radajaxmanger1 we even used radwindowmanager1 , propblem is when we run our application in internet explorer we get below exception in telerik.web.ui.scriptwebresource.axd
SCRIPT5007: Unable to get property 'toLowerCase' of undefined or null reference
Telerik.Web.UI.WebResource.axd, line 3240 character 1 in the below line
if(d&&d.tagName.toLowerCase()!="body")

please help!!

Window

answered on 11 Jul 2014

1 answer

87 views

set font style clientside?

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

147 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

148 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

357 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

136 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

118 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

174 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

212 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