Questions on UI for ASP.NET AJAX Forum

16 answers

559 views

Hide File List

Is there a way to hide the list of files that are displayed above the fakeinput/select button? See the attached image for the elements I want to hide/eliminate.

I am using RadAsyncUpload in a custom DotNetNuke module. I am developing with DotNetNuke v5.6.1 running on IIS7.5 in Integrated mode.

I have skinned my RadAsyncUpload control so that ruFakeInput is not displayed and my ruBrowse button uses a custom image. Here's the code for my control:

<script language="javascript" type="text/javascript">

var filesSelected = 0;

var filesUploaded = 0;

function onClientFileSelected(sender, event) {

++filesSelected;

}

function onClientFileUploaded(sender, event) {

++filesUploaded;

if (filesUploaded == filesSelected) {

__doPostBack('', '');

}

</script>

...

<telerik:RadAsyncUpload ID="RadAsyncUpload1" runat="server"

onclientfileselected="onClientFileSelected"

onclientfileuploaded="onClientFileUploaded"

MultipleFileSelection="Automatic"

Skin="Custom" style="margin-bottom: 1px" Visible="True" Width="80px"

EnableInlineProgress="False" EnableEmbeddedSkins="False">

<Localization Select="" />

</telerik:RadAsyncUpload>

I created the 'Custom' skin using the Default skin as a template, changing all occurrences of 'Default' to 'Custom' and making the following changes:

.RadUpload_Custom .ruFakeInput

{

display: none;

}

.RadUpload_Custom .ruBrowse

{

width: 70;

height: 24;

background-image: url('Upload/ruUpload.png');

color: #000;

}

I found this post which says it hides the file list, but I could not figure out which parts of the CSS code actually hide the list - I tried implementing different parts of it but was not successful in hiding the list.

I also found this post and was unable to get the suggested code to work.

Any help is greatly appreciated.

Thanks,

Brian

AsyncUpload

answered on 15 Jan 2013

1 answer

152 views

Browser Scrollbars in Grid

I have a grid with many columns and rows, enough that I get both horizontal and vertical scrollbars. I want the page header (the website logo, etc. at the top of the page) and the page footer (copyright info, etc. at the bottom of the page) to scroll out of view with a vertical scrollbar. But I want the RadGrid's header to always be visible to the user - scrolling up to the point that its at the top of the browser window then not scrolling out of view. And I want the first column to be frozen and not scroll out of view - it's an edit link column. I don't have a RadGrid footer. Because of the number of rows, I want to use virtual scrolling. And last, I want just 1 vertical scroll bar (both page and grid share the same scrollbar), not 2 vertical scrollbars (1 for the page and 1 for the grid). And the same for just 1 horizontal scrollbar.

It seems to me the only way to get the page header to scroll away with the scrolling of the grid, is to use the page scrollbars and not have grid scrollbars. But I don't know how to get virtual scrolling working with the page scrollbars. Am I on the right track? Does anyone have an example of something like this working?

Thank you for any suggestions.

Jason

Grid

answered on 15 Jan 2013

1 answer

93 views

RadComboBox strange behaviour

Hi,

I am using RadComboBox in my application. I am adding the values to it dynamically from code-behind. The SelectedIndexChanged event is working fine if I select any value except the first value (SelectedIndex=0), That item contains values in both its properties Text and Value, none of them are blank. The AutoPostBack is also true. But when I select the first value in combobox, the SelectedIndexChanged event is not fired, I am wondering why is it so? For all other values it fires. I have also set CausesValidation=false.

Please guide.

General Discussions

answered on 15 Jan 2013

1 answer

60 views

Upgrading code to Telerik Ajax

Have a project that was developed in Telerik ASP.net (pre AJAX) and moving it into ASP.net AJAX. However running into some problems and not quite sure of how to finish the update process. Hoping someone might offer some assistance it would be appreciated.
Errors are with the following lines:
me.editor.editmodes.html = user.isinrole("Administrator")

Dim pagelink as new radEditorUtils.link(.....)

Me.editor.EditModes.Html = User.IsInRole("Administrator")

Me.editor.Links.Clear()

Dim dtPages As DataTable = DAL.list_pages_enabled()

For Each page As DataRow In dtPages.Rows

Dim pageLink As New RadEditorUtils.Link(page("title").ToString(), String.Format("/Public/Default.aspx?pid={0}", page("pid").ToString), "_self", page("title").ToString())

Dim dt As New DataTable

dt = DAL.list_sub_pages(page("pid").ToString)

For Each subPage As DataRow In dt.Rows

Dim subPageLink As New RadEditorUtils.Link(subPage("title").ToString(), String.Format("/Public/Default.aspx?pid={0}", subPage("pid").ToString), "_self", subPage("title").ToString())

pageLink.Add(subPageLink)

Next

Me.editor.Links.Add(pageLink)

Next

Also how to handle editor.CancelClicked and editor.SubmitClicked? Is there something different involving these?

General Discussions

answered on 15 Jan 2013

5 answers

126 views

IE RadTextBox size issue

I am having trouble with the text box's in IE 9. I have them inside of a control and they seem to grow larger then the form itself when it pops up. It however works perfectly fine in firefox and Chrome. Any help would be greatly appreciated.

<table id="tblVehicle" cellspacing="2" cellpadding="1" width="100%" rules="none" border="0">

<tr>

<td colspan="4">

<b><asp:Label ID="lblHeading" runat="server" /></b><br />

</td>

</tr>

<tr>

<td colspan="4">

<asp:CheckBox ID="cbActive" runat="server" Font-Size="X-Small" Checked='<%# If(Eval("active") Is DBNull.Value, 0, Eval("active")) %>' Text="Active: "/>

</td>

</tr>

<tr>

<td>Salutation:</td>

<td>

<telerik:RadComboBox ID="cboContactSalutation" runat="server" Font-Size="X-Small"

Width="40px" SelectedValue='<%# Bind("contact_salutation") %>'>

<Items>

<telerik:RadComboBoxItem Text="" value="" />

<telerik:RadComboBoxItem Text="Mr." value="Mr." />

<telerik:RadComboBoxItem Text="Ms." value="Ms." />

<telerik:RadComboBoxItem Text="Dr." value="Dr." />

</Items>

</telerik:RadComboBox>

</td>

</tr>

<tr>

<td>First Name:</td>

<td>

<telerik:RadTextBox ID="tbContactFirstNm" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("contact_first_nm") %>'/>

<asp:RequiredFieldValidator ID="rfvFirstName" runat="server"

ControlToValidate="tbContactFirstNm" ErrorMessage="* required"/>

</td>

</tr>

<tr>

<td>Last Name:</td>

<td>

<telerik:RadTextBox ID="tbContactLastNm" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("contact_last_nm") %>'/>

<asp:RequiredFieldValidator ID="rfvLastName" runat="server"

ControlToValidate="tbContactLastNm" ErrorMessage="* required"/>

</td>

</tr>

<tr>

<td>Job Title:</td>

<td>

<telerik:RadTextBox ID="tbContactTitle" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("contact_title") %>'/>

</td>

</tr>

<tr>

<td>Department:</td>

<td>

<telerik:RadTextBox ID="tbContactDept" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("contact_dept") %>'/>

</td>

</tr>

<tr>

<td>Work Phone:</td>

<td>

<telerik:RadTextBox ID="tbPhoneWork" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("phone_work") %>'/>

</td>

</tr>

<tr>

<td>Mobile Phone:<td>

<telerik:RadTextBox ID="tbPhoneMobile" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("phone_mobile") %>'/>

</td>

</tr>

<tr>

<td>Fax:</td>

<td>

<telerik:RadTextBox ID="tbPhoneFax" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("phone_fax") %>'/>

</td>

</tr>

<tr>

<td>Email:</td>

<td>

<telerik:RadTextBox ID="tbAddressEmail" runat="server" Font-Size="X-Small" Width="150px" Text='<%# Bind("address_email") %>'/>

</td>

</tr>

<tr>

<td>Alternate E-mail:</td>

<td>

<telerik:RadTextBox ID="tbAddressEmail2" runat="server" Font-Size="X-Small" Width="150px" Text='<%# Bind("address_email2") %>'/>

</td>

</tr>

<tr>

<td colspan="2">

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

<h2>Mailing Info</h2>

<table style="width:100%;">

<tr>

<td>Street Address:</td>

<td>

<telerik:RadTextBox ID="tbAddressMailingStreet1" runat="server" Width="150px" Font-Size="X-Small" Text='<%# Bind("address_mailing_street1") %>'/>

<asp:RequiredFieldValidator ID="rfvMailingSt1" runat="server"

ControlToValidate="tbAddressMailingStreet1" ErrorMessage="* required"/>

</td>

</tr>

<tr>

<td></td>

<td>

<telerik:RadTextBox ID="tbAddressMailingStreet2" runat="server" Font-Size="X-Small" Width="150px" Text='<%# Bind("address_mailing_street2") %>'/>

</td>

</tr>

<tr>

<td>City:</td>

<td>

<telerik:RadTextBox ID="tbAddressMailingCity" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("address_mailing_city") %>'/>

<asp:RequiredFieldValidator ID="rfvMailingCity" runat="server"

ErrorMessage="* required" ControlToValidate="tbAddressMailingCity"/>

</td>

</tr>

<tr>

<td>

State:

<telerik:RadTextBox ID="tbAddressMailingState" runat="server" Font-Size="X-Small" Width="30px" Text='<%# Bind("address_mailing_state") %>'/>

</td>

<td>

Zip:

<telerik:RadTextBox ID="tbAddressMailingZip" runat="server" Font-Size="X-Small" Width="70px" Text='<%# Bind("address_mailing_zip") %>'/>

<asp:RequiredFieldValidator ID="rfvMailingState" runat="server" Display="Dynamic"

ErrorMessage="* must enter state" ControlToValidate="tbAddressMailingState" />

<asp:RegularExpressionValidator ID="revMailingZip" runat="server"

ControlToValidate="tbAddressMailingZip"

ValidationExpression="^(\d{5}-\d{4}|\d{5}|\d{9})$|^([a-zA-Z]\d[a-zA-Z] \d[a-zA-Z]\d)$"

Display="Dynamic"

EnableClientScript="false"

ErrorMessage="* invalid zip code" />

</td>

</tr>

<tr>

<td>Country:</td>

<td>

<telerik:RadTextBox ID="tbAddressMailingCountry" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("address_mailing_country") %>'/>

<asp:RequiredFieldValidator ID="rfvMailingCountry" runat="server"

ErrorMessage="* required" ControlToValidate="tbAddressMailingCountry"/>

</td>

</tr>

<tr>

<td colspan="2">

<asp:CheckBox ID="cbShippingIsSame" runat="server" Font-Size="X-Small" OnCheckedChanged="Checkbox_Changed" AutoPostBack="true" />

Check if shipping info is different from mailing info

</td>

</tr>

</table>

</asp:Panel>

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

<h2>Shipping Info</h2>

<table style="width:100%;">

<tr>

<td>Street Address:</td>

<td>

<telerik:RadTextBox ID="tbAddressShippingStreet1" runat="server" Font-Size="X-Small" Width="150px" Text='<%# Bind("address_shipping_street1") %>'/>

</td>

</tr>

<tr>

<td></td>

<td>

<telerik:RadTextBox ID="tbAddressShippingStreet2" runat="server" Font-Size="X-Small" Width="150px" Text='<%# Bind("address_shipping_street2") %>'/>

</td>

</tr>

<tr>

<td>City:</td>

<td>

<telerik:RadTextBox ID="tbAddressShippingCity" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("address_shipping_city") %>'/>

</td>

</tr>

<tr>

<td>

State:

<telerik:RadTextBox ID="tbAddressShippingState" runat="server" Font-Size="X-Small" Width="30px" Text='<%# Bind("address_shipping_state") %>'/>

</td>

<td>

Zip:

<telerik:RadTextBox ID="tbAddressShippingZip" runat="server" Font-Size="X-Small" Width="70px" Text='<%# Bind("address_shipping_zip") %>'/>

<asp:RegularExpressionValidator ID="revShippingZip" runat="server"

ControlToValidate="tbAddressShippingZip"

ValidationExpression="^(\d{5}-\d{4}|\d{5}|\d{9})$|^([a-zA-Z]\d[a-zA-Z] \d[a-zA-Z]\d)$"

Display="Dynamic"

EnableClientScript="false"

ErrorMessage="* invalid zip code" />

</td>

</tr>

<tr>

<td>Country:</td>

<td>

<telerik:RadTextBox ID="tbAddressShippingCountry" runat="server" Font-Size="X-Small" Width="120px" Text='<%# Bind("address_shipping_country") %>'/>

</td>

</tr>

</table>

</asp:Panel>

</td>

</tr>

<tr>

<td align="right" colspan="4">

<asp:button id="btnUpdate" text="Update" runat="server" CommandName="Update" Visible='<%# Not (TypeOf DataItem Is Telerik.Web.UI.GridInsertionObject) %>'></asp:button>

<asp:button id="btnInsert" text="Insert" runat="server" CommandName="PerformInsert" Visible='<%# (TypeOf DataItem Is Telerik.Web.UI.GridInsertionObject) %>'></asp:button>

<asp:button id="btnCancel" text="Cancel" runat="server" causesvalidation="False" commandname="Cancel"></asp:button>

</td>

</tr>

</table>

General Discussions

answered on 15 Jan 2013

1 answer

76 views

Buttons Localization

Hi,

I can't seem to find the localization labels for the Thumnailview an Gridview buttons.

They do not exist in RadEditor.Dialogs.xml?

Marc

FileExplorer

answered on 15 Jan 2013

3 answers

124 views

Item Command Template

I have an Edit Command Template which is a ascx file.

The problem that I am having is setting up the control. Usually I use the !Page.IsPostBack to know when I set my form values.

But since I have a RadGrid with in a RadTree, when I fire the Edit command, it is true. How can I tell when the edit command was clicked/executed?

Thanks
John

Grid

answered on 15 Jan 2013

5 answers

257 views

Error when databinding to webservice/wcf

Hi guys, I cant get the databinding to work, either on webservice or WCF. I have tried binding to both local webservice in same project and deployed webservice on remote server (both functioning), but when querying for data all I get is: "The server method 'GetKeywordList' failed"
(GetKeywordList is the name of the webmethod / operationcontract)

Any good advice?
Best regards,
Kim

AutoCompleteBox

answered on 15 Jan 2013

6 answers

323 views

Open radwindow without navigateurl and call code behind vb

Hi,
i open the radwindow into page without navigaturl. This my code is:

<telerik:RadWindow ID="RadWindowAnteprimaProfile" runat="server" ShowContentDuringLoad="false" Title="Anteprima immagine" Behaviors="None"

Modal="True" Behavior="None" Font-Names="Verdana" Font-Size="Small" IconUrl="/image/iconlogo.png" Width="350px" Height="280px"

MaxHeight="300px" MaxWidth="400px"

ToolTip="Anteprima immagine" VisibleStatusbar="False" Skin="Simple"

ReloadOnShow="True">

<ContentTemplate>

<div class="Divviewimgprifile">

<div class="Divviewimgprifile1">

<table style="width:100%; margin:0px; padding:0px; border:0px">

<tr>

<td style="text-align:center">

<div runat="server" id="imgprofile" class="AnteprimaImgProfile">

</div>

</td>

</tr>

<tr>

<td>

</td>

</tr>

<tr>

<td style="text-align:center; padding-top:10px">

<asp:ImageButton ID="Imgbtnesci_1" runat="server" ImageUrl="~/Image/esci1.png" />

</td>

</tr>

</table>

</div>

</ContentTemplate>

</telerik:RadWindow>

Now into vb net code i've this code:

Try

Dim conString = ConfigurationManager.ConnectionStrings("TrycontactString")

Dim strConnString As String = conString.ConnectionString

Using db As New SqlConnection(strConnString)

db.Open()

Using sqlcmd As New SqlCommand("Sp_get_imageprofile", db)

sqlcmd.CommandType = CommandType.StoredProcedure

sqlcmd.Parameters.AddWithValue("@id", SqlDbType.Int).Value = Session.Item("Idutente")

Dim _img As String = Replace(sqlcmd.ExecuteScalar, "~", "")

imgprofile.Attributes("style") = "background-image: url('" + _img + "');"

End Using

Catch ex As SqlException

Exit Sub

Catch ex As Exception

Exit Sub

End Try

End If

i would that when i pon the radwindow, start the vb code...How do it?

thanks bye

Window

answered on 15 Jan 2013

5 answers

82 views

Safari; events not showing

I am having an issue with Safari, it appears that events on my scheduler are not showing on my iPad or my windows machine in safari. My site is:

www.11sBlack.com on the Schedule page.

Thanks,
Sam

Scheduler

answered on 15 Jan 2013