Questions on UI for ASP.NET AJAX Forum

1 answer

70 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

849 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

487 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

193 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

92 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

103 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

84 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

8 answers

140 views

Combo box with checkboxes

Hi,

Am I right that the next version (Q2 2011) will include built in checkbox support for combo boxes. At the moment I have a custom control based on the radcombobox that uses templates to handle checkboxes. It works but so far I have managed to avoid using it with related combos.

Now I will soon have the necessity to do this I'm wondering whether to enhance what my control does or wait for the next release?

Could you confirm if the new version will have built in checkbox support and if so when can we expect the beta for testing?

Regards,

Jon

ComboBox

answered on 18 Jul 2011

4 answers

131 views

Get the RowData of the Selected Row

I have a RadGrid with a GridClientSelectColumn and a bunch of GridBoundColumn.
Databinding is going on fine.
But, when click on the checkbox of the GridClientSelectColumn, I want to get the data of that particular Row. How will I do it??

What I have attempted is using the OnSelectedIndexChanged event. But the problem I am facing is, when ever I do a radGrid1.SelectedItems[0], it gives me OutofBounds error. I did EnablePostBackOnRowClick=true, in clientsettings, allowrowselect=true . The event is also being hit successfully, but I am not able get the selectedrows this way. Is there any other way to accomplish what I want to do??

Once again, I want to get the data of a particular Row which is selected. How can I do it??

Thanks in advance.

Yash

Grid

answered on 18 Jul 2011

7 answers

70 views

Problem with page on new host

I have an application running on one server with no problems. It uses Telerik controls heavily for expand/collapse with grids, AJAX, "pop up" windows, etc.

When I moved the site over to a new server, I was getting an issue with Medium security level, which I fixed by setting the propertyRestoreOriginalRenderDelegate="false" on my RadAjaxManager and RadAjaxPanel controls per instructions on the forum - that is the only difference in code.

However, when I try to click the expand button in my grid on the new site, I get a page error:

Message: Sys.InvalidOperationException: Could not find UpdatePanel with ID 'ctl00_Content_ctl00_Content_grdProcessPanel'. If it is being updated dynamically then it must be inside another UpdatePanel.
Line: 6
Char: 62099
Code: 0

Any ideas what could be causing this? Again, the only difference between this code and the code that works is my change to the propertyRestoreOriginalRenderDeleage property. I'm not sure what else to look for.

Ajax

answered on 18 Jul 2011