Questions on UI for ASP.NET AJAX Forum

2 answers

175 views

LightBox and Grid

Hello,

I have a grid with a thumbnail for each row that now links to the picture of the product. When the user clicks the thumbnail a fancybox shows the picture of the product.

I'm trying to do the same with RadLightBox in the same way, but it seems very complicated to me to bind the RadLightBox component to each picture in the grid. I wonder whether is possible or not to changed the imageURL in the client side when the user clicks the thumbnail.

LightBox

answered on 25 Oct 2013

1 answer

142 views

Ajax for telerik radgrid

I have a telerik radgrid along with several gridbound columns. I want to reload the grid with the new data on a button click (which deletes one of the rows) without doing a posting back and refreshing the page.

But I am not sure how to use the telerik ajax manager, I have it as follow:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="myGrid">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="myGrid" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

then, I have a LinkButton when onclick it fires the btn_OnCommand on server side, which rebinds myGrid with the new retrieved data. But I won't see the changes on client unless I refresh the page. Could someone point me how to use the ajax manager?

Thanks

Ajax

answered on 25 Oct 2013

1 answer

101 views

Unable to add calender control in radgrid Filter

Hi,
I am using Telerik.Web.UI.dll version 2008.1.515.20
I need to add Calender control and a Drop Down control in Filter of radgrid asp.net.
But the <FilterTemplate> Tag is missing.
I tried to achieve this functionality using <

telerik:GridDateTimeColumn>

But the problem here is when i edit my row it shows calendar controls for each row also which is not required.
I need Calender control only in Filter rad grid.

Grid

answered on 25 Oct 2013

1 answer

206 views

ASP.NET Ajax client-side framework failed to load. on RadTilelist

Hello guys

I have a problem for RadTilelist on first load.

when I run Program it show an error like this

" Line: 48
Error: ASP.NET Ajax client-side framework failed to load."

Line: 54
Error: 'Sys' is undefined

I find some solution on other forum but it's not solution to solve my this problem.
even though :
Add this code location into web.config

it not work for me.

anyone can help me?

I develop project on ms visual studio 2010
database oracle
my localmachine is win XP
and I use telerik controls version 2013 Q3

My example code is.

<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <link href="css/TLT.css" rel="stylesheet" type="text/css" />
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        <Scripts>
            <asp:ScriptReference Assembly="Telerik.Web.UI"
                Name="Telerik.Web.UI.Common.Core.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI"
                Name="Telerik.Web.UI.Common.jQuery.js">
            </asp:ScriptReference>
            <asp:ScriptReference Assembly="Telerik.Web.UI"
                Name="Telerik.Web.UI.Common.jQueryInclude.js">
            </asp:ScriptReference>
        </Scripts>
    </telerik:RadScriptManager>
    <div>

        <table class="style1">
            <tr>
                <td>

    <telerik:RadGrid ID="RadGrid1" runat="server" Skin="Web20">
    </telerik:RadGrid>

                </td>
            </tr>
            <tr>
                <td>
                    <telerik:RadTileList ID="RadTileList1" runat="server">
                                <Groups>
                            <telerik:TileGroup>
                            <telerik:RadImageAndTextTile>
                            <Title Text= "test"></Title>
                            </telerik:RadImageAndTextTile>
                            <telerik:RadTextTile>
                          <Title Text= "test02"></Title>
                            </telerik:RadTextTile>
                            </telerik:TileGroup>

            </Groups>
                    </telerik:RadTileList>
                </td>
            </tr>
            <tr>
                <td>
                     </td>
            </tr>
        </table>

    </div>
    </form>
</body>
</html>

Please Help me

Best regard,
Chat

Ajax

answered on 25 Oct 2013

1 answer

169 views

White line in Header RadGrid

Hi All,

Does anyone know how to remove the white line in the header of RadGrid? It came after inserting a new column. The following picture attached.

Thanks...

Grid

answered on 25 Oct 2013

2 answers

115 views

RadGrid Rendering differently in Different Machine of 100% Same Application

I have a .NET 4.0 application which uses RadGrid in a web-page in Visual Studio 2013. When I open my page on 1st machine, I got the following HTML,

<div id="ctl00_mainContentPlaceHolder_ctl00_mainContentPlaceHolder_radMainPanel">

<div id="ctl00_mainContentPlaceHolder_radMain" class="RadGrid RadGrid_Metro">

<img width="64px" style='max-height: 100px; max-width: 100px;' src="/Data/Images/2013_09_16_17_18_37_1837_30f9.jpg" />

</td><td>

and when I open the same page on second machine I got,

<div id="ctl00_mainContentPlaceHolder_ctl00_mainContentPlaceHolder_radMainPanel">

<div id="ctl00_mainContentPlaceHolder_radMain" class="RadGrid RadGrid_Metro">

<table class="rgMasterTable" id="ctl00_mainContentPlaceHolder_radMain_ctl00" style="width:100%;table-layout:auto;empty-cells:show;">

<colgroup>

<col style="width:35px" />

<col />

...............................................................

The second one is correct but why my first machine does not show any table element which is the root cause.

Grid

answered on 25 Oct 2013

5 answers

478 views

[Solved] Combobox in Rad Grid in Editmode and Insert Mode

Hi,
i am having grid in which i am doing crud operations but for one column i want combobox rather than textbox(EntityType) in both the mode.
My code is

<%@ Page Title="" Language="C#" MasterPageFile="~/MPLayout.master" AutoEventWireup="true"

CodeFile="EntityDetailsGrid.aspx.cs" Inherits="EntityDetailsGrid" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

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

</asp:Content>

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

<%--Style Applied For The Textbox Inside Automatic Insert And Edit Mode--%>

<style type="text/css">

.riEditFormTextBox

{

margin-top: 4px;

width: 340px;

height:21px;

}

</style>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="true" PageSize="15" AllowSorting="true"

ShowGroupPanel="true" OnPreRender="RadGrid1_PreRender" HeaderStyle-Font-Bold="true"

Skin="Black" onitemcreated="RadGrid1_ItemCreated"

onneeddatasource="RadGrid1_NeedDataSource1"

oninsertcommand="RadGrid1_InsertCommand"

onitemcommand="RadGrid1_ItemCommand"

ondeletecommand="RadGrid1_DeleteCommand"

onupdatecommand="RadGrid1_UpdateCommand" >

<PagerStyle AlwaysVisible="true" Font-Bold="true" Mode="NextPrevNumericAndAdvanced" />

<ClientSettings AllowDragToGroup="true" AllowColumnsReorder="true" Resizing-AllowResizeToFit="true">

<Selecting AllowRowSelect="True" UseClientSelectColumnOnly="True"></Selecting>

</ClientSettings>

<ExportSettings ExportOnlyData="true" OpenInNewWindow="true" IgnorePaging="true"

FileName="Entity Details">

<Pdf AllowAdd="true" AllowCopy="true" AllowModify="true" AllowPrinting="true" BorderColor="Black"

BorderStyle="Medium" BorderType="AllBorders" PageBottomMargin="20px" PageFooter-LeftCell-TextAlign="Center"

PageFooterMargin="20px" PageHeader-LeftCell-TextAlign="Center" PageHeaderMargin="20px"

PageLeftMargin="35px" PageRightMargin="35px" PageTitle="List Of Entities and Details"

PageTopMargin="35px" PaperSize="A4" UserPassword="ss">

</Pdf>

</ExportSettings>

<MasterTableView CommandItemDisplay="Top" CommandItemSettings-ShowAddNewRecordButton="true" EditMode="EditForms" DataKeyNames="EntityId"

CommandItemSettings-ShowRefreshButton="false">

<CommandItemSettings ShowExportToCsvButton="true" ShowExportToExcelButton="true"

ShowExportToPdfButton="true" ShowExportToWordButton="true" />

<EditFormSettings FormMainTableStyle-HorizontalAlign="Center" EditColumn-ButtonType="PushButton"

FormTableStyle-Width="100%" FormTableButtonRowStyle-HorizontalAlign="Center"

FormTableStyle-CellPadding="3" FormMainTableStyle-Font-Bold="true" FormMainTableStyle-ForeColor="Purple"

FormStyle-CssClass="" FormTableStyle-CellSpacing="5" InsertCaption="Add New Record"

FormCaptionStyle-Font-Bold="true" FormCaptionStyle-Font-Underline="true" FormCaptionStyle-ForeColor="Black"

FormCaptionStyle-Font-Size="Large" FormCaptionStyle-HorizontalAlign="Center"

FormCaptionStyle-Width="100%">

<FormStyle Width="100%" BackColor="LightCyan"></FormStyle>

</EditFormSettings>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditColumn"></telerik:GridEditCommandColumn>

<telerik:GridButtonColumn CommandName="Delete" ButtonType="ImageButton" UniqueName="DeleteColumn" ConfirmText="Are you sure to Delete this Record?" ConfirmDialogType="RadWindow" ConfirmTitle="<b>Manifest-BI :: Delete</b>"></telerik:GridButtonColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</asp:Content>

and
How to Access the value from combobox on update and insert button click.

Thanks

Grid

answered on 25 Oct 2013

1 answer

103 views

Accessing checkbox control

Hi, I just updated our Telerik ASP.NET AJAX Radcontrols from Q3 2009 to Q3 2013, and the following code is not working anymore (see below), can somebody help me please?

The page has this declaration in the DetailView part of the RadGrid (inside columns):

                                    <telerik:GridTemplateColumn UniqueName="CheckBoxTemplateColumn2" DefaultInsertValue="">
                                        <ItemTemplate>
                                            <asp:Panel ID="Panel2" runat="server">
                                                <asp:CheckBox ID="CheckBox2" runat="server" Checked='<%# Bind("band") %>' OnCheckedChanged="checked_value" AutoPostBack="True"></asp:CheckBox>
                                            </asp:Panel>
                                        </ItemTemplate>
                                    </telerik:GridTemplateColumn>

This checkbox can be checked by the user and needs to be extracted to be able to gather selected rows in master/detail grid.
The code that used to work is:

                    foreach (GridDataItem gdi in RadGrid1.Items)
                    {
                        if (gdi.ItemType == GridItemType.Item ||
                            gdi.ItemType == GridItemType.AlternatingItem)
                        {
                            try
                            {
                                if (gdi["CheckBoxTemplateColumn2"] != null &&
                                    ((CheckBox)gdi["CheckBoxTemplateColumn2"].FindControl("CheckBox2")).Checked)
                                {
                                    if (gdi["deliveryNote"].Text.Trim() != " ")
                                        deliveryNote += gdi["deliveryNote"].Text + ",";
                                    materialDocument += gdi["MaterialDocument"].Text + ",";
                                    purchaseOrder += gdi["purchaseOrder"].Text + ",";
                                }
                            }
                            catch (Exception ex)
                            {
                            }
                        }
                    }

The exception is entered when C# tries to execute this: gdi["CheckBoxTemplateColumn2"] and in debug it is throwing exception too.

Any help would be much appreciated.

Regards, Pieter

Grid

answered on 25 Oct 2013

1 answer

53 views

XML file without application menu generates error

When creating a ribbonbar from xml file, is it mandatory to add an application menu? I am getting an error if I didnt include an application menu. Else its working good.
To replicate, create an xml file without an application menu and set this as source for loading ribbonbar, you will get an error. On adding an application menu , everything is fine working.

RibbonBar

answered on 25 Oct 2013

2 answers

131 views

Change Active Tab

I am utilizing the following example "Standalone Multipage" to work with my tab strip and have implemented it just fine. However I would really like it to update the tab location as well. How can I go about doing this? So when you click "Next" on the CU Type tab it will then highlight "Filters", so on and so forth.

Also I noticed when running it that if I manually clicked on "Dates" tab and clicked next it would go to the next tab which could be "Filters", not "Saved Searches".

Quite possibly this is the wrong sort of application for this? Is the Wizard a better use of it?