Questions on UI for ASP.NET AJAX Forum

1 answer

88 views

Programatically add templates on heirarchy?

How do I programatically add an .acsx file as a template as a DetailView? Thanks

Grid

answered on 01 Sep 2008

0 answers

62 views

To create a Custom control using RADEditor

Hi,

I want to create an custom control with two rad editors and a splitter in the middle. Is it possible to resize the control as i am building this as an web custom control.

Thanks
Ragu

Editor

asked on 01 Sep 2008

2 answers

132 views

[Solved] hide griditem

Hi,
I need to hide a GridItem and made this test.
But it's not working, why?
All GridItems is still visible!

    
            protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e) 
             
                    { 
             
                        if (e.Item is GridDataItem) 
             
                            e.Item.Visible = false; //(e.Item as GridDataItem).Visible = false;

                    }

Grid

answered on 01 Sep 2008

2 answers

79 views

gridgroupboxfield with griddropdowncolumn

Hi all,

I have a grid with a drop down column and i can group the grid by the columns. So my problem is that when i want to group it by the combocolumn i can not get the header's name of the grouping like

myGroupColumn:Value and in the column value get the correct info....

i hope you undestand my doubt and can help me with this.

regards,

Daniel Peralta

Grid

answered on 01 Sep 2008

1 answer

129 views

Grid with no details not showing

Hi,

I populate my grid data with the given client ID, as follows:

private void LoadCharges()
{
   int _ClientId = 0;
   List<ClientCharges> clientCharges = ClientChargesManager.QueryClientChargesByClientId(_ClientId);

   rgCharges.DataSource = clientCharges;
   rgCharges.DataBind();
}

I am looking for a blank grid that says something like "No charges found", so I tried sending it a client ID of 0 (this client ID does not exist), but then the grid is not even populated. It doesn't even appear.

Here is my grid:

<radG:RadGrid
   ID="rgCharges"
   AutoGenerateColumns="false"
   GridLines="None"
   runat="server">
   <MasterTableView NoMasterRecordsText="Nothing.." NoDetailRecordsText="None" DataKeyNames="ClientChargeID">
   <Columns>
      <radG:GridBoundColumn DataField="ChargeAmount" HeaderText="Charge Amount" HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="right" UniqueName="ChargeAmount" DataFormatString="{0:###,###.00}">
      </radG:GridBoundColumn>
   </Columns>
   </MasterTableView>
</radG:RadGrid>

Please help.

Thanks
Brendan

Grid

answered on 01 Sep 2008

1 answer

70 views

Having edit/update/delete on one grid cause refresh on another?

Hi -- I'm new to the RadControls, and really enjoying them. However, I have a vexing problem that I can't seem to get my head around.

What I've got is a page with two RadGrid controls, RadGrid1 and RadGrid2. Technically, they could be displayed as a hierarchy, since RadGrid1 is a "categories" table and RadGrid2 is an "items" table where each item has a category. However, for UI reasons, that's not what I want to do.

I'm using RadAjaxManager, and everything is working great in both grids... except edits in RadGrid1 are not reflected in RadGrid2. I have RadGrid1 set to update both grids in RadAjaxManager.

What I'm thinking is that I need some way to tell RadGrid1 that in the event of a successful insert/update/delete it should do a postback. Or maybe there's some client piece that can tell RadGrid2 to reload upon changes to RadGrid1. I've tried every permutation of the RadGrid1_ItemUpdated event, RadGrid2.Rebind, and so on, but I think I'm just not understanding what's going on well enough to do the righ thing.

Please advise!
-Brooks

Grid

answered on 01 Sep 2008

1 answer

152 views

RadPanelBar custom skin not working

Hi

We have been using Telerik controls since years , but ever since we installed your latest

RadControls for ASP.NET AJAX , I am really fighting to have our custom skins within our apps.

I have followed your tutorial Tutorial: Creating A Custom Skin

But have not able to get it to work.

Please tell me where I am going wrong?

I have the following in my page:

<telerik:RadPanelBar

id="radNavigation"

Width="210px"

Runat="server"

ExpandMode="SingleExpandedItem"

Skin="FHFBNAV"

Font-Names="Verdana"

OnClientItemClicking="collapseRoots" AllowCollapseAllItems="True"

EnableEmbeddedSkins="false">

</telerik:RadPanelBar>

I have this directory structure for the css file:

FHFBNAV

PanelBar

PanelBar. FHFBNAV.css

My css file looks like this :

.RadPanelbar_FHFBNAV

{

/*background: white;*/

background: url(PanelBar/itemsBg.gif) repeat-y;

white-space: nowrap;

border: solid 1px #608058;

border-top: 0px;

text-align:left;

}

.RadPanelbar_FHFBNAV .rpText

{

padding: 0px 20px; /* vertical - horizontal */

font: bold 11px Verdana, Arial, Sans-serif;

line-height: 31px;

}

.RadPanelbar_FHFBNAV .rpImage

{

margin: 4px 0px; /* vertical - horizontal */

}

.RadPanelbar_FHFBNAV .rpRootGroup .rpLink

{

border-top: solid 1px #608058;

background: url('PanelBar/RootItemBkg.gif') repeat-x;

color: #10110f;

}

/* span class="text" */

.RadPanelbar_FHFBNAV .rpRootGroup .rpText

{

font-weight: bold;

}

.RadPanelbar_FHFBNAV .rpRootGroup .rpLink:hover

{

background: url('PanelBar/RootItemFocusedBkg.gif') repeat-x;

}

.RadPanelbar_FHFBNAV .rpRootGroup .rpDisabled:hover

{

border-top: solid 1px #608058;

background: url('PanelBar/RootItemBkg.gif') repeat-x;

color: #10110f;

}

.RadPanelbar_FHFBNAV .rpGroup .rpText

{

background: transparent;

font-weight: normal;

padding: 0px 20px; /* vertical-horizontal */

border: 0px;

line-height: 25px;

}

.RadPanelbar_FHFBNAV .rpLevel2 .rpText

{

padding-left: 43px;

line-height: 23px;

}

.RadPanelbar_FHFBNAV .rpRootGroup .rpExpanded .rpText

{

background: url('PanelBar/RootItemBkgActive.gif') repeat-x;

}

/* child item link */

.RadPanelbar_FHFBNAV .rpGroup .rpLink

{

background: url(PanelBar/itemsBg.gif) repeat-y;

border: 0px;

}

/* child item link:hover */

.RadPanelbar_FHFBNAV .rpGroup .rpLink:hover,

.RadPanelbar_FHFBNAV .rpGroup .rpSelected .rpText

{

background: url(PanelBar/itemSelected.gif) repeat-y;

text-decoration: underline;

}

.RadPanelbar_FHFBNAV .rpRootGroup .rpDisabled:hover,

.RadPanelbar_FHFBNAV .rpRootGroup .rpDisabled .rpText

{

background: url('PanelBar/RootItemBkg.gif') repeat-x;

color: #ccc;

cursor: default;

}

.RadPanelbar_FHFBNAV .rpRootGroup .rpGroup .rpDisabled:hover,

.RadPanelbar_FHFBNAV .rpRootGroup .rpGroup .rpDisabled .rpText

{

text-decoration: none;

background: url(PanelBar/itemsBg.gif) repeat-y;

border-top: none;

color: #ccc;

cursor: default;

}

Please help I am in the middle of a release..

Thanks

Farhad Billimoria

PanelBar

answered on 31 Aug 2008

2 answers

344 views

Sys.ScriptLoadFailedException using AJAX inside Splitter

We have the following structure

Splitter
    Pane
        Splitter
            Pane
                SlidingZone
                    SlidingPane
                        Button initiating
                    SlidingPane
                    SlidingPane
            Spiltbar
            Pane
                Panel Updating
            Splitbar
            Pane
    Splitbar
    Pane
        SlidingZone
            SlidingPane
            Sliding Pane

When we click the button it performs the ajax request and completes correctly but then a JavaScript error occurs:

Sys.ScriptLoadFailedException. The script  ScriptResource.axd?{BLAH} contains multiple calls to Sys.Application.notifyScriptLoaded(). Only one is allowed.

As such no more JavaScript executes.

This is an asp:content control with the asp:ScriptManagerProxy and telerik:RadAjaxManagerProxy in the same control.

Why is this error occuring? What can we do to sort it out?

Ajax

answered on 29 Aug 2008

2 answers

94 views

[Solved] Unable to cast object of type 'ASP.folder_master' to type 'Telerik.Web.UI.GridTableView'

I have a RadGrid with Filter on a web content page. I can sort or navigate page to page w/o any problem. When I use filter, I get this error 'Unable to cast object of type 'ASP.folder_master' to type 'Telerik.Web.UI.GridTableView'. It gives the same error when I try the Grouping function. Please help. Thanks.

Project: VS 2008 runs as Web Site on IIS 7 - .NET 3.5

<telerik:RadGrid ID="radgridUsers" runat="server" AutoGenerateColumns="False" Width=100% Skin="WebBlue" GridLines="None" ShowStatusBar=true ShowFooter=true OnSortCommand="radgridUsers_SortCommand" OnPageIndexChanged="radgridUsers_PageIndexChanged" OnItemCreated="radgridUsers_ItemCreated" OnItemDataBound="radgridUsers_ItemDataBound" AllowPaging="True" AllowSorting="True" AllowFilteringByColumn="True" >
<PagerStyle Mode="NextPrevAndNumeric" />
<MasterTableView AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True" ShowFooter="True" TableLayout="Auto">
<Columns>
<telerik:GridBoundColumn DataField="UserId" UniqueName="columnPersonId" Visible="False" />
<telerik:GridBoundColumn DataField="UserName" HeaderText="Name" UniqueName="columnUserName" SortExpression="UserName" />
</Columns>
</MasterTableView>
<ClientSettings>
<Scrolling AllowScroll="false" />
</ClientSettings>
</telerik:RadGrid>

Grid

answered on 29 Aug 2008

4 answers

183 views

issue with Master page and two content pages and getting reference to content page controls

Hi,

I have a master page and two content pages for that master page.
The code in the two content pages is almost identical. When I try to setup the Ajax settings in the page load event of the master page, I can get a reference to the control in one of the content pages but not the other.

Following is the code in the master page code behind: Page_Load

In the following code Grid2 comes back as nothing which is my main issue:

Dim Grid1 As Telerik.Web.UI.RadGrid = CType(Me.ContentPlaceHolder11.FindControl("RadGrid1"), Telerik.Web.UI.RadGrid)

Dim Grid2 As Telerik.Web.UI.RadGrid = CType(Me.ContentPlaceHolder22.FindControl("RadGridPage1"), Telerik.Web.UI.RadGrid)

'Grid2 comes back as nothing

AjaxManager1.AjaxSettings.AddAjaxSetting(RadComboBox1, Grid1,

Nothing)

AjaxManager1.AjaxSettings.AddAjaxSetting(Grid1, RadComboBox2,

Nothing)

AjaxManager1.AjaxSettings.AddAjaxSetting(Grid1, Grid2,

Nothing)

Following is the markup for the Master Page:

<%

@ Master Language="VB" CodeFile="MasterPage.master.vb" Inherits="MasterPage" %>

<%

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

<!

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>Untitled Page</title>

<asp:ContentPlaceHolder id="head" runat="server">

</asp:ContentPlaceHolder>

<

telerik:RadScriptBlock runat="server" ID="ScriptBlock1">

<

script type="text/javascript">

</

script>

</

telerik:RadScriptBlock>

</

head>

<

body>

<div>

<asp:ScriptManager ID="ScriptManager" runat="server" />

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

<telerik:AjaxSetting AjaxControlID="RadComboBox1">

<telerik:AjaxUpdatedControl ControlID="RadComboBox1" ></telerik:AjaxUpdatedControl>

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadAjaxPanel ID="RadAjaxPanelMain" runat="server" EnableAJAX="true">

<telerik:RadComboBox ID="RadComboBox1" runat="server" AutoPostBack="true">

<Items>

<telerik:RadComboBoxItem Value="1" Text="One" />

<telerik:RadComboBoxItem Value="2" Text="Two" />

</Items>

</telerik:RadComboBox>

<telerik:RadComboBox ID="RadComboBox2" runat="server" AutoPostBack="true">

<Items>

<telerik:RadComboBoxItem Value="1" Text="One1" />

<telerik:RadComboBoxItem Value="2" Text="Two2" />

</Items>

</telerik:RadComboBox>

<br />

<asp:TextBox ID="Txtfilter" runat="server" onkeyUp="TxtFilterChange(this);" > </asp:TextBox>

</telerik:RadAjaxPanel>

</div>

<telerik:RadAjaxPanel ID="Content1" runat="server" EnableAJAX= "True">

<asp:ContentPlaceHolder id="ContentPlaceHolder11" runat="server">

</asp:ContentPlaceHolder>

</telerik:RadAjaxPanel>

<telerik:RadAjaxPanel ID="Content2" runat="server" EnableAJAX= "True">

<asp:ContentPlaceHolder id="ContentPlaceHolder22" runat="server">

</asp:ContentPlaceHolder>

</telerik:RadAjaxPanel>

<br />

</div>

</form>

</

body>

</

html>

Following is the Markup for the first Content Page:

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" MasterPageFile="~/MasterPage.master" %>

<%

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

<asp:content ID="Content11" contentplaceholderid="ContentPlaceHolder11" runat="server">

Main page

<asp:Panel ID="Panel1" Style="background-color: ButtonFace; width: 100%;" runat="server">

<telerik:RadComboBox ID="RadComboBox1" runat="server">

</telerik:RadComboBox>

<telerik:RadGrid ID="RadGrid1" runat="server" AllowPaging="True" PageSize="6" PagerStyle-Mode="Slider" ClientSettings-EnablePostBackOnRowClick="true">

</ClientSettings>

</telerik:RadGrid>

</asp:Panel>

</

asp:content>

Following is the Markup for the second Content page:

<%

@ Page Language="VB" AutoEventWireup="false" CodeFile="DefaultPage2.aspx.vb" Inherits="DefaultPage2" MasterPageFile="~/MasterPage.master" %>

<%

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

<asp:content ID="Content22" contentplaceholderid="ContentPlaceHolder22" runat="server">

Main page

<asp:Panel ID="PanelPage1" Style="background-color: ButtonFace; width: 100%;" runat="server">

<telerik:RadComboBox ID="RadComboBoxPage1" runat="server">

</telerik:RadComboBox>

<telerik:RadGrid ID="RadGridPage1" runat="server" AllowPaging="True" PageSize="6" PagerStyle-Mode="Slider" ClientSettings-EnablePostBackOnRowClick="true">

</ClientSettings>

</telerik:RadGrid>

</asp:Panel>

</

asp:content>

Please let me know if you need more details.

Thanks in advance.

General Discussions

answered on 29 Aug 2008

protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e)
{
if (e.Item is GridDataItem)
e.Item.Visible = false; //(e.Item as GridDataItem).Visible = false;
}