Questions on UI for ASP.NET AJAX Forum

5 answers

171 views

Reapply Filter After Removing an Expression?

All,

I am using a RadFilter to do complex filtering on my RadGrid. So far this is working very well. What I can't seem to figure out is how to reapply the filter after removing an expression. Every time I remove an expression, I still get the filtered grid that included the removed expression.

I am using AllowFilterOnBlur="true" in order to reduce the amount of buttons on the page...

Any suggestions are greatly appreciated.

Thanks,
B

Filter

answered on 18 Jul 2011

1 answer

94 views

WebBlue skin different between controls

Hi,
I am using the Q1 2011 Sp2 version of your excellent controls and I have decided to use the WebBlue skin for a particular sub site.

I have noticed that the Web Blue skin for Rad Scheduler is considerably darker than the same skin used on RadMenu and RadPanelBar. Please see the attached image.

Please can you confirm the reasons for this and let me know if there is a workround to make all fo the controls look the same.

Thanks

Chris

General Discussions

answered on 18 Jul 2011

2 answers

87 views

Rebind updates dataset but grid not redrawn

I've got this structure
MasterPage -With a "Search button"
Normal page with a Grid and some combos to filter.
When I change the combos and press the "Search button" fires an event that goes to a Grid.rebind(), that event goes through NeedDataSource and changes the dataset and rebind the datasource, as far as I checked the dataset is OK with the correct values filtered by the combos, but the grid is not redrawn, then it isn't showing the correct data.

I've got in the managerproxy grid is refreshing grid.

How can I adress this issue?

Thanks in advance

Grid

answered on 18 Jul 2011

1 answer

64 views

error in control rendering

I am using 519 licensed version im getting following error please check the image

General Discussions

answered on 18 Jul 2011

12 answers

842 views

Page_Load called twice in Chome

Hi

I am not sure if this issue has been reported yet. I tried searching for it but dint find any. I am creating a simple RibbonBar in the aspx page.

Issue 1: It works fine in IE and FF but in Chrome the Page_Load is called twice.
Issue 2: It calls Page_Load when I click on any tab. This doesn't happen in other browsers.
If there are any data pulls, that will happen twice.

Aspx:
<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Layout_GraySkin.aspx.vb"
   Inherits="Webforms_Test_Layout_GraySkin" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
   <link href="StyleSheet.css" rel="Stylesheet" type="text/css" />
   <link id="Link1" href="~/RadCustom/GraySkin/RibbonBar.GraySkin.css" rel="stylesheet"
       type="text/css" runat="server" />
   <link id="Link2" href="~/RadCustom/GraySkin/TabStrip.GraySkin.css" rel="stylesheet"
       type="text/css" runat="server" />
   <link id="Link3" href="~/RadCustom/GraySkin/Grid.GraySkin.css" rel="stylesheet" type="text/css"
       runat="server" />
   <link id="Link4" href="~/RadCustom/GraySkin/Menu.GraySkin.css" rel="stylesheet" type="text/css"
       runat="server" />
   <title>Layout Demo</title>
</head>
<body>
   <form id="form1" runat="server">
   <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" runat="server" CdnSettings-TelerikCdn="Disabled">
   </telerik:RadStyleSheetManager>
   <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
       <CdnSettings TelerikCdn="Disabled" />
   </telerik:RadScriptManager>
   <telerik:RadFormDecorator ID="FormDecorator1" runat="server" DecoratedControls="all">
   </telerik:RadFormDecorator>
   <div style="margin: 0 auto; width: 1000px;">
       <div style="background-position: right; background-repeat: repeat-y; background-image: url('../../Images/HP_TOPRIGHTCORNER.png');
           height: 13px;">
       </div>
       <div id="Content" style="min-height: 600px; background-position: right; background-image: url('../../Images/HP_RIGHT.png');
           background-repeat: repeat-y; border-left: 1px solid #666666; background-color: #FFFFFF">
           <div style="position: relative;">

           </div>
           <div style="width: 992px;">
               <telerik:RadRibbonBar ID="RRB" runat="server" Skin="GraySkin" EnableEmbeddedSkins="False"
                   Height="110px">
                   <telerik:RibbonBarTab Text="Home">
                       <telerik:RibbonBarGroup Text="Clipboard" EnableLauncher="true">
                           <Items>
                               <telerik:RibbonBarMenu Size="Large" Text="Paste" ImageUrl="../../Images/16x16/add.png">
                                   <Items>
                                       <telerik:RibbonBarMenuItem Text="Paste" ImageUrl="../../Images/16x16/add.png" />
                                       <telerik:RibbonBarMenuItem Text="Paste Special..." ImageUrl="../../Images/16x16/add.png" />
                                   </Items>
                               </telerik:RibbonBarMenu>
                               <telerik:RibbonBarButton Size="Medium" Text="Cut" ImageUrl="../../Images/16x16/add.png" />
                               <telerik:RibbonBarButton Size="Medium" Text="Copy" ImageUrl="../../Images/16x16/add.png" />
                               <telerik:RibbonBarButton Size="Medium" Text="Format" ImageUrl="../../Images/16x16/add.png" />
                           </Items>
                       </telerik:RibbonBarGroup>
                   </telerik:RibbonBarTab>
                   <telerik:RibbonBarTab Text="Insert">
                       <telerik:RibbonBarGroup Text="Links">
                           <Items>
                               <telerik:RibbonBarButton Size="Medium" Text="Hyperlink" ImageUrl="../../Images/16x16/add.png" />
                               <telerik:RibbonBarButton Size="Medium" Text="Bookmark" ImageUrl="../../Images/16x16/add.png" />
                               <telerik:RibbonBarButton Size="Medium" Text="Cross-reference" ImageUrl="../../Images/16x16/add.png" />
                           </Items>
                       </telerik:RibbonBarGroup>
                   </telerik:RibbonBarTab>
               </telerik:RadRibbonBar>
           </div>

       </div>
   </div>
   </form>
</body>
</html>

VB:

Partial Class Webforms_Test_Layout_GraySkin
    Inherits System.Web.UI.Page

    Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

    End Sub
End Class

Any help will be greatly appreciated!

Thanks
Ankit

TabStrip

answered on 18 Jul 2011

7 answers

480 views

RadWindow AutoSize adding vertical space

I am using a modal window with the AutoSize property set to "true" and it appears to be adding significant space at the bottom of the page. How do I get the window to set its size according to the content?

I have attached a screen capture of the displayed window and the .aspx code to the entire page is below...

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="ListingVideos.aspx.vb" Inherits="ListingVideos" %>

<%@ Register Assembly="ASPNetFlashVideo.NET3" Namespace="ASPNetFlashVideo" TagPrefix="ASPNetFlashVideo" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css">

body {

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

line-height: 25px;

margin-top: 0px;

margin-left: 0px;

}

.clear { clear:both;}

html, body

{

}

p

{

padding-top:16px;

}

a {

color: #202020;

outline: none;

}

a:hover

{

text-decoration: underline;

color: blue;

}

a:visited

{

text-decoration: underline;

color: Purple;

}

.xlink {

display:inline-block;

border-radius: 6px;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

position: relative;

padding: 4px 10px 4px 10px;

background:url(images/link-tail.gif) left top repeat-x #232323;

font-size: 12px;

line-height:20px;

color:#fff;

text-decoration:none;

font-weight:bold;

margin:0 5px 0 6px;

}

.xlink:hover

{

background:url(images/link-tail-hover.gif) left top repeat-x #636363;

text-decoration: none;

color:#fff;

}

.smallpage

{

line-height: 16px;

margin: 15px;

padding: 8px;

width: 500px;

background-color: #ffffff;

display:inline-block;

border-radius: 6px;

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

text-decoration:none;

box-shadow: rgb(64,64,64) 5px 5px 5px;

border: 1px solid #808080;

}

.smallpagenoshadow

{

line-height: 16px;

margin: 5px;

padding: 5px;

width: 500px;

display:inline-block;

text-decoration:none;

font-family: Arial, Verdana, Helvetica, Sans-serif;

font-size: 12px;

font-weight: normal;

}

.xltextbold

{

font-family: Arial, Verdana, Helvetica, Sans-serif;

font-size: 24px;

font-weight: bold;

vertical-align: top;

color: Black;

}

.largetextbold

{

font-family: Arial, Verdana, Helvetica, Sans-serif;

font-size: 18px;

font-weight: bold;

vertical-align: top;

color: #7d9b04;

}

div.RadGrid .rgPager .rgAdvPart

{

display:none;

}

</style>

<script type="text/javascript">

function GetRadWindow() {

var oWindow = null;

if (window.radWindow)

oWindow = window.RadWindow;

//Will work in Moz in all cases, including clasic dialog

else if (window.frameElement.radWindow)

oWindow = window.frameElement.radWindow;

//IE (and Moz as well)

return oWindow;

} function CloseFormFromServer() {

GetRadWindow().Close();

}

</script>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div class="smallpagenoshadow" style="width: 525px;" >

<asp:Label ID="TopicHeading" CssClass="xltextbold" runat="server" Text="<% $GetLangString:Listings.VideosHeading %>" Visible="true"></asp:Label>

<br />

<asp:Label ID="LocationLabel" CssClass="largetextbold" runat="server" Text="" ></asp:Label>

<br /><br />

<div>

<asp:Table ID="Table1" runat="server">

<asp:TableRow>

<asp:TableCell>

<asp:ImageButton ID="VideoClip1" runat="server" BorderWidth="0px" Height="75px" Width="100px" ImageUrl="" Visible="false" Enabled="false" />

</asp:TableCell>

<asp:TableCell>

<asp:ImageButton ID="VideoClip2" runat="server" BorderWidth="0px" Height="75px" Width="100px" ImageUrl="" Visible="false" Enabled="false" />

</asp:TableCell>

<asp:TableCell>

<asp:Image ID="VideoClip3" runat="server" BorderWidth="0px" Height="75px" Width="100px" ImageUrl="" Visible="false" />

<asp:ImageButton ID="ImageButton3" runat="server" BorderWidth="0px" Height="75px" Width="100px" ImageUrl="" Visible="false" Enabled="false" />

</asp:TableCell>

<asp:TableCell>

<asp:Image ID="VideoClip4" runat="server" BorderWidth="0px" Height="75px" Width="100px" ImageUrl="" Visible="false" />

<asp:ImageButton ID="ImageButton4" runat="server" BorderWidth="0px" Height="75px" Width="100px" ImageUrl="" Visible="false" Enabled="false" />

</asp:TableCell>

<asp:TableCell>

<asp:Image ID="VideoClip5" runat="server" BorderWidth="0px" Height="75px" Width="100px" ImageUrl="" Visible="false" />

<asp:ImageButton ID="ImageButton5" runat="server" BorderWidth="0px" Height="75px" Width="100px" ImageUrl="" Visible="false" Enabled="false" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell ColumnSpan="5" Height="3px" ><hr /></asp:TableCell>

</asp:TableRow>

</asp:Table>

<ASPNetFlashVideo:FlashVideo ID="FlashVideo1" runat="server" Width="515px">

</ASPNetFlashVideo:FlashVideo>

<br />

<div class="dataentry_caption2">

<asp:LinkButton CssClass="xlink" ID="LinkButton2" TabIndex="1" Width="80px" runat="server" Text="<% $GetLangString:Listings.CloseButtonLabel %>" ></asp:LinkButton>

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

</div>

This is text before the table

<asp:Table ID="Table2" runat="server">

<asp:TableRow Height="5px" >

<asp:TableCell >

<asp:HiddenField ID="HiddenKeyValue" runat="server" />

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoLink1" runat="server" />

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoLink2" runat="server" />

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoLink3" runat="server" />

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoLink4" runat="server" />

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoLink5" runat="server" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow Height="5px" >

<asp:TableCell >

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

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoSize1" runat="server" />

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoSize2" runat="server" />

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoSize3" runat="server" />

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoSize4" runat="server" />

</asp:TableCell>

<asp:TableCell >

<asp:HiddenField ID="VideoSize5" runat="server" />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

This is text after the table

</div>

This is text after the div

</form>

This is text after the form

</body>

</html>

Additionally, the code to open the window is shown here...

<telerik:RadWindow ID="RadWindow7" runat="server" Behaviors="Close" OnClientClose="OnClientClose" Modal="true"

NavigateUrl="ListingVideos.aspx" Skin="Black" EnableShadow="true" Width="600px" AutoSize="true" >

</telerik:RadWindow>

function ViewVideos() {

var listing = document.getElementById("<% =HiddenKeyValue.ClientID %>").value;

var oWnd = radopen("ListingVideos.aspx?k=" + listing, "RadWindow7");

}

I would the window to stop just below the "Close" button. For the sake of clarity, I added the useless text lines at the bottom (like "This is text before the table ", "This is the text after the table", etc.) to see where all of the space was being added -- but the majority is after the actual page definition. Is this the way the window is supposed to function or am I doing something wrong.

Note: The reason I am trying to use "AutoSize" is that I am dynamically changing the size of the Flash movie control dynamically depending upon the video the user has selected and an embedded size code. This is all working fine.

I just need to eliminate the totally wasteful space being displayed at the bottom of the page.

Thanks in advance!

Lynn

Window

answered on 18 Jul 2011

5 answers

184 views

RadScheduler Recurrence data

Long story short, I need to manually enter the xml data for my scheduler and I need to make sure that I can setup meetings that reoccur. I am trying to create a meeting that reoccurs every 3rd Tuesday of every month at 7pm. I have pasted the appointment below, but it is not working. Please post corrected appointment so that I can copy it.

* First problem is that the time is incorrect. It occurs at 7, but is showing at 6.
* Second problem is that this does not reoccur.

<Appointment>

<ID>6</ID>

<Subject>General Meeting</Subject>

<Description>Some Desc.</Description>

<Start>2011-07-19T19:00</Start>

<End>2011-07-19T20:00</End>

<fRecurrence>1</fRecurrence>

<RecurrenceData>

<recurrence>

<rule>

<firstDayOfWeek>su</firstDayOfWeek>

<repeat>

<monthlyByDay tu="TRUE" weekdayOfMonth="third" monthFrequency="1" />

</repeat>

<repeatForever>TRUE</repeatForever>

</rule>

</recurrence>

</RecurrenceData>

<RecurrenceRule>

<![CDATA[

DTSTART:20110719T2000

DTEND:20110719T2100

RRULE:FREQ=MONTHLY;INTERVAL=1;BYSETPOS=1;BYDAY=TU

]]>

</RecurrenceRule>

<Attribute Key="URL" Value="~/Default.aspx" />

<Attribute Key="AppointmentType" Value="general" />

</Appointment>

Scheduler

answered on 18 Jul 2011

1 answer

91 views

Generate RadGrid dynamically with multiple datatypes for one column

Hi,

I would like to create the whole RadGrid dynamically and each of the column could contain multiple datatypes. Say Column 1 could have Checkbox for row 1 and Link for row 2. How can I do this?

Thanks,

Grid

answered on 18 Jul 2011

3 answers

97 views

RadMenu item alt tag

Hi guys,

I have a radmenu which has images for its hoveredurl and imageurl. It works great - when i hover over the item it changes to the correct image and once not hovered it changes back to the normal image.

The problems i have is there is no option for alternative text if for some reason the images dont appear. At this point the website becomes unuseable.

When the menu bar is rendered down to pure html you can see an img tag with an alt="" with nothing in it. I tried putting the alt tag on the menuitem but it doesn't work.

I can put text on the menuitem but then my image moves along side the text - not helpful.

I think this maybe something you have overlooked?

Any hints would be fantastic.

Thank you
Phil

Menu

answered on 18 Jul 2011

6 answers

80 views

weird issue cropped up in radGrid

guys, it's like something grew overnight on this grid and i just can't figure it out. hopefully ya'll might be able to point me in the right direction. any button on this grid (below) gets the error attached. (invalid postback or callback error). it's sad but this code has sat there for a while unchanged and was working just fine... and then the error (attached) just started. it only happens with the editCommand button or the asp:ImageButton and frankly i can put anykind of button and the "click event" - i assume is triggering this - even if there is no method attached to the button itself. everything else works just fine - menu items etc. has anyone seen this before or knows the cause of this?
thanks again for any help.
rik

<telerik:RadGrid ID="TruckLogItemsRadGrid" runat="server" AllowPaging="false" AutoGenerateColumns="false"

Skin="WebBlue" EnableTheming="false" AllowFilteringByColumn="false" OnItemDataBound="TruckLogItemsRadGrid_ItemDataBound"

OnNeedDataSource="TruckLogItemsRadGrid_NeedDataSource" Width="100%" ShowStatusBar="true"

OnDeleteCommand="TruckLogItemsRadGrid_DeleteCommand" OnUpdateCommand="TruckLogItemsRadGrid_UpdateCommand">

<telerik:GridTemplateColumn AllowFiltering="false" HeaderStyle-Width="50px" UniqueName="OptionsMenuCell"

ItemStyle-HorizontalAlign="Left" ItemStyle-Width="50px" ItemStyle-Wrap="false">

<asp:Image ID="RecordInfoImage" runat="server" ImageUrl="~/App_Themes/GOLD Main/Images/grid_info.gif"

CssClass="gridviewOptionsImage" />

<telerik:RadToolTip ID="InfoRadToolTip" runat="server" TargetControlID="RecordInfoImage"

Skin="Sunset" Position="MiddleRight" CssClass="gridviewToolTip" />

<asp:Image ID="PopupMenuImage" runat="server" ImageUrl="~/App_Themes/GOLD Main/Images/grid_menu_popup.gif"

CssClass="gridviewOptionsImage" />

<telerik:RadContextMenu ID="OptionsRadContextMenu" runat="server" Skin="WebBlue"

CssClass="leftText">

<telerik:ContextMenuControlTarget ControlID="PopupMenuImage" />

</Targets>

<Items>

<telerik:RadMenuItem Text="Import From Tally-Rite Device" ImageUrl="../App_Themes/GOLD Main/ToolBar/save_16x16.gif" />

<telerik:RadMenuItem Text="Edit Tally Data" ImageUrl="../App_Themes/GOLD Main/ToolBar/save_16x16.gif" />

</Items>

</telerik:RadContextMenu>

<asp:ImageButton ID="DeleteItem" runat="server" ImageUrl="~/App_Themes/GOLD Main/ToolBar/trash_16x16.gif"

CommandName="Delete" CssClass="gridviewOptionsImage" OnClientClick="javascript:if(!confirm('This action will delete the selected truck log item. Are you sure?')){return false;}" />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" EditImageUrl="../App_Themes/GOLD Main/ToolBar/edit_16x16.gif"

CancelImageUrl="../App_Themes/GOLD Main/ToolBar/delete_16x16.gif" UpdateImageUrl="../App_Themes/GOLD Main/ToolBar/save_16x16.gif"

HeaderStyle-Width="60px" ItemStyle-CssClass="gridviewOptionsImage" ItemStyle-Wrap="false" />

<telerik:GridBoundColumn DataField="LOGITEM" HeaderText="#" HeaderStyle-Width="30px"

ReadOnly="true" />

<telerik:GridBoundColumn DataField="QTY" HeaderText="Qty" AllowFiltering="false"

ColumnEditorID="TextBoxColumnEditorDefault" />

<telerik:GridBoundColumn DataField="LENGTH" HeaderText="Length" HeaderStyle-Width="60px"

ColumnEditorID="TextBoxColumnEditorDefault" />

<telerik:GridBoundColumn DataField="RACKNUMBER" HeaderText="Rack #" HeaderStyle-Width="60px"

ColumnEditorID="TextBoxColumnEditorDefault" />

<telerik:GridBoundColumn DataField="TALLYCOUNT" HeaderText="Tally" HeaderStyle-Width="40px"

ReadOnly="true" />

<telerik:GridBoundColumn DataField="WORKORDERITEMDISPLAY" HeaderText="Work Order"

HeaderStyle-Width="80px" FilterControlWidth="60px" ReadOnly="true" />

<telerik:GridBoundColumn DataField="RELEASENUMBER" HeaderText="Release #" ReadOnly="true" />

<telerik:GridBoundColumn DataField="MATERIALTYPE" HeaderText="Type" HeaderStyle-Width="100px"

ReadOnly="true" />

<telerik:GridBoundColumn DataField="MATERIALCOLORBAND" HeaderText="Color" ReadOnly="true" />

<telerik:GridBoundColumn DataField="SIZEVALUE" HeaderText="Size" FilterControlWidth="40px"

ColumnEditorID="TextBoxColumnEditorDefault" />

<telerik:GridBoundColumn DataField="MATERIALCOATING" HeaderText="Coating" ReadOnly="true" />

<telerik:GridBoundColumn DataField="MATERIALTHREAD" HeaderText="Thread" ReadOnly="true" />

<telerik:GridBoundColumn DataField="MATERIALGRADE" HeaderText="Grade" ReadOnly="true" />

<telerik:GridBoundColumn DataField="MATERIALRANGE" HeaderText="Range" ReadOnly="true" />

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 18 Jul 2011