Questions on UI for ASP.NET AJAX Forum

1 answer

87 views

html code in pdf for ExportToPdf()

Hi,

How to html code in pdf for radeditor.exporttopd() ?

Thank you.

Editor

answered on 01 Jul 2011

1 answer

48 views

Using FilterTemplate With AllowFiltering Property Set to False

One of the GridTemplateColumn columns in my radgrid isn't populated by a database so its AllowFiltering property is set to false. However, I want to put a loading gif where <FilterTemplate> puts its markup.

How do I do this?

<telerik:RadGrid ID="RadGrid1" runat="server" AllowFilteringByColumn="true" OnNeedDataSource="RadGrid1_NeedDataSource">

<Columns>

<telerik:GridTemplateColumn UniqueName="MyCol1" AllowFiltering="false">

<FilterTemplate>

<img src="images/loading.gif" />

</FilterTemplate>

<ItemTemplate>

<asp:Hyperlink ID="MyLink" runat="server" Text="MyLink"></asp:Hyperlink>

</ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

</telerik:RadGrid>

Any help is appreciated.

Grid

answered on 01 Jul 2011

1 answer

64 views

Providing confirmation box before deletion in grid view

Hello,

Can someone tell me how to provide a box to provide confirmation before deletion in grid view.

I have this thing in my grid view

   <ItemTemplate>
        <asp:ImageButton ID="ImageButton1" runat="server" AlternateText="Delete Customer"
            OnClientClick="javascript:if(!confirm('This action will move the selected employee to his source store . Are you sure?')){return false;}"
            CausesValidation="false"
         
          OnClick = "RadGrid1_ItemDeleted1"
         
         CommandName="Delete"
          CommandArgument='<%# Eval("EmployeeNumber") %>' 
            ImageUrl="~/_Layouts/delete/images.jpg" />

        </ItemTemplate>

Now in the click event how to I get the row for which the delete was clicked.

Thanks

Grid

answered on 01 Jul 2011

3 answers

120 views

RadMenu item not poping up after rad grid page index changed

Hi Friends,
This is my Grid

<

telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="true" PageSize="100" OnPageIndexChanged="RadGrid1_PageIndexChanged">

<MasterTableView CommandItemDisplay="TopAndBottom" PagerStyle-Position="TopAndBottom"

AutoGenerateColumns="true">

<telerik:RadMenu ID="RadOptionsMenu" runat="server" ClickToOpen="false"

EnableRoundedCorners="true" EnableShadows="true"

OnItemClick="RadOptionsMenu_Clicked"

Skin="Vista">

<Items>

<telerik:RadMenuItem AccessKey="x" CssClass="MenuText" Text="Export">

<Items>

<telerik:RadMenuItem runat="server" Text="Excel">

</telerik:RadMenuItem>

</Items>

</telerik:RadMenuItem>

</Items>

</telerik:RadMenu>

<tr>

</td>

</tr>

</table>

</CommandItemTemplate>

</MasterTableView>

</ClientSettings>

</telerik:RadGrid>

The menu item "Excel" is not showing up after the grid page index is changed. Its working fine in Load. I am using

RadAjaxPanel also.

Please help me.
Thanks
Ratheesh

Grid

answered on 30 Jun 2011

13 answers

191 views

Strange Behavior in Hierarchical DataGrid

I am having a issue displaying data from a dataset to a Hierarchical RadGrid. I have created a small solution that will display the issue, but I have no way of posting it. the solution is a n-teir solution and a website that is built to use user controls to build and display the data. I am defining the hierarchical datagrid in a .cs class in my controls folder of the website.

Data: I have 3 rows of data in the Parent and each row has child records.

Row 1 displays properly
Row 2 displays properly
Row 3 does not display any data until you move to page 2 on the pager control. Incidentally the record ID's for the child records in row 3 begin at 12 and the page size is set for 10 records to be displayed per page.

I am wondering if there is a problem with my Grid definition class. The Sample DataSet in the DAL appears to be correctly set up but I feel I have overlooked something.

Let me know how I can upload the solution.

Edit:
I did some additional checking and it seems that the grid is loading the data based on the ID of the record rather than the row number.
On Row 2 the child table ID's are 5 - 11. I have 10 records being displayed per page. Records 5-10 display on the first page. If I change the Page size to 5 then 1 record displays, the record with the ID 5. I am assuming I have missed some setting on the grid definition else this is a really bad defect.

Grid

answered on 30 Jun 2011

3 answers

203 views

RadToolTip OnClick Event

Can you please tell me if it's possible to fire the ToolTip when the appointment is clicked in a RadScheduler rather than have it fire every time someone mouses over an appointment?

Thanks in advance,
David

ToolTip

answered on 30 Jun 2011

1 answer

103 views

Set Bar Labels C#

See attached image. I would like to set the labels under each of the bars in my bar chart. They are currently just 1, 2, and 3. How would I could about manually setting them?

Here is my code for building that chart:

protected void makeStockChart()

{

RadChart stockChart = new RadChart();

stockChart.ChartTitle.Visible = false;

stockChart.Appearance.Border.Visible = false;

stockChart.Legend.Appearance.Visible = false;

stockChart.PlotArea.YAxis.Appearance.Visible = Telerik.Charting.Styles.ChartAxisVisibility.False;

stockChart.PlotArea.Appearance.FillStyle.MainColor = System.Drawing.Color.White;

stockChart.PlotArea.Appearance.FillStyle.SecondColor = System.Drawing.Color.White;

stockChart.PlotArea.Appearance.Border.Color = System.Drawing.Color.White;

// Create a ChartSeries and assign its name and chart type

ChartSeries chartSeries = new ChartSeries();

chartSeries.Name = "Count";

chartSeries.Type = ChartSeriesType.Bar;

// Open SQL Connection

SqlConnection connection = new SqlConnection(ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString);

connection.Open();

SqlCommand command = new SqlCommand("GetStockData", connection);

command.CommandType = CommandType.StoredProcedure;

SqlDataReader reader = command.ExecuteReader();

while (reader.Read())

{

// Pretty up the value

string value = string.Format("{0:d}", (reader.GetValue(1)));

// Set value and value text

ChartSeriesItem chartSeriesItem = new ChartSeriesItem(Convert.ToDouble(reader.GetValue(1)), value);

chartSeriesItem.Name = reader.GetValue(0).ToString();

chartSeries.AddItem(chartSeriesItem);

}

// Close SQL Connection

connection.Close();

// add the series to the RadChart Series collection

stockChart.Series.Add(chartSeries);

// add the RadChart to the page.

this.stockChart.Controls.Add(stockChart);

}

Chart (Obsolete)

answered on 30 Jun 2011

2 answers

103 views

How do I determine which Button caused the client side event

Hi

I am using a RadToolBar with several buttons.

I can get the client side event to fire, but I cann't figure out how
to identify which button was clicked.

I'm sure its obvious. :-)

TIA

ToolBar

answered on 30 Jun 2011

4 answers

126 views

TimePicker ignoring custom skin

Trying to use the timepicker control, setting Skin="mySkin" and EnableEmbeddedSkins="false" , just like i do with any other telerik controls. I've got the .css file included on the page. my DatePicker styles fine, but the TimePicker does not. Looking at the source html, the timepicker html tags do not even get the custom skin. Not sure what the problem is?

any idea what's going on ? below is my .css styles. are these not the correct style classes for the control anymore?

    
            <telerik:RadTimePicker ID="RadTimePicker1" Skin="mySkin" EnableEmbeddedSkins="false" runat="server" > 
        
            <TimeView runat="server" StartTime="07:00:00" EndTime="20:00:10" /> 
        
            </telerik:RadTimePicker>

    
            /*time view*/ 
        
            table.RadCalendarTimeView_mySkin 
        
            { 
        
                border-collapse:separate; 
        
                border:1px solid #75b064; 
        
                background:#ffffff; 
        
                font:11px "segoe ui",arial,sans-serif; 
        
            } 
        
            .RadCalendarTimeView_mySkin th 
        
            { 
        
                border:0; 
        
                border-bottom:1px solid #a8cf9d; 
        
                padding:0 0 1px; 
        
                background:#caf2c2 0 -1000px repeat-x url('../_images/Calendar/sprite_green.gif'); 
        
                color:#006e0b; 
        
                text-align:center; 
        
                line-height:23px; 
        
                cursor:default; 
        
                font-weight:normal; 
        
            } 
        
            table.RadCalendarTimeView_mySkin td 
        
            { 
        
                border:0; 
        
                border-left:1px solid #acdb9c; 
        
                padding:2px 2px 3px; 
        
            } 
        
            table.RadCalendarTimeView_mySkin td:first-child 
        
            { 
        
                border-left:0; 
        
            } 
        
            .RadCalendarTimeView_mySkin a 
        
            { 
        
                display:block; 
        
                padding:2px 6px; 
        
                text-align:center; 
        
                color:#000000; 
        
                text-decoration:none; 
        
            } 
        
            .RadCalendarTimeView_mySkin td.rcSelected a 
        
            { 
        
                border:1px solid; 
        
                padding:1px 5px; 
        
                background:#fa83fc 0 -1700px repeat-x url('../_images/Calendar/sprite_green.gif'); 
        
            } 
        
            .RadCalendarTimeView_mySkin td.rcHover a 
        
            { 
        
                border:1px solid #299926; 
        
                color:#299926; 
        
                padding:1px 5px; 
        
                background:#ff80fd 0 -1600px repeat-x url('../_images/Calendar/sprite_green.gif'); 
        
            } 
        
            .RadCalendarTimeView_mySkin .rcFooter 
        
            { 
        
                border:0; 
        
                border-top:1px solid #75b064; 
        
                padding:0; 
        
            }

Calendar

answered on 30 Jun 2011

1 answer

164 views

how do i make controls in RadWindow trigger UpdateProgress

I'm trying to convert some AJAX modal popup extenders to RadWindows, but the LinkButtons in my RadWindows no longer trigger my UpdateProgress to appear on postback. The end result is that the user has no indication that the action is occurring and can click the buttons as many times as they choose. When I try and add the LinkButton as triggers to the UpdatePanel, I get an error that the control doesn't exist. Is there a way to associate controls in a RadWindow as UpdatePanel triggers? Here's a simplified version of the ASPX.

<asp:UpdateProgress ID="updProgress" AssociatedUpdatePanelID="updPanel" runat="server">

<ProgressTemplate>

<asp:Panel ID="progressPanel" runat="server" CssClass="IPUpdateProgress">

<table align="center">

<tr>

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

<asp:Label ID="lblUpdateInProgress" runat="server" CssClass="IPLabelText" Text="Update in progress..."></asp:Label>

<asp:Image ID="imgGlobalProcessing" runat="server" ImageUrl="/Images/ajax-loader.gif" />

</td>

</tr>

</table>

</asp:Panel>

</ProgressTemplate>

</asp:UpdateProgress>

<asp:UpdatePanel runat="server" ID="updPanel" UpdateMode="Conditional" ChildrenAsTriggers="true">

<Triggers>

<asp:AsyncPostBackTrigger ControlID="lnxbtnNew" EventName="Click" />

<asp:AsyncPostBackTrigger ControlID="drxlstSearch" EventName="SelectedIndexChanged" />

<asp:AsyncPostBackTrigger ControlID="tbxSelectedValue" EventName="TextChanged" />

</Triggers>

<ContentTemplate>

<telerik:RadWindow runat="server" ID="rwNewExport" Modal="true" Title="Create New Export" Skin="IP" EnableEmbeddedSkins="false" AutoSize="true" VisibleStatusbar="false">

<ContentTemplate>

<table cellspacing="0" cellpadding="2" width="580px">

<tr>

<td colspan="3"><asp:Label ID="lbxNewValidationError" CssClass="IPValidationError" runat="server"></asp:Label></td>

</tr>

<tr>

<td>

<asp:Label ID="Label111" runat="server" CssClass="IPLabelText">Export Country</asp:Label>

</td>

<td>

<asp:DropDownList ID="drxlstNewExportCountry" runat="server" CssClass="IPDropDownList" Width="400px">

</asp:DropDownList>

</td>

<td rowspan="2">

<asp:LinkButton ID="lnxbtnSaveNew" runat="server" Style="padding-right: 4px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px" CssClass="IPLinkButton">Go</asp:LinkButton>

</td>

</tr>

<tr>

<td>

<asp:Label ID="Label112" runat="server" CssClass="IPLabelText">Import Country</asp:Label>

</td>

<td>

<asp:DropDownList ID="drxlstNewImportCountry" runat="server" CssClass="IPDropDownList" Width="400px">

</asp:DropDownList>

</td>

</tr>

<tr>

<td colspan="3"> </td>

</tr>

<tr runat="server" id="rowTemplateHeader" class="IPGridHeader">

<td colspan="3">

<asp:Label ID="Label113" runat="server">Create New Export From Template</asp:Label>

</td>

</tr>

<tr runat="server" id="rowTemplate">

<td>

<asp:Label ID="Label114" runat="server" CssClass="IPLabelText">Template</asp:Label>

</td>

<td>

<asp:DropDownList ID="drxlstTemplates" runat="server" CssClass="IPDropDownList" Width="400px">

</asp:DropDownList>

</td>

<td>

<asp:LinkButton ID="lnxbtnSaveFromTemplate" runat="server" Style="padding-right: 4px; padding-left: 4px; padding-bottom: 4px; padding-top: 4px" CssClass="IPLinkButton">Go</asp:LinkButton>

</td>

</tr>

</table>

</ContentTemplate>

</telerik:RadWindow>

</ContentTemplate>

</asp:UpdatePanel>

Window

answered on 30 Jun 2011