Questions on UI for ASP.NET AJAX Forum

7 answers

133 views

Does RadRotator have a way to do a mouse over caption transparent area similar to the SimpleViewer. An example of what I am looking for is at http://www.techstudio.ca/portfolio

I want to have the same functionality as this one without the thumbnails but with auto advance.

Thanks
Clint

Rotator

answered on 31 May 2011

1 answer

89 views

current selected menu value

Hi,

I want to change the font color of selected Menu when it clicked. I tried to do it in Menu css but what is happening is, When we click on any menu there is page load and it reloads a full page and in that case the css again reload with page. So I thought to change font color of selected menu in C# code in Page_Load. But I am getting null for the selectedItem everytime after selection of any menu
Can you please let me know that how to do that change font color of selected menu ?

Note: I don't have any submenu in my menu control.

Thanks,
--JP

Menu

answered on 31 May 2011

3 answers

216 views

Hiding RadProgressArea on completed with AJAX

http://www.telerik.com/help/aspnet-ajax/upload-custom-progress-monitoring-with-ajax.html

I am wanting to auto-hide the RadProgressArea on completion using AJAX - it does this automatically with a postback, but within an UpdatePanel, it just stays open after completion.
Referring to the above link, I have tried wrapping the RadProgressArea inside the UpdatePanel as well as not. I am having trouble with hiding the RadProgressArea on completion. I am using a Custom Progress, measuring a foreach loop and not uploading files.
How am I supposed to hide the RadProgressArea on completion? I have tried on client-side via the .hide() function and OnClientProgressUpdating event but this hides it as soon as it appears - before it's complete.

Thanks

Ajax

answered on 31 May 2011

17 answers

692 views

Export Grid within UpdatePanel

Hi,

I have an RadGridView within an UpdatePanel and I want to export it to Excel. Than I discover a problem. I've already knew that Button which triggers the actual export should be registered as an postback control. I did it (according to the way found on telerik website). But it does not work. My GridView looks like this

    
               <telerik:RadGrid ID="gvSearchTelerik" runat="server" 
        
                                     OnItemCreated="gvSearchTelerik_ItemCreated" 
        
                                     EnableAjaxSkinRendering="false" 
        
                                     AllowSorting="True" 
        
                                     AllowPaging="True" 
        
                                     PageSize="15" 
        
                                     GridLines="None" 
        
                                     Width="100%" 
        
                                     AllowFilteringByColumn="True" 
        
                                     DataSourceID="sqlSearchDevice" 
        
                                     HeaderStyle-Wrap="false" 
        
                                     HeaderStyle-Width="150px" 
        
                                     ShowGroupPanel="True" 
        
                                     ShowStatusBar="true"> 
        
                            <MasterTableView CommandItemDisplay="Top"> 
        
                                <CommandItemTemplate> 
        
                                    <asp:ImageButton ID="bXls" runat="server" 
        
                                                     OnInit="bXls_Init" 
        
                                                     OnPreRender="bXls_PreRender" 
        
                                                     OnClick="bXls_Click" 
        
                                                     style="margin:3px 2px 1px 2px" 
        
                                                     SkinID="ExportToExcel"/>                                
        
                                </CommandItemTemplate> 
        
                                <Columns> 
        
                                    <telerik:GridBoundColumn DataField="Id" DataType="System.Int32" 
        
                                                             HeaderText="MojeIdecko"> 
        
                                    </telerik:GridBoundColumn> 
        
                                </Columns> 
        
                            </MasterTableView> 
        
                            <PagerStyle Mode="NextPrevAndNumeric"></PagerStyle> 
        
                            <ExportSettings IgnorePaging="true" OpenInNewWindow="true" ExportOnlyData="true" > 
        
                                <Excel FileExtension="xls" Format="ExcelML" /> 
        
                            </ExportSettings>                          
        
                        <ClientSettings AllowDragToGroup="True" 
        
                                        AllowColumnsReorder="true" 
        
                                        ReorderColumnsOnClient="true"> 
        
                            <Scrolling AllowScroll="True" 
        
                                       UseStaticHeaders="True" 
        
                                       SaveScrollPosition="true" 
        
                                       FrozenColumnsCount="1" /> 
        
                        </ClientSettings>                          
        
                    </telerik:RadGrid>

it is placed in the content page of a master page. Update panel is placed over the whole content in the master page. The code behind of the export function is

    
                protected void bXls_Click(object sender, ImageClickEventArgs e)  
        
                {  
        
                    gvSearchTelerik.ExportSettings.ExportOnlyData = true;  
        
                    gvSearchTelerik.ExportSettings.IgnorePaging = true;  
        
                    gvSearchTelerik.ExportSettings.OpenInNewWindow = true;  
        
                    gvSearchTelerik.MasterTableView.ExportToExcel();  
        
                }

i registered the button as postback control in the ItemCreated event of the gridview

    
                protected void gvSearchTelerik_ItemCreated(object sender, Telerik.Web.UI.GridItemEventArgs e) 
        
                { 
        
                 if (e.Item is GridCommandItem) 
        
                   { 
        
                       ImageButton ibExportToExcel = (e.Item as GridCommandItem).FindControl("bXls") as ImageButton; 
        
                       this.RegisterPostbackControl(this, ibExportToExcel); //this function just registers input control

            // via ScriptManager placed on the MasterPage

                   } 
        
                }

however, each time i click the export button an asynchronous postback is made, not just fullpostback and GridView is not exported.
I tried other solution written on the telerik website, but non of them seem to work. What I've discovered was fact that export is made only for the first time. In other words, export is working, but when i made some postback on the page, export button does not cause full postback anymore.

please help.

thanks

Grid

answered on 31 May 2011

3 answers

136 views

RadGrid Drag&Drop and Grouping

Hello All,

I want to make a Gridview with a default grouping. For example i have 2 tables. The first one includes Countries and Country IDs. The second contains ID, ContactName, Email, CountryID.

I have 3 Country record in my Countries table and 5 Contact record in my Contacts table. 3 of my contacts belong to CountryID 1 and 2 of them to CountryID 2. There is no contacts for CountryID 3.

I want to group my grid by countries and show all the 3 country and contacts below.

The second condition is i want to be able to move this contacts between this groups. (Of course the records will be updated)

A sample view of my finish work is attached. I get all my countries by grouping in SQL Query. Bu the mistake is i get 1 record for the empty Country record. It souldnt.

My SQL Query is like:

SELECT Contacts.ID, Contacts.ContactName, Contacts.Email, Countries.ID AS CountryID, Countries.CountryName, COUNT(Contacts.ID) AS TotalContacts

FROM Contacts RIGHT OUTER JOIN Countries ON Contacts.CountryID = Countries.ID

GROUP BY Contacts.CountryID, Countries.ID, Countries.CountryName, Contacts.ContactName, Contacts.Email, Contacts.ID

<telerik:RadGrid ID="RadGrid1" runat="server" DataSourceID="SqlData"

AutoGenerateColumns="False" AllowSorting="True" AllowMultiRowSelection="False"

AllowPaging="True" PageSize="15" GridLines="None" OnRowDrop="RadGrid1_RowDrop">

<PagerStyle Mode="NumericPages"></PagerStyle>

<MasterTableView DataSourceID="SqlData" DataKeyNames="ID" GroupLoadMode="Server">

<GroupByExpressions>

<telerik:GridGroupByExpression>

<SelectFields>

<telerik:GridGroupByField FieldAlias="Country" FieldName="Country"></telerik:GridGroupByField>

<telerik:GridGroupByField FieldName="TotalContact" Aggregate="Count"></telerik:GridGroupByField>

</SelectFields>

<GroupByFields>

<telerik:GridGroupByField FieldName="Country"></telerik:GridGroupByField>

</GroupByFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridDragDropColumn HeaderStyle-Width="18px" />

<telerik:GridBoundColumn SortExpression="ID" HeaderText="ID" HeaderButtonType="TextButton" datafield="ID" UniqueName="ID" />

<telerik:GridBoundColumn SortExpression="ContactName" HeaderText="Name" HeaderButtonType="TextButton" datafield="ContactName" UniqueName="ContactName" />

<telerik:GridBoundColumn SortExpression="Country" HeaderText="Country" HeaderButtonType="TextButton" DataField="Country" UniqueName="Country" />

</Columns>

</MasterTableView>

<ClientSettings AllowRowsDragDrop="true">

<Selecting AllowRowSelect="True" EnableDragToSelectRows="false" />

</ClientSettings>

</telerik:RadGrid>

Grid

answered on 31 May 2011

1 answer

305 views

making the gridview row bold based on some conditions

Hi All,
I am trying to make the gridview row bold, The first row of my gridview is linkbuttons. when someone clicks on the linkbutton then I want to make the row bold, this works fine in my code, I want to show a pop up message to the user if the user clicks on another link button. the pop up message should say "You are leaving the link (Old Link Button ID) and you are going to (new link button ID) here. Are you Sure? if the user clicks "Yes" in the pop up window then I need to bold the new link button row that the user just clicked otherwise if the user clicks "NO" or cancel then I need to keep the old link button row bolded.

I tried lot of things and put lot of hours in it, but couldn't get forward with this. Below is my code

This is inside the DataBound event of grid:

foreach (GridDataItem item in RadGrid_IDPicker.Items)

{

if (Convert.ToString(DataBinder.Eval(item.DataItem, "IID")) == lblID.Text)

{

item.Style.Add(HtmlTextWriterStyle.FontWeight, "Bold");

}

if (lblIDTemp.Text != lblID.Text)

{

string radalertscript = "<script language='javascript'

>function f(){confirm_select('" + lblIDtemp.ClientID + "'); Sys.Application.remove_load(f);}; Sys.Application.add_load(f);</

script>";

Page.ClientScript.RegisterStartupScript(this.GetType(), "myScript", radalertscript);

}

In above code lblIDTemp is the value of the old link button which I stored in a hidden variable and lblID is the new link button value which i stored in another hidden varaible.

Any help will be higly apprecaited. I am trying to solve this problem since morning and don't know how to solve it.

Grid

answered on 31 May 2011

2 answers

61 views

Problems with RadGrid

I created a Telerik AJAX project and added a web page with master page. I added RadScriptManager, RadAjaxManager and RadGrid and set the columns. The grid is set to allow sorting and filtering via the telerik options. If I get the data, the filtering and sorting returns a page with only a small area in it - not filled with any data and not showíng the empty grid text. What is going wrong? Can you please help me to get this up?

Here is my page definition:

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

</telerik:RadScriptManager>

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

<telerik:AjaxSetting AjaxControlID="OverviewGrid">

<telerik:AjaxUpdatedControl ControlID="OverviewGrid" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid ID="OverviewGrid" runat="server" AllowFilteringByColumn="True"

AllowPaging="True" AllowSorting="True" AutoGenerateColumns="False"

CellSpacing="0" CssClass="grid" Skin="WebBlue" GridLines="None">

<

MasterTableView>

<

CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>

<

RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

<

HeaderStyle Width="20px"></HeaderStyle>

</

RowIndicatorColumn>

<

ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

<

HeaderStyle Width="20px"></HeaderStyle>

</

ExpandCollapseColumn>

<telerik:GridHyperLinkColumn DataNavigateUrlFields="ObjectId"

DataNavigateUrlFormatString="Request.aspx?ObjectId={0}"

DataTextField="Employee" FilterControlAltText="Filter Employee"

HeaderText="Employee" SortExpression="Employee" Target="_blank"

UniqueName="Employee">

</telerik:GridHyperLinkColumn>

<telerik:GridBoundColumn DataField="Division"

FilterControlAltText="Filter Division" HeaderText="Division"

SortExpression="Division" UniqueName="Division">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CostCenter"

FilterControlAltText="Filter Cost Center" HeaderText="Cost Center"

SortExpression="CostCenter" UniqueName="CostCenter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="RequestPeriod"

FilterControlAltText="Filter Request Period" HeaderText="Date"

SortExpression="RequestPeriod" UniqueName="RequestPeriod" DataFormatString="{0:d}">

</telerik:GridBoundColumn>

<telerik:GridNumericColumn DataField="Hours" DecimalDigits="2"

FilterControlAltText="Filter Hours" HeaderText="Hours"

SortExpression="Hours" UniqueName="Hours" DataFormatString="{0:N}">

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="Reason"

FilterControlAltText="Filter Reason" HeaderText="Reason"

SortExpression="Reason" UniqueName="Reason">

</telerik:GridBoundColumn>

<telerik:GridNumericColumn DataField="Overtime" DecimalDigits="2"

FilterControlAltText="Filter Overtime" HeaderText="Current Overtime"

SortExpression="Overtime" UniqueName="Overtime" ReadOnly="true" DataFormatString="{0:N}">

</telerik:GridNumericColumn>

<telerik:GridCheckBoxColumn DataField="ApprovalSuperior"

FilterControlAltText="Filter Superior Approval" HeaderText="Superior"

SortExpression="ApprovalSuperior" UniqueName="ApprovalSuperior" ReadOnly="true">

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn DataField="ApprovalCctResponsible"

FilterControlAltText="Filter Cost Center Approval" HeaderText="Cost Center"

SortExpression="ApprovalCctResponsible" UniqueName="ApprovalCCT" ReadOnly="true">

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn DataField="ApprovalBuResponsible"

FilterControlAltText="Filter BU Responsible Approval" HeaderText="HR BU"

SortExpression="ApprovalBuResponsible" UniqueName="ApprovalBU" ReadOnly="true">

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn DataField="ApprovalHeadHr"

FilterControlAltText="Filter Head HR Approval" HeaderText="Head HR"

SortExpression="ApprovalHeadHr" UniqueName="ApprovalHR" ReadOnly="true">

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn DataField="ApprovalWorksCouncil"

FilterControlAltText="Filter Works Council Approval" HeaderText="Works Council"

SortExpression="ApprovalWorksCouncil" UniqueName="ApprovalWC" ReadOnly="true">

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn DataField="ApprovalEmployee"

FilterControlAltText="Filter Employee Approval" HeaderText="Employee"

SortExpression="ApprovalEmployee" UniqueName="ApprovalEmployee" ReadOnly="true">

</telerik:GridCheckBoxColumn>

</Columns>

<

EditFormSettings>

<

EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</

EditFormSettings>

</

MasterTableView>

<

FilterMenu EnableImageSprites="False"></FilterMenu>

<

HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

</telerik:RadGrid>

Do I have to program something or will it work automatically?

Grid

answered on 31 May 2011

2 answers

132 views

RadScript Problem..?

I want to create a confirmation message box using java script. Once they hit ok or cancel i should go to a function written in .cs.
Could anyone give a solution for this ..?

Ajax

answered on 31 May 2011

2 answers

114 views

Javascript Callback Confusion

Hi,
I was looking at this project and could not understand a part of the javascript.
There is an asmx file in the project called Authentication. It has a method IsLoggedIn:

[ScriptService]

[WebService(Namespace = "http://tempuri.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

public class Authentication : WebService

{

[WebMethod]

public bool IsLoggedIn()

{

return Context.User.Identity.IsAuthenticated;

}

In the file ToolTip.aspx, that method is called as such:

<telerik:RadCodeBlock runat="server" ID="RadCodeBlock1">

<script type="text/javascript">

function OnClientBeforeShow(sender, eventArgs)

{

Authentication.IsLoggedIn(successfulAuthCallback, failedAuthCallback, eventArgs);

}

function successfulAuthCallback(isLoggedInResult,eventArgs) {

if (isLoggedInResult != true)

{

// reload the entire page so the Forms Auth will see that the cookie has expired and redirect to login

window.location.reload(true);

}

function failedAuthCallback(result, eventArgs)

{

alert("Auth Callback failed: Reason -- " + result);

}

</script>

</telerik:RadCodeBlock>

My confusion stems from the fact that:

IsLoggedIn has no formal parameters. However, it is being passed 3 parameters.
I cannot see wheresuccessfulAuthCallback is being passed 2 parameters. It has two parameters. But where are they being passed to it.

Cheers

ToolTip

answered on 31 May 2011

2 answers

69 views

RadAjaxManager performs a standard postback every second request

Hi,

I have a really simple scenario here where i have a button in a panel of which is then ajaxified with the radajaxmanager as below. The problem i see here is that every second postback a standard (non-asyncronous) postback is occurring as shown by the IsAjaxRequest property being displayed in the alert. Is there something really obvious i am missing here ?

Thanks

Ady

                    public partial class WebForm2 : System.Web.UI.Page         
                {         
                         
                    Panel panel;         
                    Button button;         
                     
                    protected void Page_Load(object sender, EventArgs e)         
                    {         
                        AddControls();           
                    }         
                     
                     
                    void AddControls()         
                    {         
                        //Create controls         
                        panel = new Panel();         
                        button = new Button { Text = "Update" };         
                                
                     
                        //Add event handler         
                        button.Click += new EventHandler(button_Click);         
                     
                        //Add controls         
                        Form.Controls.Add(panel);         
                               
                        panel.Controls.Add(button);         
                     
                        //Register with manager         
                               
                        RadAjaxManager1.AjaxSettings.AddAjaxSetting(panel, button, null);         
                    }         
                     
                    void button_Click(object sender, EventArgs e)         
                    {         
                        RadAjaxManager1.Alert(RadAjaxManager1.IsAjaxRequest.ToString());         
                    }         
                     
                     
                }         

Ajax

answered on 31 May 2011