Questions on UI for ASP.NET AJAX Forum

3 answers

91 views

RadDatePicker DateInput field appeared squeezed

I have created a user control named InvoiceDate by adding RadDatePicker control. This user control is embedded in many ASP.net Web pages within the application. The application is live and used by many users, some of the users complained that the DataInput field appear squeezed.
If page is refreshed then DateInput field appear correctly. As this happens intermittently only for few users.
Telerik Version used 2009.3.1314.35

<tr>

<td width="5%" id="radioButtonColumn4" runat="server"> </td>

<td width="35%">

<telerik:RadDatePicker ID="fromValue" runat="server" Enabled="false">

<Calendar ID="Calendar3" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" runat="server"></Calendar>

<DatePopupButton ImageUrl="~/images/icons/calendar.gif" HoverImageUrl="~/images/icons/calendar.gif" />

<DateInput ID="DateInput1" Width="128px" runat="server">

<ClientEvents OnValueChanging="DateValueChanging" />

</DateInput>

</telerik:RadDatePicker>

</td>

<td width="10%"> </td>

<td width="50%">

<telerik:RadDatePicker ID="toValue" runat="server" Enabled="false">

<Calendar ID="Calendar2" UseRowHeadersAsSelectors="False" UseColumnHeadersAsSelectors="False" ViewSelectorText="x" runat="server"></Calendar>

<DatePopupButton ImageUrl="~/images/icons/calendar.gif" HoverImageUrl="~/images/icons/calendar.gif" />

<DateInput runat="server" Width="128px">

<ClientEvents OnValueChanging="DateValueChanging"/>

</DateInput>

</telerik:RadDatePicker>

</td>

</tr>

Any suggestions anyone? Thanks!

Umesh

Calendar

answered on 23 Dec 2010

7 answers

295 views

Date Time Range

I need to select data FROM Date and Time TO Date and Time. Date Range is working but how to add Time to that ? I am doing it in aspx page. Can anybody send me any example ?

Calendar

answered on 23 Dec 2010

1 answer

107 views

youtube links

I have a grid with 2 text boxes, 1 for a youtube link, the other for its description. When I paste the link into the textbox and click the save button, I get a javascript error and the page crashes. Heres the grid code

<telerik:GridTemplateColumn UniqueName="YouTubeLink" HeaderText="YouTube Link" SortExpression="YouTubeLink">

<ItemTemplate>

<%#DataBinder.Eval(Container.DataItem, "YouTubeLink")%>

</ItemTemplate>

<EditItemTemplate>

<telerik:RadTextBox ID="RadTextBoxLink" Runat="server" Skin="Vista" Width="400px" MaxLength="2000" TextMode="MultiLine" Rows="10">

</telerik:RadTextBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

and this is the link im trying to save

<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/xT4Kw3A0pHI?fs=1&;hl=en_GB"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/xT4Kw3A0pHI?fs=1&;hl=en_GB" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>

Im basically setting up a data entry screen where users can save various youtube links for subsequent display on their website, surely this is possible ? Can anyone help me out ?

Grid

answered on 23 Dec 2010

3 answers

98 views

Selected Row Lost

I have a radGrid on my page and a user control containing a radWindow which contains a radTabStrip. When a row of the radGrid is double-clicked I open the radWindow and load the first tab of the radTabStrip. Clicking on one of the tabs in the tabstrip causes a postback to load that tab. When the postback occurs, the currently selected row in the radGrid is lost! This only happens if I ajaxify the grid. I've tried got the tabstrip and its multipage ajaxified as per your examples and it works fine. The AjaxManagerProxy in the user control looks like this:

<telerik:RadAjaxManagerProxy runat="server" ID="rampTicketDetail">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rtsTicketDetail">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rtsTicketDetail" LoadingPanelID="ralpTicketDetail" />

<telerik:AjaxUpdatedControl ControlID="rmpTicketDetail" LoadingPanelID="ralpTicketDetail" />

<telerik:AjaxUpdatedControl ControlID="hfTicketDetailParams" LoadingPanelID="ralpTicketDetail" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="rmpTicketDetail">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="rmpTicketDetail" LoadingPanelID="ralpTicketDetail" />

<telerik:AjaxUpdatedControl ControlID="hfTicketDetailParams" LoadingPanelID="ralpTicketDetail" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

As I said, that works great, but I'd like to be able to perform an action from one of the tabs that will affect the selected row of the grid. I can successfully get the selected row of the grid as long as it is not ajaxified, but I apparently, according to your examples, need to ajaxify the grid and the AjaxManagerProxy in order to rebind the grid when the radWindow is closed. However, as soon as I add the AjaxManagerProxy to the page containing the radGrid and set it up, the currently selected row is lost on postback. Here is the AjaxManagerProxy for the page containing the grid:

<telerik:RadAjaxManagerProxy runat="server" ID="rampMainContent">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="rampMainContent">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="cpRadGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="cpRadGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="cpRadGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManagerProxy>

I've also tried adding the user control to the above AjaxManagerProxy, both as an updated control of the grid and as an updater of the grid, but neither of those options work either. FYI: the user control does implement INamingContainer.

Grid

answered on 23 Dec 2010

1 answer

64 views

Panel Bar On Expand

IT appears that the Panel Bar On Expand is NOT firing after the panel has been expanded? Anyone else experience this? Any work around?

PanelBar

answered on 23 Dec 2010

1 answer

89 views

Multiple ajax manager

Hi,

I am using a Radtabstrip with 2 tabs in which I am showing 2 user control and both are having Radgrid and I am trying to add ajax manger to it. One of my user control is already having RadAjaxManagerProxy. When I click on tabs, the user control without ajax manger is coming but the one with ajax manager doesn't come up.
Is this because the grid is having multiple ajax manager?

Ajax

answered on 23 Dec 2010

1 answer

157 views

Deploying new Telerik.Web.UI.dll issues

We need to upgrade our existing Telerik.Web.UI.dll to the latest release because IE9 users get 'undefined' when clicking on the radbuttons and the new Telerik.Web.UI.dll seems to take care of that issue. The last time we deployed a new Telerik.Web.UI.dll to our production servers, every customer had to clear their cookies/cache before they were able to use our site properly. We would like to avoid the disruption to our site, not to mention the thousands of calls to our technical support line. Is there a way to avoid this? What is the proper way to deploy the new Telerik.Web.UI.dll?

General Discussions

answered on 23 Dec 2010

1 answer

71 views

Progress Area not displaying during 1Gb file uploads

I am having an issue where the progress area does not display when uploading very large files. From the same page I attempt to upload a 300MB file and the progressarea will display correctly, but if submitting a very large file like 3Gb file to the same page no progress indicator is displayed.

I have brought my code down to the basics as shown below and still the exact same results.

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

</telerik:RadScriptManager>

<telerik:RadUpload ID="RadUpload1" runat="server" />

<telerik:RadProgressArea ID="RadProgressArea1" runat="server" />

<telerik:RadProgressManager ID="RadProgressManager1" runat="server" />

<asp:Button ID="Button1" runat="server" Text="Submit" />

The web.config is set correctly for large file sizes as when pressing submit with a very large file selected will still upload the file without error, only the progress area is not displayed.

Any help would be appreciated..

Thanks,
Bobby

Upload (Obsolete)

answered on 23 Dec 2010

3 answers

122 views

Simple: Edit Mode control too small

I have this simple case where I'm using a simple automatic editing functionality of the RadGrid but the only filed that is allowed in edit mode is more like a memo and I need it's height and width expanded. I'm not using any templates here. Kindly see attached screen.

<asp:Panel runat="server" ID="PanelGrid" Width="630px">

<fieldset id="fieldGrid" style="width: 608px;">

<legend>Notes History</legend>

<telerik:RadGrid ID="RadGridJobs2" runat="server" AutoGenerateColumns="False" AllowPaging="True" GridLines="None"

Width="608px" Skin="Office2007" SkinID="RadGrid_Paging_Page20_NoExport_Add" AllowAutomaticDeletes="false"

AllowAutomaticInserts="True" DataSourceID="LinqDataSourceNotes" OnUpdateCommand="RadGridJobs2_UpdateCommand">

<MasterTableView DataKeyNames="OID" DataSourceID="LinqDataSourceNotes" GridLines="None" CommandItemDisplay="Top">

<Columns>

<telerik:GridBoundColumn DataField="NoteDetails" HeaderText="Note" SortExpression="NoteDetails" UniqueName="columnNoteDetails"

Visible="false" />

<telerik:GridTemplateColumn UniqueName="columnNewNote" HeaderText="Note History">

<ItemTemplate>

<table cellspacing="0" cellpadding="0" width="100%" border="0" class="TableNoBorders">

<tr>

<td>

<%# "<div><span style='font-weight: bold; '>By </span><span style='font-style: italic; '>" + Eval("User.FirstName") + " " + Eval("User.LastName") + "</span><span style='font-weight: bold; '> on </span><span style='font-style: italic; '>" + Eval("NoteDate", "{0:dd-MMM-yyyy hh:mm tt}") + "</span></div>"%>

</td>

</tr>

<tr>

<td>

<%# "<div style='font-weight: bold; '>Note: </div>" + Eval("NoteDetails")%>

</td>

</tr>

</table>

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridEditCommandColumn ButtonType="ImageButton" HeaderStyle-Width="10px" ItemStyle-Width="10px" />

<telerik:GridClientDeleteColumn ButtonType="ImageButton" HeaderStyle-Width="10px" ItemStyle-Width="10px"

Visible="false" />

</Columns>

<CommandItemSettings AddNewRecordText="New Note" />

<EditFormSettings>

<EditColumn ButtonType="ImageButton" />

</EditFormSettings>

</MasterTableView>

</telerik:RadGrid>

</fieldset>

</asp:Panel>

protected void RadGridJobs2_UpdateCommand(object source, GridCommandEventArgs e) {

var editableItem = ((GridEditableItem)e.Item);

var editNoteID = (long)editableItem.GetDataKeyValue("OID");

//retrieve entity form the Db

var editNote = DbContext.Notes.Where(nut => nut.OID == editNoteID).FirstOrDefault();

if (editNote != null) {

try {

//update entity's state

editableItem.UpdateValues(editNote);

//submit changes to Db

DbContext.SubmitChanges();

} catch (Exception ex) {

}

Grid

answered on 23 Dec 2010

1 answer

70 views

problem with rad window

hello
I have radwindow which through which I select a row and click on a link button to open another radwindow.
In that radwindow I update a column & save the changes.I've used a radlist box to do so.
But what i want to do is when the user makes changes to the column & if he clicks on 'X' (close option)of the window, he should be asked to
either wait & save the column (by keeping the current window open)or close the curent window without saving the changes.

I figured a way out to display a message using 'confirm' of javascript but i am not able to keep the window open.

So can anybody help me out

Thanks in advance
Soham Patel

General Discussions

answered on 23 Dec 2010