Questions on UI for ASP.NET AJAX Forum

110,792 questions

1 answer

191 views

I have a grid in which I display column totals in the footer.
Below is the declaration of my grid column.

<telerik:GridTemplateColumn UniqueName="EndBalance" HeaderText="Ending Balance" ItemStyle-HorizontalAlign="Right"

FooterStyle-HorizontalAlign="Right">

<ItemTemplate>

<asp:HyperLink ID="linkEndBalance" runat="server" Text='<%# Eval("EndBalanceDollars")%>'></asp:HyperLink>

</ItemTemplate>

<FooterTemplate>

<asp:HyperLink ID="linkEndBalanceTotal" runat="server"></asp:HyperLink>

<br />

<asp:HyperLink ID="linkEndBalanceGrandTotal" runat="server"></asp:HyperLink>

</FooterTemplate>

</telerik:GridTemplateColumn>

I am having troubles with the footer when exporting the grid.
The total and the grand total columns overlap each other and are not displayed on separate lines.

I have my exportonlydata set to true.

How can I get the line break in the footer.

Grid

answered on 28 Nov 2011

1 answer

95 views

ugly line in commanditemdisplay

I am hiding the add new button and the refresh button and only displaying the export buttons in the commanditemdisplay.
However, I see a line next to the export buttons and I am not sure how to get rid of that.

Below is attached screenshot showing the line. I have highlighted the line in red.

Grid

answered on 28 Nov 2011

1 answer

297 views

Sys.WebForms.PageRequestManagerServerErrorException: Invalid JSON primitive: Rebind.

Error : Sys.WebForms.PageRequestManagerServerErrorException: Invalid JSON primitive: Rebind.

In one of our project requirement we have customized the SPRADGRID webpart and have created our own webpart. We are facing some issues with Ajax request.

The rad grid is bound to an SharePoint list. and we are calling the ShowEditInsertForm to open the Edit And Add form for the list. when we submit the form. We are trying to refresh the grid through ajax request when the model pop is closed. we get the above mentioned error when the ajax request completes its execution.

below is some part from the code.

Ajax Manager ajax request code
void AjaxManager_AjaxRequest(object sender, AjaxRequestEventArgs e)
{
if (e.Argument == "Rebind")
{
this.Grid.Rebind();
}
}

JavaScript Code to raise the request
function refreshGrid(arg)
{
if (!arg)
{
ajaxManagerClientId = 'ctl00_RadAjaxManager1';
$find(ajaxManagerClientId).ajaxRequest();
}
else
{
ajaxManagerClientId = 'ctl00_RadAjaxManager1';
$find(ajaxManagerClientId).ajaxRequest();
}
}

Grid

answered on 27 Nov 2011

3 answers

200 views

[Solved] using RadAJAX Manager with RadComboBox Or DropDownList

Hello ,,

I've two RadComboBox one for the Region and the other for the Place,,

    
                            <telerik:RadComboBox ID="ddl_Regions" runat="server" Skin="WebBlue" Filter="Contains" 
        
                                Width="200px" AutoPostBack="True" CssClass="Lists">  
        
                            </telerik:RadComboBox> 
        
                            <telerik:RadComboBox ID="ddl_Places" runat="server" Skin="WebBlue" Filter="Contains" 
        
                                Width="200px" CssClass="Lists">  
        
                            </telerik:RadComboBox>

When the user choose a Region the Place list will rebind and get the Places of the selected Region

    
                                Dim Places As New BusinessLayer.Placess  
        
                                Places.GetByRegionID(ddl_Regions.SelectedValue)  
        
                                ddl_Places.DataSource = Places  
        
                                ddl_Places.DataTextField = "Name" 
        
                                ddl_Places.DataValueField = "ID" 
        
                                ddl_Places.DataBind()

everything was fine until i put the Region

    
            <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" OnAjaxRequest="RadAjaxManager1_AjaxRequest">  
        
                <AjaxSettings> 
        
                    <telerik:AjaxSetting AjaxControlID="RadAjaxManager1">  
        
                        <UpdatedControls> 
        
                            <telerik:AjaxUpdatedControl ControlID="ddl_Regions" /> 
        
                            <telerik:AjaxUpdatedControl ControlID="ddl_Places" /> 
        
                            <telerik:AjaxUpdatedControl ControlID="lbl_result" /> 
        
                        </UpdatedControls> 
        
                    </telerik:AjaxSetting> 
        
                </AjaxSettings> 
        
            </telerik:RadAjaxManager>

when I did that the application still enter the selectedIndexChanged Event of the ddl_Regions and rebind the places but the ddl_Places does't refresh until i did a postback

Should i do postback everytime i want to rebind the ddl_Places data ,?,, what's the best way to achieve this?

Thank for help

General Discussions

answered on 26 Nov 2011

1 answer

100 views

Tabs Based on Date Passed in QueryString

I'm interested in building a tab strip that will dynamically change based on a value passed in a querystring, such as a date.
The current date will be highlighted in the tab and multiple days on either side of the center tab will show.
I've attached a screen shot of what I'd like to do and I didn't know if there's a similar example out there.

Thanks,
Matt

TabStrip

answered on 25 Nov 2011

3 answers

178 views

RadComboBox ajax client side encoding

Im facing a problem with encoding of RadComboBox.

Before postback in Viewstate I have:

ctl00_plhBody_ctrRegistration_cbBoss_ClientState:{"logEntries":[],"value":"20","text":"Андреев","enabled":true}

And after postback there is:

{"logEntries":[],"value":"20","text":"Андреев","enabled":true}<br>

And then application crashes. Its in updatePanel, and unfortunately I dont have error message (its on productioin right now and Ive got limited access to logs).

Thanks for any suggestions

ComboBox

answered on 25 Nov 2011

3 answers

180 views

RadButtons Moving on MouseOver

I'm using two RadButtons skinned with Windows7 skin in a .Net 3.5 ASP.Net web application. Here's the relevant markup:

<asp:Panel ID="pnlCancelRequestConfirmation" runat="server" style="display: none;" CssClass="CancelRequestModalPopUp">

<div style="background-color: White; border: 2 solid black; padding: 10px;">

Enter the reason for removing this SRF:<br />

<asp:TextBox ID="txtCancelReason" runat="server" Width="200px"></asp:TextBox>

<br />

<asp:RequiredFieldValidator ID="rfvCancelReason" runat="server" ValidationGroup="CancelRequestConfirmationGroup"

ControlToValidate="txtCancelReason" ErrorMessage="Reason is required" CssClass="SrfRedText"

Display="Dynamic" />

<br />

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

<telerik:RadButton ID="btnCancelSrfCancelRequest" runat="server" Text="Remove SRF" OnClick="btnCancelSrfCancelRequest_Click" CausesValidation="true" ValidationGroup="CancelRequestConfirmationGroup"></telerik:RadButton>

<telerik:RadButton ID="btnCloseSrfCancelRequest" runat="server" Text="Cancel" CausesValidation="false"></telerik:RadButton>

</div>

<br />

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

<asp:Button ID="btnTest" runat="server" Text="ASP.Net Button" />

</div>

</asp:Panel>

This code is being displayed in an Ajax Toolkit Modal Popup. But this happens elsewhere in my code as well. I think I've isolated it to some jQuery behavior but I'm not sure how to prevent it. If I use a normal ASP.Net button, I don't get this behavior.

When I tab out of the textbox above the buttons, the buttons shift to the left. When I mouse over them, they reposition back to where they are supposed to be.

Here's a screencast to show what I'm talking about:

http://screencast.com/t/sM21Z1WPZZ

Has anyone experieced this problem? If so, what should I do to fix it?

Thanks.

Button

answered on 25 Nov 2011

5 answers

155 views

Rad Window State Issue

Hi,

I have a requirement where I need to have a master page and a RAD menu control on the master page. Now I need a new RAD window on click of any menu item from server side irrespective of the fact whether I am clicking same menu item or any other menu item.

I am creating a new RAD window on click event of every menu item click event from server side code and able to successfully create a new RAD window when I am clicking first time on any menu item. But whenever I clicked on any other menu item or same menu item again, my previously opened RAD window get lost and new rad window appears. I think it is a state issue, seems like page is not able to maintain RAD windows on the post back.

I have also tried creating RAD windows from client side java script as well. I am able to create multiple rad windows using java script on click of any of my menu item but all RAD windows created with java script are getting lost on click of browser’s refresh button and F5 button.

Please let me know the best way to create multiple RAD windows from server side and client side as well along with state management. Please help me out to maintain rad windows even after post back of page where these windows exist.

Window

answered on 25 Nov 2011

12 answers

156 views

[Solved] InsertCommand not triggered

Hi all:
I must be doing something wrong in the settings as I can't seem to figure out why my listbox isn't auto updating. I've used this demo to help me on my way, and I successfully have the delete statement working great. I need to get the "insert" to work. Here's my code:

.aspx

<telerik:RadAjaxLoadingPanel runat="server" ID="RadAjaxLoadingPanel1" />

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" LoadingPanelID="RadAjaxLoadingPanel1">

<telerik:RadListBox ID="pasLead_rlb" runat="server" Height="150px" Width="250px" AllowTransfer="true" TransferToID="pasLead_rlbDestination"

DataSourceID="paslead_DS" DataTextField="paslead" DataValueField="contactID">

</telerik:RadListBox>

<telerik:RadListBox ID="pasLead_rlbDestination" runat="server" Height="150px" Width="250px" DataKeyField="contactID" AutoPostBackOnTransfer="true" AutoPostBack="true"

DataSourceID="pasleadSelected_DS" DataTextField="paslead" DataValueField="contactID" AllowAutomaticUpdates="true" AutoPostBackOnDelete="true" AllowDelete="true">

</telerik:RadListBox>

</telerik:RadAjaxPanel>

sqldatasource

<asp:SqlDataSource ID="pasleadSelected_DS" runat="server"

ConnectionString="<%$ ConnectionStrings:myconnection %>"

SelectCommand="SELECT contacts.id AS contactID, contacts.name + ' (' + groups.short_name + ')' AS paslead

FROM contacts,

groups,

area_contact_map acm

WHERE contacts.groupID = groups.id

and contacts.id = acm.contactID

and areaID = @id

and (acm.blnRemoved IS NULL OR acm.blnRemoved = 0)

ORDER BY paslead"

DeleteCommand="UPDATE area_contact_map SET update_date = getDate(), update_user = @u, blnRemoved = 1 WHERE areaID = @aid AND contactID = @contactID"

InsertCommand="INSERT INTO area_contact_map (areaID, contactID, create_date, create_user, blnRemoved) VALUES (@aid, @contactID, getDate(), @u, 0)">

<SelectParameters>

<asp:Parameter Name="id" Type="String" />

</SelectParameters>

<DeleteParameters>

<asp:Parameter Name="aid" Type="String" />

<asp:Parameter Name="contactID" Type="String" />

<asp:Parameter Name="u" Type="String" />

</DeleteParameters>

<InsertParameters>

<asp:Parameter Name="aid" Type="String" />

<asp:Parameter Name="contactID" Type="String" />

<asp:Parameter Name="u" Type="String" />

</InsertParameters>

</asp:SqlDataSource>

.vb

aid = Request.QueryString("i")

pasuser = Membership.GetUser.ProviderUserKey.ToString()

areaDS.SelectParameters("id").DefaultValue = aid

pasleadSelected_DS.SelectParameters("id").DefaultValue = aid

pasleadSelected_DS.DeleteParameters("aid").DefaultValue = aid

pasleadSelected_DS.DeleteParameters("u").DefaultValue = pasuser

pasleadSelected_DS.InsertParameters("aid").DefaultValue = aid

pasleadSelected_DS.InsertParameters("u").DefaultValue = pasuser

The action I need to track automatically, is when the user moves an item from paslead_rlb to paslead_rlbDestination. Help! Thanks!

ListBox

answered on 25 Nov 2011

5 answers

177 views

[Solved] Problem with Grid Header

I am having a problem with the header portion of the radgrid.

When the page is first displayed the right-hand portion of the header has been eliminated and replaced with white space. Attached graphic "HeaderWidth1.png" shows this and also shows the Developer Tools display with the header segment highlighted. You can see the width is set at "663px".

If I change the "663px" to "100%", the header will be displayed at full width (refer to attached graphic "HeaderWidth2.png").

I have tried coding a special css class for this item setting its width to 100% to no avail.

The code for the .aspx file is displayed immediately below. Can anyone tell me why this issue is happening and how I can eliminate it?

Thanks in advance!

Lynn

<%@ Page Title="" Language="C#" MasterPageFile="~/Masters/EPSDev3.master" AutoEventWireup="true" CodeFile="PetitionInfo.aspx.cs" Inherits="PetitionInfo" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">

<style type="text/css">

.VerticalAlign1

{

padding-top: 6px;

}

.rgHeaderDiv

{

width: 100%;

}

</style>

</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

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

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="SignersGrid">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="SignersGrid" LoadingPanelID="RadAjaxLoadingPanel1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />

<div style="width: 800px;">

<div style="float: left; background-color: White; padding: 0px;">

<table cellpadding="1" cellspacing="0" border="0" >

<tr>

<td colspan="5" align="center" >

<h2>

<asp:Label ID="VoterAuthenticationLabel" runat="server" Text="<%$ Resources:Resource, PetitionInformationLabel %>"></asp:Label>

</h2>

</td>

</tr>

<tr>

<td width="2%">

</td>

<td width="47%" valign="top">

<table >

<tr>

<td colspan="2" align="left" style="font-weight: normal; height: 12px;">

<asp:Label ID="Label6" runat="server" Font-Bold="true" Text="<%$ Resources:Resource, CandidateInformationLabel%>"></asp:Label>

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="CycleLabel" runat="server" Text="<%$ Resources:Resource, CycleLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label1" runat="server" Text="<%$ Resources:Resource, RaceLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label2" runat="server" Text="<%$ Resources:Resource, NameLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label3" runat="server" Text="<%$ Resources:Resource, AddressLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label4" runat="server" Text="<%$ Resources:Resource, CityStZipLabel %>"></asp:Label>

</td>

<td align="left">

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

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

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

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label5" runat="server" Text="<%$ Resources:Resource, CountyLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

</table>

</td>

<td width="2%">

</td>

<td width="47%" valign="top">

<table width="100%">

<tr>

<td colspan="2" align="left" style="font-weight: normal; height: 12px;">

<asp:Label ID="Label7" runat="server" Font-Bold="true" Text="<%$ Resources:Resource, ContactInformationLabel%>"></asp:Label>

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label8" runat="server" Text="<%$ Resources:Resource, NameLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label9" runat="server" Text="<%$ Resources:Resource, PhoneLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label10" runat="server" Text="<%$ Resources:Resource, EmailLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label11" runat="server" Text="<%$ Resources:Resource, WebSiteLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

<tr>

<td align="left">

<asp:Label ID="Label16" runat="server" Text="<%$ Resources:Resource, LinkToLabel %>"></asp:Label>

</td>

<td align="left">

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

</td>

</tr>

</table>

</td>

<td width="2%">

</td>

</tr>

<tr>

<td colspan="5">

</td>

</tr>

<tr >

<td>

</td>

<td align="center" valign="middle" colspan="3" >

<asp:Label CssClass="VerticalAlign1" ID="PetitionsListTitle" Font-Size="16px" Width="100%" BackColor="#565A43" Height="24px" ForeColor="#ffffff" Font-Bold="true" runat="server" Text="<%$ Resources:Resource, PetitionSignersLabel %>"></asp:Label>

</td>

<td>

</td>

</tr>

<tr>

<td width="2%">

</td>

<td colspan="3" valign="middle">

<telerik:RadGrid AutoGenerateColumns="false" ID="SignersGrid" runat="server" Width="99.7%"

AllowSorting="true" AllowFilteringByColumn="true" EnableLinqExpressions="false"

AllowPaging="false" PageSize="15"

BorderWidth="1px" BorderColor="#999999" EnableEmbeddedSkins="true" Skin="Default"

DataSourceID="SQLDataSource1"

ShowFooter="True" GridLines="None" >

<PagerStyle Mode="NextPrevAndNumeric" />

<GroupingSettings CaseSensitive="false" />

<MasterTableView AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True"

ShowFooter="True" TableLayout="Auto">

<Columns>

<telerik:GridBoundColumn FilterControlWidth="50px" HeaderText="First Name" UniqueName="FirstName" DataField="FirstName" SortExpression="FirstName" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="LastName" HeaderText="Last Name" DataField="LastName" SortExpression="LastName" >

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="VoterAddress" HeaderText="Address" DataField="Address" SortExpression="Address" >

</telerik:GridBoundColumn >

<telerik:GridBoundColumn UniqueName="RemoveSignature" HeaderText="Remove" DataField="CountyId" SortExpression="CountyId" >

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="true" />

</ClientSettings>

</telerik:RadGrid>

</td>

<td width="2%">

</td>

</tr>

<tr>

<td colspan="5" align="center" >

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

</td>

</tr>

<tr>

<td colspan="5" align="center" >

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

</td>

</tr>

<tr>

<td colspan="5" align="center" >

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

</td>

</tr>

<tr>

<td colspan="5" align="center" >

</td>

</tr>

<tr>

<td colspan="5" align="center" >

</td>

</tr>

<tr>

<td colspan="5" align="center" >

</td>

</tr>

<tr >

<td>

</td>

<td align="center" valign="middle" colspan="3" >

<asp:Label CssClass="VerticalAlign1" ID="Label12" Font-Size="16px" Width="100%" BackColor="#565A43" Height="24px" ForeColor="#ffffff" Font-Bold="true" runat="server" Text="<%$ Resources:Resource, SearchPetitionSignersLabel %>"></asp:Label>

</td>

<td>

</td>

</tr>

<tr>

<td colspan="5" align="center" >

</td>

</tr>

<tr>

<td colspan="5" align="center" >

<asp:Label ID="Label15" runat="server" Text="<%$ Resources:Resource, FirstLastNameLabel %>"></asp:Label>

<asp:TextBox ID="SearchFirstName" Width="80px" runat="server" TabIndex="1"></asp:TextBox>

<asp:TextBox ID="SearchLastName" Width="80px" runat="server" TabIndex="2"></asp:TextBox>

<asp:Label ID="Label13" runat="server" Text="<%$ Resources:Resource, AddressLabel %>"></asp:Label>

<asp:TextBox ID="SearchAddress" runat="server" TabIndex="3"></asp:TextBox>

</td>

</tr>

<tr>

<td colspan="5" align="center" >

<asp:RadioButtonList ID="TypeOfCompare" runat="server" CellSpacing="10" RepeatDirection="Horizontal" >

<asp:ListItem Enabled="True" Selected="True" Text="Contains the value anywhere" Value="1" />

<asp:ListItem Enabled="True" Selected="False" Text="Only check the beginning of the entry" Value="2" />

</asp:RadioButtonList>

<br />

<asp:Label ID="SearchInstructions" runat="server" Text="<%$ Resources:Resource, SearchInstructionsLabel %>"></asp:Label>

</td>

</tr>

<tr>

<td colspan="5" align="center" >

</td>

</tr>

<tr>

<td colspan="5" align="center" >

</td>

</tr>

<tr >

<td>

</td>

<td align="center" valign="middle" colspan="3" >

<asp:Label CssClass="VerticalAlign1" ID="Label14" Font-Size="16px" Width="100%" BackColor="#565A43" Height="24px" ForeColor="#ffffff" Font-Bold="true" runat="server" Text="<%$ Resources:Resource, CloseAndPrintLabel %>"></asp:Label>

</td>

<td>

</td>

</tr>

<tr>

<td colspan="5" align="center" >

</td>

</tr>

<tr>

<td colspan="5" align="center" >

<asp:Button ID="ClosePetitionButton" TabIndex="6" runat="server" Text="<%$ Resources:Resource, ClosePetitionBtn %>" />