Questions on UI for ASP.NET AJAX Forum

14 answers

224 views

Multiple Filters in RadGrid Within User Control Does Not Work

Hello Telerik,

I have an .ASPX page with a RadGrid that has AllowFilteringByColumn="true". When I filter on multiple columns, I get the expected resulting records.

My problem is when I put the same RadGrid in a user control and embed this user control in another .ASPX page.

When I filter on one column, it works fine. But when I filter on another column, it always overrides the previous filter. Filtering on multiple columns does not work. I've used Session variables to store the FilterExpression and tried applying it at various points but have not been successful.

I've exhausted so many hours trying to make this work, but to no avail.

Would you please create a working sample project (VB preferred) that shows this is at all possible?

Many thanks as always.

Virgil

Grid

answered on 16 Jan 2017

1 answer

229 views

scroll to row

I am trying to figure out a way to scroll to a row when the user loads the page. When the user clicks an item in the grid, they are taken to an edit page. Upon coming back to the listing, I want to scroll the grid to the row containing the record they just edited.

Grid

answered on 16 Jan 2017

14 answers

374 views

Radrotator images not displaying at times

I am using various Rad ajax controls on a photo theme page. I have 2 rotators in different tabs of a tabstrip each loading the same images from a DB but displaying them differently. Initially when the images are loaded, they are ok, but after selecting a different set of images using a RadListBox in the second tab, sometimes the images in the rotator in the first tab disappear even though they are showing in the html. I made sure the images in each of the rotators are the same size and the height and width attributes are set correctly. I am attaching some code snippets. I would appreciate any help you could give on this.

Thanks,

Rick Freiberg
Concinnity Marketing

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" DefaultLoadingPanelID="LoadingPanel1">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="thumbRotator">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="imagePreview" LoadingPanelID="LoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadListView1"

LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="thumbRotator1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="imagePreview" LoadingPanelID="LoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="RadListView1"

LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="RadListBox1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="thumbRotator"

LoadingPanelID="LoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="SqlDataSource2"

LoadingPanelID="LoadingPanel1" />

<telerik:AjaxUpdatedControl ControlID="thumbRotator1"

LoadingPanelID="LoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="LoadingPanel1" runat="server" Transparency="30"

EnableSkinTransparency="true" BackColor="#E0E0E0">

</telerik:RadAjaxLoadingPanel>

<telerik:RadTabStrip ID="RadTabStrip1" runat="server" SelectedIndex="0"

MultiPageID="RadMultiPage1" CssClass="tabstyle" SelectedCssClass="SelectedTab"

Align="Right" ForeColor="White" Skin="Sitefinity">

<Tabs>

<telerik:RadTab Text="CURRENT THEME" >

</telerik:RadTab>

<telerik:RadTab Text="GALLERY" >

</telerik:RadTab>

<telerik:RadTab Text="UPLOAD PHOTOS">

</telerik:RadTab>

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0">

<telerik:RadPageView ID="RadPageView1" runat="server" CssClass="photowrap_cm">

<div id="picsarchivevertical_cm">

<table width="88" >

<tr>

<td >

<img src="Images/arrow_up2.png" id="img_up" height="20" width="40" alt="" style="cursor: pointer" />

</td>

</tr>

<tr>

<td>

<telerik:RadRotator ID="thumbRotator" runat="server" RotatorType="Buttons" Width="72px"

Height="240px" ItemHeight="60px" ItemWidth="73px" FrameDuration="1" ScrollDirection="Up,Down"

OnItemClick="ShowImage" BorderStyle="None">

<ItemTemplate>

<div>

<img src='<%# DataBinder.Eval(Container.DataItem, "Image") %>' alt='gallery image'

class="RotatorImage" /><br />

</div>

</ItemTemplate>

<ControlButtons UpButtonID="img_up" DownButtonID="img_down" />

</telerik:RadRotator>

<asp:SqlDataSource ID="SqlDataSource2" runat="server" ConnectionString="<%$ ConnectionStrings:CMCONSUMER_IMPERIAL_WEB_QAConnectionString2 %>"

SelectCommand="SELECT a.THUMBPATHFILENAME as [NAME] FROM ASSET a INNER JOIN PHOTO_OF_THE_DAY AS p ON p.ASSET_ID = a.ASSET_ID where Photo_Category = @ThemeID">

<SelectParameters>

<asp:ControlParameter ControlID="RadListBox1" DefaultValue="2" Name="ThemeID"

PropertyName="SelectedValue" />

</SelectParameters>

</asp:SqlDataSource>

</td>

</tr>

<tr>

<td>

<img src="Images/arrow_down2.png" id="img_down" height="20" width="40" alt="" style="cursor: pointer" />

</td>

</tr>

</table>

</div>

<div id="picsinglephoto_cm">

<asp:Image ID="imagePreview" runat="server" ImageUrl="Images/spacer.gif" Height="226px"

Width="328px" AlternateText="preview" BorderWidth="0"></asp:Image><div id="picsauthor_cm">

<asp:Label ID="lblUserName" runat="server" Text="Name"></asp:Label>

<br />

<asp:Label ID="lblPhotoDate" runat="server" Text="Date"></asp:Label></div>

<div id="picslikeit_cm">

<asp:Label ID="lblLikes" runat="server" Text="Likes"></asp:Label> <asp:LinkButton

ID="ImagelikeButton" runat="server" Text="Like" Style="text-decoration: none" />

<br />

</div>

<div id="form_photoOfTheDayComment" class="tm10 clear">

</div>

<div id="picscomments_cm">

<asp:Image ID="comment_headshot" runat="server" Height="50" Width="50" CssClass="floatLeft rm10" />

<asp:TextBox ID="txtComment" runat="server"

CssClass="form_comments fnt11 italic white" Text="Leave a comment..."

TextMode="MultiLine"></asp:TextBox>

<br /><p class="white fnt10 podCommentCopy">

By submitting this post, you grant USA Gold the permission to publish the comment

on joinusagold.com</p>

<asp:LinkButton ID="lnkCommentSubmit" runat="server" CssClass="fnt10 white strong rightArrow podCommentSubmit"

CommandName="ContentId" OnCommand="lnkCommentSubmit_OnCommand">SUBMIT</asp:LinkButton>

<telerik:RadListView ID="RadListView1" runat="server" DataSourceID="SqlDataSource1"

AllowPaging="True" DataKeyNames="COMMENT_ID"

ItemPlaceholderID="CommentContainer" Height="170" Skin="Sunset"

onitemcommand="RadListView1_ItemCommand">

<ItemTemplate>

<fieldset style="float: left; width: 280px;" >

<legend><%# Eval("NAME") %></legend>

<div>

<div style="text-align: center; float: left">

<telerik:RadBinaryImage ID="RadBinaryImage2" runat="server" AlternateText="Avatar"

ToolTip="Avatar" Width="50px" Height="50px" ResizeMode="Fit" ImageUrl='<%# Eval("AVATARPATH") %>' /></div>

<div>

<%# Eval("DATE") %>

</div>

<div>

<%# Eval("COMMENT") %>

</div>

<div>

<%# GetLikeText(Eval("LIKES").ToString()) %> it.

<asp:LinkButton ID="likeButton" runat="server" Text="Like" CommandName="AddLike"

CommandArgument='<%# Eval("Comment_ID") %>' Style="text-decoration: none" /><br />

</div>

</fieldset>

</ItemTemplate>

<LayoutTemplate>

<fieldset>

<asp:PlaceHolder ID="CommentContainer" runat="server" />

<telerik:RadDataPager ID="RadDataPager1" runat="server" PageSize="2" Skin="Black">

<Fields>

<telerik:RadDataPagerButtonField FieldType="Numeric" />

</Fields>

</telerik:RadDataPager>

</fieldset>

</LayoutTemplate>

</telerik:RadListView>

</div>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="RadPageView2">

<div style="width: 700px">

<div style="float: left" class="picsarchivevertical_cm">

<table width="477" >

<tr>

<td colspan="3" align="center">

<img src="Images/arrow_up2.png" id="img_up2" height="20" width="40" alt="" style="cursor: pointer" />

</td>

</tr>

<tr>

<td>

<telerik:RadRotator ID="thumbRotator1" runat="server" RotatorType="Buttons" Width="480px"

Height="214px" ItemHeight="107px" ItemWidth="160px" FrameDuration="1" ScrollDirection="Up,Down"

OnItemClick="ShowImage" BorderStyle="None" >

<ItemTemplate>

<div>

<img src='<%# DataBinder.Eval(Container.DataItem, "Image") %>' alt='gallery image'

class="BigRotatorImage" />

</div>

</ItemTemplate>

<ControlButtons UpButtonID="img_up2" DownButtonID="img_down2" />

</telerik:RadRotator>

</td>

</tr>

<tr>

<td colspan="3" align="center">

<img src="Images/arrow_down2.png" id="img_down2" height="20" width="40" alt="" style="cursor: pointer" />

</td>

</tr>

</table>

</div>

<div style="float: right">

<telerik:RadListBox ID="RadListBox1" runat="server" DataValueField="ID"

DataTextField="Theme" AutoPostBack="true" Height="233" Skin="Black" Width="210"

onselectedindexchanged="RadListBox1_SelectedIndexChanged1">

</telerik:RadListBox>

</div>

</telerik:RadPageView>

<telerik:RadPageView runat="server" ID="RadPageView3">

<div id="picsuploadphoto_cm">

<p>

<input type="file" class="picsbrowseBtn" name="datafile" size="40" />

</p>

<div>

<input type="button" class="picsbubmitBtn" value="" />

</div>

</telerik:RadPageView>

</telerik:RadMultiPage>

Rotator

answered on 16 Jan 2017

1 answer

95 views

Problem filtering on desing

I have a very annoying problem. When I apply a filter on design this filter does not work propertly:

<telerik:PivotGridReportFilterField DataField="PolReemNumID" Caption="Nº Interno (Reemp. por)" FilterType="DoesNotInclude" FilterValues="0"></telerik:PivotGridReportFilterField>

In running the app the filter is applied and filtering but when I open the filter window and I change this filter it does not change the results.

I have seen that when I change the filter options running the app the filter collection (RadPivotGrid1.Filters) still has the previous filter.

For example:

I set the filter to DoesNotInclude and filter value 0 then running the app I set the filter to Include and filter value 0, the rows doesn't change and the filter collection shows as you can see in the QuickWatch result attached file the previous filter is not deleted so the new filter does not work.

Is there any way to solve this? Is there a method fired when the filter change to delete the previous filter?

PivotGrid

answered on 16 Jan 2017

3 answers

337 views

Highlight the selected item of a RadMenu in MasterPage

Probably, it is a easy question:

I have a RadMenu in the MasterPage. When clicking any item, the content page move to the specified url.

How can I highlight the selected item in the Radmenu (say, "Contact Us") after the content page is loaded?

Menu

answered on 16 Jan 2017

10 answers

268 views

[Theme Builder Custom Skin] CSS not showing

Hi Everyone!

I'm new to Telerik Styling and I had and old web skin style (Forest Skin).

I'm trying to "Upgrade" the style to a new custom skin that is still available (Ex. Boostrap) and customize it with colours I need.

The problem relays on that when I finish my DLL of my custom Skin with Boostrap base and load it on my website, when I ran te program the controlers (Ex. Button) doesn't show it's css (It appears all transparent) when I use the Inspect Element of Chrome it looks like it's getting it's css from a WebResources that brings class "RgDecorated". But in my DLL "RgDecorated" does not exist.

I think this is that is getting css from a Telerik Default, buy I can't find it.

As an example of what I'm seeing I leave you two references pictures. One with old Forest.Skin.dll and one with new Forest.Skin.dll

General Discussions

answered on 16 Jan 2017

1 answer

214 views

Could not disable the edit commands on RadGrid toolbar

I'm trying to disable or hide the toolbar buttons of a RadGrid on PageLoad, using the following code as suggested in one of the answers from http://www.telerik.com/forums/enable-disable-add-edit-button-in-rad-grid

radGrid.MasterTableView.CommandItemSettings.ShowAddNewRecordButton = false;

However, the buttons keep visible and working after this. Why? And how can I fix this?

General Discussions

answered on 16 Jan 2017

5 answers

249 views

RadGrid: Can the PDF be exported to a new window from within an iframe?

I have a page loaded in an iframe with a RadGrid. The export feature does not work unless I set ExportSettings-OpenInNewWindow to false. The problem is exporting to PDF fills the entire frame instead of opening up as a PDF file like setting ExportSettings-OpenInNewWindow to true. Can the PDF be exported to a new window from within an iframe?

Thanks.

Grid

answered on 16 Jan 2017

1 answer

109 views

Heirarchical RadGrid Columns Issue

I have a Heirarchical RadGrid on my page where MasterTable columns are different from DetailTable.

MasterTable Columns:

<telerik:GridEditCommandColumn EditImageUrl="~/Content/Telerik/Grid/Edit.gif" ButtonType="ImageButton" UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn>
<telerik:GridBoundColumn UniqueName="PEER_SK" HeaderText="Peer ID" DataField="PEER_SK"></telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="PEER_NAME" HeaderText="Peer Type Name" DataField="PEER_NAME"></telerik:GridBoundColumn>

Detail Table Columns:

<telerik:GridBoundColumn UniqueName="PEER_SK" HeaderText="Peer ID" DataField="PEER_SK" Visible="false" ReadOnly="true"></telerik:GridBoundColumn>
<telerik:GridBoundColumn UniqueName="GRP_ID" HeaderText="Grp ID" DataField="GRP_ID" Visible="false" ReadOnly="true"></telerik:GridBoundColumn>

The grid displays fine. But When I try to expand MasterTable row, I get an error saying Cannot find a cell bound to column name 'EditCommandColumn'

Grid

answered on 16 Jan 2017

2 answers

213 views

RadNotification on Interval Interrupts Page

I have set up a fairly complex notification system that is working pretty well... except for one small problem, whenever the update interval fires(with or without a notification to display) it interrupts the user. For example if you are typing into a text box and the update fires as you are typing, the typing either stops and then catches up in dumber controls, or is lost all together in controls like the RadEditor. In other words it is not firing asynchronously, it seems to freeze the browser as it calls the NotificationUpdate (server side) method. I have ajax timers in other places that don't seem to have this behavior and thought this should behave the same way.

The Notification is in the Master page (see control below), I have tried registering it in various ways with the Script/Ajax manager however it does not seem to make a difference... but I feel like maybe I am missing something there? What is the correct way to set this up so that it does not interrupt page load?

I think I amdoing the same thing as the demo here: http://demos.telerik.com/aspnet-ajax/notification/examples/updateinterval/defaultcs.aspx

except I can't really tell if it has the same behavior as there is nothing to type into there, and I am also doing more on the server side that would be taking longer.

<telerik:RadNotification ID="rnNotice" ShowCloseButton="false" runat="server" Skin="Black" LoadContentOn="TimeInterval" EnableRoundedCorners="true" EnableShadow="true" OnCallbackUpdate="NotificationUpdate" UpdateInterval="3500" Title="Notification" onclientupdated="OnClientUpdated" Font-Strikeout="False" Opacity="95" AutoCloseDelay="0" TitleIcon="App_Themes/Blue/Images/bell.png">

<ContentTemplate >

<div class="NoticeBody"><asp:Literal ID="lMessage" runat="server"></asp:Literal></div>

<telerik:RadButton ID="rbDismiss" runat="server" Text="Dismiss" OnClick="rbDismiss_Click" SingleClick="true" SingleClickText="Dismissing Notice(s)...">

<Icon PrimaryIconCssClass="rbRemove" />

</telerik:RadButton>

</ContentTemplate>

</telerik:RadNotification>

Notification

answered on 16 Jan 2017