Questions on UI for ASP.NET AJAX Forum

1 answer

65 views

How to get Mouse hover for telerik:RadUpload

<telerik:RadUpload ID="RadUpload1">

</telerik:RadUpload>

how can we get mousehover on the browse buttton.

Upload (Obsolete)

answered on 14 Aug 2012

3 answers

316 views

show the tool tip at slider

My requirement is to show the tool tip at slider always, it should never disappear from the Slider control.

I need the similar tooltip given in below image

Slider

answered on 14 Aug 2012

8 answers

181 views

Help: Radgrid detail table disappears when editing

Hi!

Here is the problem: I have a radgrid with detailtable(partners and contracts).
I want to edit a contract using Editform. Every time something causes a pageload(fe: click a button on the edit form) all the contracts of the partner disappear. The edit form disappears too. There is no message like "No child records to display", all I can see is an empty row.
The Page_Load method contains the calling of the databind method of the grid.

I think this is a common and simple problem, so I wont copy my code here.
Sorry for my bad English.

Grid

answered on 14 Aug 2012

3 answers

199 views

Rad Numeric Textbox truncates non numeric characters

I have a warehouse application that receives input from a scanner to a Rad Numberic Textbox. The issue I'm having is if the user scans a string like 'GEB34HT3' into the numeric textbox, it will pull the number 343 out of that. This can also be accomplished by copying and pasting into a numeric text box also. Does Rad have any built in controls to avoid this? Thanks,

- Justin

Input

answered on 14 Aug 2012

6 answers

107 views

Formatting PageTitle in export to PDF

Good afternoon! I have a question regarding exporting a grid to PDF...

Is there any way to format the PageTitle? I would like to show the report title on one line, and then on the second line show the current date and time followed by some empty space and then the user's name. I've tried using string.format to plug values into an HTML string but it seemed to just ignore my HTML. I didn't get any errors...just not the desired results either. :^(

Thanks!

Grid

answered on 14 Aug 2012

1 answer

50 views

Modification in PrevDay/NextDay in Scheduler

hi
Can we modify the scheduler like this. in PrevDay/NextDay

See the attachmnet

Scheduler

answered on 14 Aug 2012

4 answers

553 views

RadGrid Export to Excel missing columns

I have a RadGrid deployed and I am adding in the Export to Excel capability.

Works fine except for one problem.

Previously I had to create a column of type GridButtonColumnWithFilteringSorting as per one of your other support threads and that worked fine for the purpose it was intended.

Now the problem I face is that the column of type GridButtonColumnWithFilteringSorting does not appear in the Excel export file. The column is present and the header shows up but all of the data is blank.

Thanks for any help.

Grid

answered on 14 Aug 2012

0 answers

82 views

Problem with java script in ajax panel

Hello,
Below is my code I am using and getting this error
TypeError: uploadbutton is null

This code is placed in a rad window.

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />

<div style="margin-left: 5px">

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" HorizontalAlign="NotSet">

<asp:HiddenField ID="hfGalleryID" runat="server" Value="0" />

<asp:HiddenField ID="hfContentItemID" runat="server" Value="0" />

<telerik:RadDockZone ID="RadDockZone1" runat="server" Style="border: 0px; width: 98%;">

<ModuleControls:ConfigurationDockHeader ID="GalleryEditConfigurationArea" runat="server" Title="ManageBase Gallery" DockMode="Docked"

Collapsed="True" DefaultCommands="ExpandCollapse" EnableRoundedCorners="true" EnableAnimation="True" Index="0" Tag=""

Width="">

<Commands>

<telerik:DockExpandCollapseCommand />

<telerik:DockToggleCommand AutoPostBack="true" Text="" Name="CommandSaveGallery" />

</Commands>

<ContentTemplate>

<table border="0" cellpadding="2" cellspacing="1" width="100%">

<tr>

<td>

<asp:Literal ID="ltrSelectGallery" runat="server" Text="Administrera"></asp:Literal>

</td>

<td>

<asp:Literal ID="ltrGalleryName" runat="server" Text="Gallery-namn"></asp:Literal>

</td>

<td>

<asp:Literal ID="ltrGallerystill" runat="server" Text="Gallery still"></asp:Literal>

</td>

<td>

</td>

</tr>

<tr>

<td>

<GalleryControl:ImageGalleryDropDown ID="ddlImageGallerys" runat="server" EmptyMessage="Välj Galleri" AutoPostBack="True">

</GalleryControl:ImageGalleryDropDown>

</td>

<td>

<telerik:RadTextBox runat="server" ID="txtGalleryName" Columns="23" Skin="">

</telerik:RadTextBox>

</td>

<td>

<GalleryControl:GelleryViewTypeDropDown ID="ddlGalleryPreviewType" runat="server" EmptyMessage="Välj still" AutoPostBack="True">

</GalleryControl:GelleryViewTypeDropDown>

</td>

<td>

<telerik:RadButton ID="btnUpdateGallery" CssClass="glUpdateGalleryStrip" Text="" runat="server">

<Image EnableImageButton="true" IsBackgroundImage="true" />

</telerik:RadButton>

</td>

<td>

<telerik:RadButton ID="btnDeleteGallery" runat="server" CssClass="glDelete" HoveredCssClass="glDeleteHover" Text="">

<Image EnableImageButton="true" IsBackgroundImage="true" />

</telerik:RadButton>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td colspan="2">

<telerik:RadButton ID="btnSaveGallery" runat="server" Text="Save new gallery">

</telerik:RadButton>

</td>

</tr>

</table>

</ContentTemplate>

</ModuleControls:ConfigurationDockHeader>

</telerik:RadDockZone>

<div style="margin-top: 10px;">

<asp:Panel ID="pnlDisplayGalleryConfiguration" runat="server">

<table>

<tr>

<td>

<telerik:RadComboBox ID="ddlThunmnailSize" runat="server" AutoPostBack="true">

<Items>

<telerik:RadComboBoxItem Text="100 X 60" Value="100-60" Selected="true" />

<telerik:RadComboBoxItem Text="110 X 70" Value="110-70" />

<telerik:RadComboBoxItem Text="120 X 80" Value="120-80" />

<telerik:RadComboBoxItem Text="140 X 90" Value="140-90" />

<telerik:RadComboBoxItem Text="170 X 120" Value="170-120" />

</Items>

</telerik:RadComboBox>

</td>

<td>

<GalleryControl:FrameStyleDropDown ID="ddlBorder" runat="server" EmptyMessage="Välj inramning" AutoPostBack="True">

</GalleryControl:FrameStyleDropDown>

</td>

<td>

<telerik:RadComboBox ID="ddlEffect" runat="server" EmptyMessage="Välj effekt">

</telerik:RadComboBox>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td>

Visning bredd pixl

</td>

<td>

<telerik:RadNumericTextBox runat="server" ID="txtImagePixelSize" Columns="23" Width="80px" ShowSpinButtons="true" Skin=""

DataType="System.Int32" MaxLength="4" MaxValue="1000" MinValue="400" Value="600">

<NumberFormat AllowRounding="False" ZeroPattern="n" />

</telerik:RadNumericTextBox>

</td>

<td>

<telerik:RadButton ID="btnOpenUploadWindow" runat="server" Text="Upload images">

</telerik:RadButton>

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

<asp:Panel ID="pnlImageGalleryPreview" runat="server">

<uc1:GalleryViewSimple ID="GalleryViewSimple1" runat="server" Visible="true" />

</asp:Panel>

<asp:Panel ID="pnlUploadImages" runat="server" Visible="false">

<div style="text-align: right;">

<telerik:RadButton ID="btnBackFromUpload" runat="server" Text="Back">

</telerik:RadButton>

</div>

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

<telerik:RadAsyncUpload ID="upImages" runat="server" MultipleFileSelection="Automatic" AllowedFileExtensions=".jpg,.png,.img,.jpeg"

PostbackTriggers="btnUploadToServer" OnClientFilesUploaded="onClientFileUploaded">

</telerik:RadAsyncUpload>

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

</telerik:RadProgressArea>

<telerik:RadButton ID="btnUploadToServer" runat="server" Text="Upload" Enabled="false" AutoPostBack="false" OnClientClicked="updatePictureAndInfo">

</telerik:RadButton>

</asp:Panel>

</div>

<telerik:RadScriptBlock ID="cdb" runat="server">

<script type="text/javascript">

function onClientFileUploaded(sender, args) {

var uploadbutton = $find("<%=btnUploadToServer.ClientID %>");

uploadbutton.set_enabled(true);

}

function updatePictureAndInfo() {

var upload = $find("<%=upImages.ClientID %>");

if (upload.getUploadedFiles().length > 0) {

__doPostBack('btnUploadToServer', 'btnUploadToServerArgs');

}

else {

alert("Please select a picture.");

}

</script>

</telerik:RadScriptBlock>

</telerik:RadAjaxPanel>

</div>

General Discussions

asked on 14 Aug 2012

2 answers

61 views

Setting SelectedDate from RadWindow Popup

Hello all

Any help appreciated with the issue I'm having.
I have a basic ASP.NET page where I have a RadScheduler.
From the same page, I am popping up a RadWindow to save an item to the database.

From the RadWindow server side code I am closing the RadWindow and saving items to my database and setting the "SelectedDate" of the RadScheduler from a RadDateTimePicker on the popup window. Unfortunately, the RadScheduler doesn't change the month.

Any help or suggestions would be appreciated. Thank you.

Source

<telerik:RadScriptBlock runat="server" ID="scbEdit">

<script type="text/javascript">

var oWnd = null;

function btnCancel_Click(button, args) {

oWnd.Close();

}

function winAppt_ClientActivate(sender){

oWnd = sender;

}

function CloseDialog() {

oWnd.Close();

}

</script>

</telerik:RadScriptBlock>

<div style="border-top: 1px solid #4CA5FF; border-bottom: 1px solid #4CA5FF; background-color: #D6F4FF; width: 100%;">

<span style="font-size: 2pt;">

<br />

</span>

<asp:Label ID="lblCompanyName" runat="server" CssClass="orangelargebbold" />

<span style="font-size: 2pt;">

<br />

</span>

</div>

<div style="margin: 5px 3px 3px 0px; float: left; height: 1000px;">

<tel:RadButton ID="btnNew" runat="server" Text="New Appointment" Skin="Web20" onclick="btnNew_Click" />

<br /><br />

<tel:RadWindow ID="winAppt" runat="server" EnableShadow="true" Title="New Appointment"

Width="830px" Height="500px" Behaviors="Move, Close" VisibleStatusbar="false"

Modal="true" Skin="Telerik" OnClientActivate="winAppt_ClientActivate">

<ContentTemplate>

<tel:RadAjaxPanel ID="pnlAppt" runat="server">

<table style="width: 780px; padding: 5px; margin: 5px;">

<tr>

<td valign="middle"><span class="blackmedbold">Category</span></td>

<td><tel:RadComboBox ID="cmbCategory" runat="server" DataValueField="CatID"

DataTextField="Description" AutoPostBack="true"

OnSelectedIndexChanged="cmbCategory_SelectedIndexChanged" /></td>

</tr>

<tr>

<td><span class="blackmedbold">Service</span></td>

<td>

<tel:RadComboBox ID="cmbService" runat="server" Height="200px" Width="200px"

DropDownWidth="298px" HighlightTemplatedItems="true" EnableLoadOnDemand="true"

EmptyMessage="Select a service..." DataValueField="Serv_Value"

DataTextField="Description"

onselectedindexchanged="cmbService_SelectedIndexChanged" AutoPostBack="true">

<HeaderTemplate>

<table style="width: 300px; color:#0026FF;" cellspacing="0" cellpadding="0" border="0">

<tr>

<td style="width: 100px;">Description</td>

<td style="width: 100px;">Duration</td>

<td style="width: 100px;">Price</td>

</tr>

</table>

</HeaderTemplate>

<ItemTemplate>

<table style="width: 300px; color: Black; font-size: 8pt; font-weight: normal;" cellspacing="0" cellpadding="0" border="0">

<tr>

<td style="width: 100px;"><%# DataBinder.Eval(Container.DataItem, "Description") %></td>

<td style="width: 100px;"><%# DataBinder.Eval(Container.DataItem, "Duration")%></td>

<td style="width: 100px;"><%# DataBinder.Eval(Container.DataItem, "Unit_Price")%></td>

</tr>

</table>

</ItemTemplate>

</tel:RadComboBox

</td>

</tr>

<tr>

<td><span class="blackmedbold">Appointment Date</span></td>

<td><tel:RadDateTimePicker ID="dtpStartsOn" runat="server" /></td>

</tr>

<tr>

<td><span class="blackmedbold">Duration</span></td>

<td><tel:RadTextBox ID="txtDuration" runat="server" /></td>

</tr>

<tr>

<td><span class="blackmedbold">Number of Guests</span></td>

<td>

<tel:RadComboBox ID="cmbGuests" runat="server" AutoPostBack="true" onselectedindexchanged="cmbGuests_SelectedIndexChanged">

<Items>

<tel:RadComboBoxItem Value="1" Text="1" />

<tel:RadComboBoxItem Value="2" Text="2" />

<tel:RadComboBoxItem Value="3" Text="3" />

<tel:RadComboBoxItem Value="4" Text="4" />

</Items>

</tel:RadComboBox>

</td>

</tr>

<tr>

<td colspan="2">

<br />

<asp:PlaceHolder ID="pnlGuests" runat="server">

<spc:Guest ID="spcGuest1" runat="server" />

<spc:Guest ID="spcGuest2" runat="server" Visible="false" />

<spc:Guest ID="spcGuest3" runat="server" Visible="false" />

<spc:Guest ID="spcGuest4" runat="server" Visible="false" />

</asp:PlaceHolder>

<br />

</td>

</tr>

<tr>

<td><span class="blackmedbold">Notes</span></td>

<td><tel:RadTextBox ID="txtDescription" runat="server" TextMode="MultiLine" /></td>

</tr>

<tr>

<td><span class="blackmedbold">Reminder</span></td>

<td>

<tel:RadComboBox ID="cmbReminder" runat="server" EmptyMessage="Select Reminder">

<Items>

<tel:RadComboBoxItem Value="1" Text="1 Day" />

<tel:RadComboBoxItem Value="2" Text="2 Day" />

<tel:RadComboBoxItem Value="3" Text="3 Day" />

<tel:RadComboBoxItem Value="4" Text="4 Day" />

<tel:RadComboBoxItem Value="5" Text="5 Day" />

<tel:RadComboBoxItem Value="6" Text="6 Day" />

<tel:RadComboBoxItem Value="7" Text="1 Week" />

<tel:RadComboBoxItem Value="14" Text="2 Weeks" />

</Items>

</tel:RadComboBox>

</td>

</tr>

</table>

<div style="text-align: right; padding: 5px; clear: both">

<tel:RadButton ID="btnSubmit" runat="server" Text="Submit" Skin="Web20" OnClick="btnSubmit_Click" ></tel:RadButton>

<tel:RadButton ID="btnCancel" runat="server" Text="Cancel" Skin="Web20" OnClientClicked="btnCancel_Click"></tel:RadButton>

</div>

</tel:RadAjaxPanel>

</ContentTemplate>

</tel:RadWindow>

<tel:RadScheduler ID="schAppointments" runat="server" Width="1000px" Height="100%"

SelectedView="MonthView" ShowFooter="false" DayStartTime="08:00:00"

DayEndTime="21:00:00" WeekView-DayStartTime="08:00:00" WeekView-DayEndTime="21:00:00"

FirstDayOfWeek="Monday" LastDayOfWeek="Sunday" EnableDescriptionField="true"

AppointmentStyleMode="Default" DataKeyField="ApptID" DataSubjectField="Subject"

DataStartField="Starts_On" DataEndField="Ends_On" DataDescriptionField="Description"

AdvancedForm-Modal="true" StartInsertingInAdvancedForm="false" StartEditingInAdvancedForm="false"

Reminders-Enabled="true" OnFormCreating="schAppointments_FormCreating" OverflowBehavior="Expand"

>

<AdvancedForm Modal="true" />

<Reminders Enabled="true" />

<TimeSlotContextMenuSettings EnableDefault="true" />

<AppointmentContextMenuSettings EnableDefault="true" />

</tel:RadScheduler>

</div>

<div style="float: right; padding: 5px 3px;">

<spc:VNav ID="spcNav" runat="server" />

</div>

Code Behind:

if (Appt.Save(Appointment.Xerialize()))

{

ScriptManager.RegisterStartupScript(Page, Page.GetType(), "Close", "CloseDialog();", true);

dSet = Appt.ByMonth(Convert.ToInt64(Session["locid"].ToString()), dtpStartsOn.SelectedDate.Value.Month);

schAppointments.DataSource = dSet;

schAppointments.DataBind();

schAppointments.SelectedDate = dtpStartsOn.SelectedDate.Value;

}

Scheduler

answered on 14 Aug 2012

1 answer

122 views

Localize RadDatePicker

How to localize RadDatePicker button (Today, Ok, Cancel) ?
Pls see the red circle in the attached file.

Calendar

answered on 14 Aug 2012