Telerik Forums
UI for ASP.NET AJAX Forum
4 answers
102 views
Hi,

For normal appointment(non-recurring appointment), the event radschedular_AppointmentDelete fires. It works fine.
But while deleting recurrence appointment, for option "Delete only this occurrence" raschedular1_OccurrenceDelete event is fired.
but for option "Delete the series"  no event fired.
Including raschedular1_OccurrenceDelete(object sender, OccurrenceDeleteEventArgs e)

can U please let me know.
Thanks in Advance.
Chandu.D
Peter Milchev
Telerik team
 answered on 25 May 2018
8 answers
107 views

Any changes I make to the InsertTableLight.ascx (and place in my project's EditorDialogs directory) are not reflected when I invoke the dialog from the RadEditor.

I know the overrides are working because I have already modified the dialogs for InsertLink.ascx and InsertSelectDialog.ascx, and they are working perfectly.

I've made obvious changes such as:

<label class="reDialogLabelLight" for="Columns" style="display: none;">
    <span class="short">[columns]</span>
</label>

 

But I still get the dialog in the attached screenshot.

 

Jim
Top achievements
Rank 1
 answered on 24 May 2018
4 answers
117 views

Hi all,

I noticed an issue with Radgrids, when adding new records using Batch Editing (Cell) and having some fields set as required (either through a RequiredFieldValidator or a <asp:CustomValidator ).

The issue is that the navigation using the TAB key, skipa fields which are not required.

This issue is visible on the online demo (https://demos.telerik.com/aspnet-ajax/grid/examples/data-editing/batch-editing/defaultcs.aspx), where if you add a new record, you are asked to enter a Product Name, then if you hit the TAB key, it jumps to Unit Price (next required field), hitting the TAB key again makes it jump to the next row.

However, when editing existing rows, the keyboard navigation behaves "normally", going through each fields (required or not).

Could someone please have a look and let us know if there is a solution or workaround.

 

Thank you very much,

Amara

 

 

 

 

Amara
Top achievements
Rank 1
 answered on 24 May 2018
1 answer
155 views

I have a button and href :

   <telerik:RadButton RenderMode="Lightweight" ID="cbxBritani" runat="server" ToggleType="CheckBox" Skin="Britani" EnableEmbeddedSkins="false"
        ButtonType="LinkButton" Checked="true" OnClick="btnToggle_Click">
        <ToggleStates>
            <telerik:RadButtonToggleState Text="Britani" Selected="true" PrimaryIconCssClass="rbToggleCheckboxChecked p-i-checkbox-checked" />
            <telerik:RadButtonToggleState Text="Britani" PrimaryIconCssClass="rbToggleCheckbox p-i-checkbox" />
        </ToggleStates>
    </telerik:RadButton>

<link href="~/Skins/Britani/Button.Britani.css" rel="stylesheet" type="text/css" />

I used VSB to build and download but the style is not being applied in the ascx, I have attached the .css that VSB downloaded, in it i do not see the color I applied in the screenshot of the VSB "#ff1eff"

.RadButton_Britani {
    font-family: "Segoe UI",Arial,Helvetica,sans-serif;
    font-size: 12px
}
    .RadButton_Britani.rbSkinnedButton, .RadButton_Britani .rbDecorated, .RadButton_Britani .rbSecondaryIcon, .RadButton_Britani.rbVerticalButton, .RadButton_Britani.rbVerticalButton .rbDecorated {
        background-image: none;
        font-family: "Segoe UI",Arial,Helvetica,sans-serif;
        font-size: 12px
    }
    .RadButton_Britani.rbSkinnedButton {
        padding-left: 6px
    }
        .RadButton_Britani.rbSkinnedButton .rbSecondary {
            padding-right: 27px
        }
        .RadButton_Britani.rbSkinnedButton .rbDecorated {
            margin-left: -4px
        }
        .RadButton_Britani.rbSkinnedButton:active .rbDecorated, .RadButton_Britani.rbSkinnedButtonChecked .rbDecorated, .RadButton_Britani.rbSkinnedButtonChecked.rbHovered .rbDecorated {
            color: #ffffff
        }
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .RadButton_Britani.RadButton input.rbDecorated, .RadButton_Britani.RadButton input.rbDecorated, .RadButton_Britani.RadButton input.rbDecorated:active, .RadButton_Britani.RadButton input.rbDecorated:focus {
        background-color: transparent;
        border: 0 none
    }
}
.RadButton_Britani.rbLinkButton .rbSecondary {
    padding-right: 15px
}
.RadButton_Britani .rbSplitRight, .RadButton_Britani .rbSplitLeft {
    background-image: url('Button/ButtonSprites.gif')
}
.RadButton_Britani .rbSplitRight, .RadButton_Britani.rbLinkButton .rbSplitRight {
    background-position: -1px 0;
    border-left: 1px solid #cdcdcd
}
.RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight {
    background-position: 1px 0
}
.RadButton_Britani.rbLinkButton .rbSplitRight {
    border-left: 1px solid #cdcdcd
}
    .RadButton_Britani .rbSplitRight.rbHovered, .RadButton_Britani.rbLinkButton .rbSplitRight.rbHovered {
        background-color: #e8e8e8;
        border-left: 1px solid #767676
    }
    .RadButton_Britani .rbSplitRight:focus, .RadButton_Britani .rbSplitRight:active, .RadButton_Britani.rbLinkButton .rbSplitRight:focus, .RadButton_Britani.rbLinkButton .rbSplitRight:active {
        background-color: #ffbeff;
        border-left: 1px solid #ffbeff;
        background-position: -20px 0
    }
.RadButton_Britani .rbSplitLeft, .RadButton_Britani.rbLinkButton .rbSplitLeft {
    border-right: 1px solid #cdcdcd
}
.RadButton_Britani.rbLinkButton .rbSplitLeft {
    border-right: 1px solid #e5e5e5
}
    .RadButton_Britani .rbSplitLeft.rbHovered, .RadButton_Britani.rbLinkButton .rbSplitLeft.rbHovered {
        border-right: 1px solid #e8e8e8
    }
    .RadButton_Britani .rbSplitLeft:focus, .RadButton_Britani .rbSplitLeft:active, .RadButton_Britani.rbLinkButton .rbSplitLeft:focus, .RadButton_Britani.rbLinkButton .rbSplitLeft:active {
        background-color: #ffbeff;
        border-right: 1px solid #ffbeff;
        background-position: -20px 0
    }
.RadButton_Britani.rbDisabled .rbSplitLeft, .RadButton_Britani.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbDisabled .rbSplitLeft:focus, .RadButton_Britani.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:focus, .RadButton_Britani.rbDisabled .rbSplitRight, .RadButton_Britani.rbDisabled .rbSplitRight.rbHovered, .RadButton_Britani.rbDisabled .rbSplitRight:focus, .RadButton_Britani.rbDisabled .rbSplitRight:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight.rbHovered, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight:focus {
    background-color: transparent;
    background-position: -1px 0 !important
}
    .RadButton_Britani.rbDisabled .rbSplitLeft, .RadButton_Britani.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbDisabled .rbSplitLeft:focus, .RadButton_Britani.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft.rbHovered, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:active, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitLeft:focus {
        border-right: 1px solid #cdcdcd
    }
.RadButton_Britani.rbDisabled .rbSplitRight, .RadButton_Britani.rbLinkButton.rbDisabled .rbSplitRight {
    border-left: 1px solid #cdcdcd
}
.RadButton_Britani .rbSplitLeft:focus, .RadButton_Britani .rbSplitLeft:active, .RadButton_Britani.rbLinkButton .rbSplitLeft:focus, .RadButton_Britani.rbLinkButton .rbSplitLeft:active {
    background-color: #ffbeff;
    border-right: 1px solid #ffbeff
}
.RadButton_Britani.rbVerticalButton {
    padding-left: 0
}
    .RadButton_Britani.rbVerticalButton .rbDecorated {
        padding-left: 10px
    }
        .RadButton_Britani.rbVerticalButton .rbDecorated.rbPrimary {
            padding-left: 40px
        }
.RadButton_Britani.rbSkinnedButton, .RadButton_Britani.rbVerticalButton, .RadButton_Britani .rbDecorated, .RadButton_Britani.rbVerticalButton {
    background-color: #f9f9f9;
    color: #000000
}
.RadButton_Britani.rbSkinnedButton, .RadButton_Britani.rbVerticalButton {
    border: 1px solid #cdcdcd
}
    .RadButton_Britani.rbSkinnedButton.rbHovered, .RadButton_Britani.rbVerticalButton.rbHovered, .RadButton_Britani.rbHovered .rbDecorated {
        color: #000000;
        background-color: #e5e5e5
    }
    .RadButton_Britani.rbSkinnedButton.rbHovered, .RadButton_Britani.rbVerticalButton.rbHovered {
        border: 1px solid #e8e8e8
    }
    .RadButton_Britani.rbSkinnedButton:active, .RadButton_Britani.rbVerticalButton:active, .RadButton_Britani.rbSkinnedButton:active .rbDecorated, .RadButton_Britani.rbVerticalButton:active .rbDecorated, .RadButton_Britani.rbPressedButton.rbSkinnedButton, .RadButton_Britani.rbPressedButton .rbDecorated {
        background-color: #ffbeff;
        color: #ffffff
    }
    .RadButton_Britani.rbSkinnedButton:active, .RadButton_Britani.rbVerticalButton:active {
        border: 1px solid #ffbeff
    }
.RadButton_Britani.rbSkinnedButtonChecked, .RadButton_Britani.rbSkinnedButtonChecked.rbHovered, .RadButton_Britani.rbSkinnedButtonChecked input.rbDecorated, .RadButton_Britani.rbSkinnedButtonChecked.rbHovered .rbDecorated {
    background-color: #ffbeff;
    border: 1px solid #ffbeff
}
.RadButton_Britani .rbToggleCheckbox, .RadButton_Britani .rbToggleCheckboxChecked, .RadButton_Britani .rbToggleCheckboxFilled, .RadButton_Britani .rbToggleRadio, .RadButton_Britani .rbToggleRadioChecked {
    background-image: url('Common/radFormToggleSprite.png');
    _background-image: url('Common/radFormToggleSpriteIE6.png')
}
.RadButton_Britani.RadButton.rbToggleButton, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled.rbHovered, .RadButton_Britani.rbDisabled .rbDecorated, .RadButton_Britani.rbDisabled.rbHovered .rbDecorated {
    color: #000000
}
    .RadButton_Britani.RadButton.rbToggleButton.rbHovered {
        border: 0 none;
        color: #ffbeff
    }
    .RadButton_Britani.RadButton.rbToggleButton:active, .RadButton_Britani.RadButton.rbToggleButton:focus {
        background-color: transparent;
        border: 0
    }
.RadButton_Britani.RadButton.rbLinkButton {
    background-color: #f9f9f9;
    border: 1px solid #e5e5e5;
    text-decoration: none;
    color: #000000
}
    .RadButton_Britani.RadButton.rbLinkButton.rbHovered {
        background-color: #e8e8e8;
        border: 1px solid #e8e8e8;
        color: #000000
    }
.RadButton_Britani.RadButton:active, .RadButton_Britani.RadButton:focus, .RadButton_Britani.RadButton:focus .rbDecorated, .RadButton_Britani.RadButton.rbHovered:active, .RadButton_Britani.RadButton.rbHovered:focus, .RadButton_Britani.rbPressedButton, .RadButton_Britani.RadButton.rbPressedButton, .RadButton_Britani.RadButton.rbSkinnedButtonChecked, .RadButton_Britani.RadButton.rbSkinnedButtonChecked:hover, .RadButton_Britani.RadButton.rbLinkButtonChecked, .RadButton_Britani.RadButton.rbLinkButtonChecked:hover, .RadButton_Britani.RadButton.rbVerticalButtonChecked, .RadButton_Britani.RadButton.rbVerticalButtonChecked:hover {
    border: 1px solid #ffbeff;
    background-color: #ffbeff;
    color: #ffffff
}
    .RadButton_Britani.RadButton:active .rbDecorated, .RadButton_Britani.RadButton:focus .rbDecorated, .RadButton_Britani.RadButton.rbSkinnedButtonChecked .rbDecorated, .RadButton_Britani.RadButton.rbSkinnedButtonChecked:hover .rbDecorated, .RadButton_Britani.RadButton.rbLinkButtonChecked .rbDecorated, .RadButton_Britani.RadButton.rbLinkButtonChecked:hover .rbDecorated {
        color: #ffffff
    }
.RadButton_Britani.rbToggleButton:active .rbText, .RadButton_Britani.rbToggleButton:focus .rbText {
    color: #000000
}
.RadButton_Britani.rbSkinnedButton {
    height: 22px
}
.RadButton_Britani .rbDecorated {
    height: 20px
}
.RadButton_Britani.rbDisabled, .RadButton_Britani.rbDisabled .rbToggleCheckbox, .RadButton_Britani.rbDisabled .rbToggleCheckboxChecked, .RadButton_Britani.rbDisabled .rbToggleRadio, .RadButton_Britani.rbDisabled .rbToggleRadioChecked, .RadButton_Britani.rbDisabled .rbToggleCheckboxFilled {
    opacity: .6
}
.RadButton_Britani.rbSkinnedButton.rbDisabled, .RadButton_Britani.rbVerticalButton.rbDisabled, .RadButton_Britani.rbLinkButton.rbDisabled, .RadButton_Britani.rbLinkButton.rbDisabled.rbHovered {
    background-color: #ffffff;
    color: #000000;
    border: 1px solid #cdcdcd;
    cursor: default
}
    .RadButton_Britani.rbSkinnedButton.rbDisabled .rbDecorated, .RadButton_Britani.rbVerticalButton.rbDisabled.rbHovered .rbDecorated, .RadButton_Britani.rbVerticalButton.rbDisabled:active .rbDecorated, .RadButton_Britani.rbVerticalButton.rbDisabled:focus .rbDecorated, .RadButton_Britani.rbLinkButton.rbDisabled, .RadButton_Britani.rbLinkButton.rbDisabled.rbHovered {
        background-color: #ffffff;
        color: #000000
    }
.RadButton_Britani.RadButton.rbToggleButton.rbDisabled, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled.rbHovered, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled:active, .RadButton_Britani.RadButton.rbToggleButton.rbDisabled:focus {
    background-color: transparent;
    background-image: none;
    border: 0;
    height: auto
}
.RadButton_Britani.rbLinkButton.rbRounded {
    border-radius: 0
}
.RadButton_Britani .rbAdd, .RadButton_Britani .rbRemove, .RadButton_Britani .rbOk, .RadButton_Britani .rbCancel, .RadButton_Britani .rbPrevious, .RadButton_Britani .rbNext, .RadButton_Britani .rbSave, .RadButton_Britani .rbConfig, .RadButton_Britani .rbRefresh, .RadButton_Britani .rbEdit {
    background-image: url('Common/rbBasicIcons16x16Dark.png') !important
}
.RadButton_Britani .rbUpload, .RadButton_Britani .rbDownload, .RadButton_Britani .rbOpen, .RadButton_Britani .rbAttach, .RadButton_Britani .rbPrint, .RadButton_Britani .rbSearch, .RadButton_Britani .rbHelp, .RadButton_Britani .rbCart, .RadButton_Britani .rbRSS, .RadButton_Britani .rbMail, .RadButton_Britani .rbFB, .RadButton_Britani .rbTwitter {
    background-image: url('Common/rbExtendedIcons16x16Dark.png') !important
}
.RadButton_Britani .rbAdd24, .RadButton_Britani .rbRemove24, .RadButton_Britani .rbOk24, .RadButton_Britani .rbCancel24, .RadButton_Britani .rbPrevious24, .RadButton_Britani .rbNext24, .RadButton_Britani .rbSave24, .RadButton_Britani .rbConfig24, .RadButton_Britani .rbRefresh24, .RadButton_Britani .rbEdit24 {
    background-image: url('Common/rbBasicIcons24x24Dark.png') !important
}
.RadButton_Britani .rbUpload24, .RadButton_Britani .rbDownload24, .RadButton_Britani .rbOpen24, .RadButton_Britani .rbAttach24, .RadButton_Britani .rbPrint24, .RadButton_Britani .rbSearch24, .RadButton_Britani .rbHelp24, .RadButton_Britani .rbCart24, .RadButton_Britani .rbRSS24, .RadButton_Britani .rbMail24, .RadButton_Britani .rbFB24, .RadButton_Britani .rbTwitter24 {
    background-image: url('Common/rbExtendedIcons24x24Dark.png') !important
}
.RadButton_Britani.rbLinkButton {
    background-color: rgb(255, 30, 255);
}
.RadButton_Britani .rbDecorated {
    background-color: rgb(255, 30, 255);
}

Peter Milchev
Telerik team
 answered on 24 May 2018
1 answer
117 views

Just a heads-up:

 

When creating a new Telerik ASP.Net project, if you choose "Outlook-Inspired" as your template, the following typos appear in two of the control files:

  • In FolderNavigationControl.ascx, the first line reads:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="FolderNavigationControl.aspx.cs"...

 

As it is a control and not an aspx page, it should reference the CodeBehind as follows:

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="FolderNavigationControl.ascx.cs...

 

  • Similarly, in MobileNavigation.ascx, the first line reads:
<%@ Control Language="C#" AutoEventWireup="true"  CodeBehind="MobileNavigation.aspx.cs"...

 

when it should read:

<%@ Control Language="C#" AutoEventWireup="true"  CodeBehind="MobileNavigation.ascx.cs"...

Otherwise, very nice template!

Vessy
Telerik team
 answered on 24 May 2018
1 answer
154 views

Folks

 

In the code behind in c# I am attempting to make the main menu vertical(up and down) and the child menuitems  for each item in the main menu to run horizontal (left to right)

What I have tried:

the control is defined as

telerik:RadMenu ID="MainMenu" runat="server" >
</telerik:RadMenu>

in the code behind for each parent I am setting

parentItem.GroupSettings.Flow = ItemFlow.Vertical;

and for each child I am setting

childItem.GroupSettings.Flow = ItemFlow.Horizontal;

This gives me just the opposite of what I want. the parents run lengthwise an the children all  run top to bottom.

If I reverse the GroupSettings.Flow  setting for the parent and child then  both the main menu and the submenu both run lengthwise.

Peter Milchev
Telerik team
 answered on 24 May 2018
0 answers
185 views
Issue 1
Hi, I added "RenderMode" as "Auto" in my telerik grid.  
When I changed to "Responsive Mode" in Firefox browser, the grid move to the bottom of the page. Can anyone tell me how to fix it?

Issue 2
The grid filtering function of mobile mode didn't perform correctly.After writing the name want to filter, there was no button to filter that name.
Nelson
Top achievements
Rank 1
 asked on 24 May 2018
4 answers
422 views
Happy new year to all.


I am using RadGrid control on a web page which used to work fine. I have recently updated to the latest version and now gets scripting error when changing filter text. Records are filtered for the first time but if a new text is entered in the filter column and enter key is pressed to re-filter records then following error message is displayed
Unhandled exception at line 33, column 1 in script block
 
0x800a138f - Microsoft JScript runtime error: Unable to get value of the property '_filterNoDelay': object is null or undefined
 
The error is in the onchange function
 
function onchange(event)
{
$find("ctl00_ContentPlaceHolder1_jobauthorisationawaiting_userControl_RadGrid1_ctl00")._filterNoDelay("ctl00_ContentPlaceHolder1_jobauthorisationawaiting_userControl_RadGrid1_ctl00_ctl02_ctl01_FilterTextBox_DepotDescription","DepotDescription")
}

Grid is defined as below
 
telerik:RadGrid ID="RadGrid1" OnNeedDataSource="RadGrid1_NeedDataSource" Skin="Office2010Blue"
AutoGenerateColumns="False" AllowSorting="True" PageSize="18" Height="430" Width="100%" EnableLinqExpressions="false"
AllowPaging="False" AllowMultiRowSelection="False" runat="server" Gridlines="None" ShowFooter="true" AllowFilteringByColumn="true" 
OnItemCreated="RadGrid1_ItemCreated">
    <GroupingSettings CaseSensitive="false"></GroupingSettings>
 
 <MasterTableView Name="JobsAwaitingAuthorisation" AllowMultiColumnSorting="false" Width="100%" Summary="Jobs awaiting authorisation" DataKeyNames="ItemID,PurOrderRef,OrderNo" ClientDataKeyNames="ItemID">
     <Columns>
        <telerik:GridBoundColumn HeaderStyle-Width="90" UniqueName="BookedDate" SortExpression="BookedDate" DataField="BookedDate"
            HeaderText="Job Date" DataFormatString="{0:dd/MM/yyyy}" FilterControlWidth="52" FooterText="Job Count:" FooterStyle-HorizontalAlign="Right" AutoPostBackOnFilter="false">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn AutoPostBackOnFilter="true" HeaderStyle-Width="88" UniqueName="RegNo" SortExpression="RegNo" HeaderText="Reg Num" DataField="RegNo" DataType="System.String"
             FooterText=" " Aggregate="Count" FilterControlWidth="50" FooterStyle-HorizontalAlign="Left" ShowFilterIcon="false">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn HeaderStyle-Width="86" FilterControlWidth="60" UniqueName="DepotDescription" SortExpression="DepotDescription" HeaderText="Depot" DataField="DepotDescription"
             AutoPostBackOnFilter="true" ShowFilterIcon="false" CurrentFilterFunction="Contains">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn AutoPostBackOnFilter="true" HeaderStyle-Width="208" UniqueName="Description" SortExpression="Description" HeaderText="Job Details"
            DataField="Description" FooterText="Total:"   FilterControlWidth="175" FooterStyle-HorizontalAlign="Right">
        </telerik:GridBoundColumn>
        <telerik:GridNumericColumn  AutoPostBackOnFilter="true" HeaderStyle-Width="65" UniqueName="Parts" SortExpression="Parts"  DataField="Parts"
            HeaderText="Parts" DataFormatString="{0:C}"  FilterControlWidth="30"
            ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" Aggregate="Sum" FooterStyle-HorizontalAlign="Right">
        </telerik:GridNumericColumn>
        <telerik:GridNumericColumn  AutoPostBackOnFilter="true" HeaderStyle-Width="65" UniqueName="Labour" SortExpression="Labour"  DataField="Labour"
            HeaderText="Labour" DataFormatString="{0:C}"  FilterControlWidth="30"
            ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" Aggregate="Sum" FooterStyle-HorizontalAlign="Right">
        </telerik:GridNumericColumn>
        <telerik:GridNumericColumn  AutoPostBackOnFilter="true" HeaderStyle-Width="80" UniqueName="RCSubTotal" SortExpression="RCSubTotal"  DataField="RCSubTotal"
            HeaderText="Total" DataFormatString="{0:C}"  FilterControlWidth="46"
            ItemStyle-HorizontalAlign="Right" HeaderStyle-HorizontalAlign="Right" Aggregate="Sum" FooterStyle-HorizontalAlign="Right">
        </telerik:GridNumericColumn>
        <telerik:GridTemplateColumn AutoPostBackOnFilter="true" HeaderStyle-Width="92" UniqueName="OrderNo" SortExpression="OrderNo" FilterControlWidth="55" HeaderText="Order No" DataField="OrderNo" FooterStyle-Width="110">
            <ItemTemplate>
                <%# Eval("OrderNo")%>
            </ItemTemplate>
            <FooterTemplate>
                <telerik:RadButton ID="btnApproveSelected" runat="server" Type="Button"
                    Text="Approve" Tooltip="Approve Selected Jobs" Width="50" OnClientClicked="ApproveSelectedJobs" autopostback="false">
                </telerik:RadButton>
                <img style="float:right;cursor:pointer" src="style/images/print.png" border="0" title="Print Jobs Authorised Today" onclick="PrintRadGrid();return false;" />
            </FooterTemplate>
        </telerik:GridTemplateColumn>
        <telerik:GridClientSelectColumn HeaderStyle-Width="25"  HeaderStyle-CssClass="rgRowSelected" HeaderTooltip="Select a row by clicking the tick box" HeaderText="Sel" UniqueName="ClientSelectColumn" />
        <telerik:GridTemplateColumn UniqueName="TemplateEditColumn" HeaderStyle-Width="20" AllowFiltering="false">
            <ItemTemplate>
                <asp:Image ID="ApproveImage" runat="server" Width="16" Height="16" ImageUrl="Update.gif" ToolTip="Approve Job" style="cursor:pointer;vertical-align:top" />
                <asp:Image ID="QueryImage" runat="server" Width="16" Height="16" ImageUrl="Cancel.gif" ToolTip="Query Job" style="cursor:pointer" />
            </ItemTemplate>
        </telerik:GridTemplateColumn>
        <telerik:GridBoundColumn UniqueName="ItemID" SortExpression="ItemID" HeaderText="ItemID" DataField="ItemID" Display="false" ReadOnly="True">
        </telerik:GridBoundColumn>
        <telerik:GridBoundColumn UniqueName="PurOrderRef" SortExpression="PurOrderRef" HeaderText="PurOrderRef" DataField="PurOrderRef" Display="false" ReadOnly="True">
        </telerik:GridBoundColumn>
    </Columns>
 </MasterTableView>
 <ClientSettings EnableRowHoverStyle="true">
    <ClientEvents OnGridCreated="GridCreated" OnFilterMenuShowing="filterMenuShowing" />
    <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True">
    </Scrolling>
    <Selecting AllowRowSelect="True" />
</ClientSettings>
<FilterMenu OnClientShown="MenuShowing" />
<PagerStyle Mode="NextPrevAndNumeric" />
</telerik:RadGrid>
Zeev
Top achievements
Rank 1
 answered on 23 May 2018
4 answers
171 views
I have a RadGrid and a RadPanelBar in my content page.i'm using RadAjaxLoadingPanel for the grid.inside RadPanelBar i have two dropdowns based on the selection made by the dropdowns i have loaded the radGrid.i have a checkBox column in the radGrid.what i need is in need to preserve the checkBox state on the dropdown selection change which cause a postback currently.following are some important parts of my code and please help me with the issue.

<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
    <AjaxSettings>
        
            <telerik:AjaxSetting AjaxControlID="Panel1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="Panel1" LoadingPanelID="RadAjaxLoadingPanel1" />
                 </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadPanelBar">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="ddlDAreaFacility" />
                <telerik:AjaxUpdatedControl ControlID="ddlDCus" />
            </UpdatedControls>
        </telerik:AjaxSetting>        
      </AjaxSettings>
</telerik:RadAjaxManagerProxy>




   <telerik:RadPanelBar ID="pnlSearchL2" runat="server" Width="98%" 
            Font-Name="Eras Medium ITC" Font-Size="Small" Skin="Office2007" 
            Font-Names="Eras Medium ITC">
            <Items>
               <telerik:RadPanelItem Text="Search Level 2" runat="server" 
                    Font-Names="Eras Medium ITC">
           <ContentTemplate>
        
             <div id="divDesignSearchL2" runat="server">
        
   <table width="100%">
            <tr>
                <td>
                    <asp:Label ID="lblDAreaFacility" runat="server" BackColor="White" 
                        Text="ABS(Area/Facility)" Font-Name="Eras Medium ITC" Font-Size="X-Small" 
                        Font-Names="Eras Medium ITC"/>
               </td>
                <td style="font-family: 'Eras Medium ITC'; font-size: x-small">
                   <telerik:RadComboBox ID="ddlDAreaFacility" runat="server" 
                         Skin="Office2007" 
                        onselectedindexchanged="ddlDAreaFacility_SelectedIndexChanged" 
                        Font-Name="Eras Medium ITC" Font-Size="X-Small" AutoPostBack="true">
               </telerik:RadComboBox>
                    
                </td>
                <td class="tdWidth">
                     <asp:Label ID="lblDCus" runat="server" BackColor="White" Text="Custom Field" 
                         Font-Names="Eras Medium ITC" Font-Size="X-Small"/>
                    </td>
                <td>
                   <telerik:RadComboBox ID="ddlDCus" runat="server" Skin="Office2007" 
                        Font-Name="Eras Medium ITC" Font-Size="X-Small" 
                         AutoPostBack="true">
                        
               </telerik:RadComboBox>
</telerik:RadPanelBar>




<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" 
        <fieldset class="module1">
        <asp:Panel ID="Panel1" runat="server" HorizontalAlign="Center" >
      
        <telerik:RadGrid ID="gridSearchL3" runat="server" AllowPagg="True" AutoGenerateColumns="true"  
             GridLines="None" Skin="Office2007" Height="415px" 
             OnExcelMLExportRowCreated="gridSearchL3_ExcelMLExportRowCreated" OnExcelMLExportStylesCreated="gridSearchL3_ExcelMLExportStylesCreated"
            OnGridExporting="gridSearchL3_GridExporting"  oninit="gridSearchL3_Init" OnNeedDataSource="RadGrid1_NeedDataSource"
            Font-Names="Eras Medium ITC" Font-Size="Small" PageSize="50" 
             AllowFilteringByColumn="True" onitemcreated="gridSearchL3_ItemCreated" 
            
             onselectedindexchanged="gridSearchL3_SelectedIndexChanged" 
             AllowSorting="True" ShowStatusBar="True" AllowPaging="True">
               <FilterItemStyle Font-Names="Eras Medium ITC" Font-Size="XX-Small" />
               <GroupingSettings CaseSensitive="False" />
            <ExportSettings Excel-Format="ExcelML" ExportOnlyData="True" 
                FileName="PinC Group" IgnorePaging="True" OpenInNewWindow="True">
                <Excel Format="ExcelML" />
            </ExportSettings>
            <ClientSettings>
                <ClientEvents OnRowClick="onRowClick" OnRowSelected="RowSelected" />
                <Selecting AllowRowSelect="True" />
                <Scrolling AllowScroll="True" UseStaticHeaders="True" />
            </ClientSettings>
            <AlternatingItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
            <GroupHeaderItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
            <SortingSettings EnableSkinSortStyles="false" /> 
            <MasterTableView ClientDataKeyNames="Document #,Revision,hID,ID" Font-Names="Eras Medium ITC" 
                   Font-Size="X-Small">
           
                <CommandItemSettings ExportToPdfText="Export to Pdf" />


                <Columns>


                    <telerik:GridTemplateColumn AllowFiltering="false" UniqueName="template" >
                        <ItemTemplate>
                            <asp:CheckBox ID="CheckBox1" runat="server" OnCheckedChanged="ToggleRowSelection" AutoPostBack="true"/>
                        </ItemTemplate>
                        <HeaderTemplate>
                            <asp:CheckBox ID="CheckBoxHeader" OnCheckedChanged="Header_checkedChange" runat="server" AutoPostBack="true"/>
                        </HeaderTemplate>
                    </telerik:GridTemplateColumn>
                
                    <telerik:GridButtonColumn  Text="View" CommandName="Select" UniqueName="LinkColumn"></telerik:GridButtonColumn>
                   
                </Columns>
                <ItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
                <PagerStyle Mode="NextPrevNumericAndAdvanced" />
                <FilterItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
            </MasterTableView>
            <EditItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
            <FooterStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
            <HeaderStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
            <FilterItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
               <CommandItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
               <ActiveItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
               <ItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
               <PagerStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" 
                   HorizontalAlign="Left" Mode="NextPrevNumericAndAdvanced" />
               <SelectedItemStyle Font-Names="Eras Medium ITC" Font-Size="X-Small" />
               <FilterMenu Font-Names="Eras Medium ITC" Font-Size="X-Small" 
                Skin="Office2007" EnableRoundedCorners="True">
               </FilterMenu>
               <HeaderContextMenu Font-Names="Eras Medium ITC" Font-Size="X-Small" 
                   Skin="Simple">
               </HeaderContextMenu>
               </telerik:RadGrid>
        
        </asp:Panel>
    </fieldset>

         

franklin arturo
Top achievements
Rank 1
 answered on 23 May 2018
5 answers
234 views
I'm working with the pivot grid trying to have it show sub-groups that do not have a certain status as well as only showing two particular values "Pending" & "Granted"

Dataset:
DataTable table = new DataTable();
table.Columns.Add("Product And Business Group");
table.Columns.Add("Platform Or SubGroup");
table.Columns.Add("Status");
 
table.Rows.Add("Core", "Core Sub Group", "Granted");
table.Rows.Add("Core", "Core Sub Group", "Pending");
table.Rows.Add("Core", "Sub Group should be shown in Core", "Some Other Value");
 
table.Rows.Add("Non-Core", "Non-Core Sub Group", "Granted");
table.Rows.Add("Non-Core", "Non-Core Sub Group", "Pending");
table.Rows.Add("Non-Core", "Sub Group should be shown in Non-Core", "zAnother value");

Grid:
<telerik:RadPivotGrid ID="RadPivotGrid1" 
                    PageSize="20" runat="server"
                    AllowFiltering="true" TotalsSettings-GrandTotalsVisibility="None" RowHeaderZoneText="Business Group" DataSourceID="ObjectDataSource1" Skin="Windows7" EmptyValue="0">
                    <TotalsSettings GrandTotalsVisibility="RowsOnly" ColumnsSubTotalsPosition="Last" RowsSubTotalsPosition="Last" />
                    <ConfigurationPanelSettings/>
                    <RowHeaderCellStyle Width="200px" />
                    <Fields>
                        <telerik:PivotGridRowField Caption="Product And Business Group" DataField="Product And Business Group" >
                        </telerik:PivotGridRowField>
                        <telerik:PivotGridRowField Caption="Platform or sub-group" DataField="Platform Or SubGroup" ShowGroupsWhenNoData="false">
                        </telerik:PivotGridRowField>
                        <telerik:PivotGridColumnField Caption="Status" DataField="Status" UniqueName="Status">
                        </telerik:PivotGridColumnField>
                        <telerik:PivotGridAggregateField Aggregate="Count" DataField="Status" DataFormatString="{0:D0}" UniqueName="StatusCount" >
                            <TotalFormat Axis="Rows" Level="0" SortOrder="Ascending" TotalFunction="NoCalculation" />
                        </telerik:PivotGridAggregateField>
                    </Fields>
                    <ClientSettings>
                        <Scrolling AllowVerticalScroll="false" ScrollHeight="600px" />
                    </ClientSettings>
 
                </telerik:RadPivotGrid>

Filter:
RadPivotGrid1.SetFilterIncludes("Status", new string[] { "Pending", "Granted" }, true);

I've tried playing around with the ShowGroupsWhenNoData property but that adds the sub groups to all of the groups, which I do not want (Pivot_Filtered_ShowGroupsWhenNoData.PNG)


Expected outcome: Pivot_Filtered_Expected.PNG (Attached)
Actual outcome: Pivot_Filtered.PNG (Attached)

To summarize
I'm trying to achieve the view in Pivot_Filtered_Expected.PNG which is only showing the "Pending" and "Granted" columns. I also want to display sub-groups that do not have one of those status (so their values would be 0 and 0 respectively).

The problems I'm having now is it either shows the values that I do not want (if I don't have a filter) or it includes the sub-groups in the wrong business group (ShowGroupsWhenNoData).

Any advice on accomplishing the view I'm looking for?
Marin Bratanov
Telerik team
 answered on 23 May 2018
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?