Questions on UI for ASP.NET AJAX Forum

3 answers

202 views

RadFileExplorer with custom button column

i try add custom button column as descripted in demo like:

    
            private void AddGridButtonColumn(string name, string uniqueName, bool sortable)  
        
                    {  
        
                        //remove first if grid has a column with that name  
        
                        RemoveGridColumn(uniqueName);  
        
                        // Add a new column with the specified name  
        
                        GridButtonColumn gridButtonColumn1 = new GridButtonColumn();  
        
                        gridButtonColumn1.HeaderText = name;  
        
                        if (sortable)  
        
                            gridButtonColumn1.SortExpression = uniqueName;  
        
                        gridButtonColumn1.UniqueName = uniqueName;  
        
                        gridButtonColumn1.DataTextField = uniqueName;  
        
                        RadFileExplorer_SharedFolderBrowser.Grid.Columns.Add(gridButtonColumn1);  
        
                    }

but no button appears in grid.

any solution?

FileExplorer

answered on 04 Feb 2013

2 answers

91 views

Strange Appearance / CSS Issue

Please take a look at the first screenshot I've attached. That's the normal appearance of an editor I've built with the RadTreeView and some other standard controls. Everything works fine except that testing has revealed one unacceptable peculiarity.

If the browser window is made quite narrow and then a fairly wide Description is chosen in the treeview (and displayed in the accompanying textbox) then everything suddenly shifts over to the left and the editor becomes unusable until the browser is refreshed.

Here's the pertinent layout code:

<div class="content1" style="margin:40px">

<asp:UpdateProgress ID="UpdateProgress1" runat="server" Visible="true">

<ProgressTemplate>

<div id="progress" class="progress">

<img src="../Images/Progress/indicator_big.gif" />

<br /><br />

Please Wait

</div>

</ProgressTemplate>

</asp:UpdateProgress>

<asp:UpdatePanel ID="UpdatePanel1" runat="server">

<ContentTemplate>

<asp:HiddenField ID="scrollOkay" runat="server" /> <%-- If set true then the tree's scrollIntoView function will be used. --%>

<asp:Panel ID="panelPath" runat="server" Width="720px" style="padding:5px">

Path: <asp:Label ID="labelPath" runat="server" Text="" style="font-weight:bold" />

</asp:Panel>

<div style="height:15px"></div>

<asp:Panel ID="panelTree" runat="server" Width="350" Height="500" BorderColor="DarkGray"

BorderStyle="Groove" BorderWidth="1" style="float:left">

<telerik:RadTreeView ID="treeViewMain" runat="server"

ExpandAnimation-Duration="5"

ShowLineImages="true"

OnNodeExpand="treeViewMain_NodeExpand"

OnNodeClick="treeViewMain_NodeClick"

MultipleSelect="false"

AllowNodeEditing="false"

EnableDragAndDrop="true"

OnNodeDrop="treeViewMain_NodeDrop"

Height="500px" Width="350px"

style="background-color:#F0F8FF"

/>

</asp:Panel>

<div style="width:30px; float:left"></div>

<asp:Panel ID="panelFields" runat="server" Width="340" Enabled="false" BorderColor="DarkGray" BorderStyle="Solid" BorderWidth="1" style="float:left; padding:10px">

<asp:Table ID="tableFields" runat="server" CellSpacing="5">

<asp:TableRow>

<asp:TableCell HorizontalAlign="Right" style="padding-right:7px" Text="Type:" />

<asp:TableCell>

<asp:DropDownList ID="dropDownListType" runat="server" Width="240px" AutoPostBack="true"

OnSelectedIndexChanged="dropDownListType_SelectedIndexChanged" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell HorizontalAlign="Right" style="padding-right:7px" Text="SubType:" />

<asp:TableCell>

<asp:DropDownList ID="dropDownListSubType" runat="server" Width="240px" AutoPostBack="true"

OnSelectedIndexChanged="dropDownListSubType_SelectedIndexChanged" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell HorizontalAlign="Right" style="padding-right:7px" Text="Description:" />

<asp:TableCell>

<asp:TextBox ID="textBoxDescription" runat="server" Width="236px" AutoPostBack="true" OnTextChanged="textBoxDescription_TextChanged" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell HorizontalAlign="Right" style="padding-right:7px" Text="Equip No.:" />

<asp:TableCell>

<asp:TextBox ID="textBoxEquipNo" runat="server" Width="50" style="text-align:right; padding-right:1px" AutoPostBack="true"

OnTextChanged="textBoxEquipNo_TextChanged" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell HorizontalAlign="Right" style="padding-right:7px" Text="MIMS:" />

<asp:TableCell>

<asp:TextBox ID="textBoxMims" runat="server" Width="50" style="text-align:right; padding-right:1px" AutoPostBack="true"

OnTextChanged="textBoxMims_TextChanged" />

</asp:TableCell>

</asp:TableRow>

<asp:TableRow>

<asp:TableCell HorizontalAlign="Right" style="padding-right:7px" Text="Quantity:" />

<asp:TableCell>

<asp:TextBox ID="textBoxQuantity" runat="server" Width="50" style="text-align:right; padding-right:1px" AutoPostBack="true"

OnTextChanged="textBoxQuantity_TextChanged" />

</asp:TableCell>

</asp:TableRow>

</asp:Table>

</asp:Panel>

</ContentTemplate>

</asp:UpdatePanel>

<div style="position:absolute; left:275px; top:762px; font-size:12px">

<asp:LinkButton ID="linkButtonEquipSubtypeEditor" runat="server" Text="Equipment Subtypes" PostBackUrl="~/Editors/equipSubtypeEditor.aspx" style="color:Blue" />

</div>

I've tried several different approaches to resolving this problem. I really don't understand why the RadTreeView shifts to the left just because a string in a TextBox is long. Or to look at it another way, why does a Panel control, which is the parent of the the TextBox shift over to the left just because a string in that TextBox is long?

Any suggestions would be much appreciated!

Robert

General Discussions

answered on 04 Feb 2013

1 answer

67 views

Multi-chart with stacked bar and line series

Hi support Team,

Can please suggest for the below requirement. Attached is the Required Radchart.

The requirement is to produce a multi-chart with stacked bar and line series. The line series will be for part periods only

a) One series for full date range scale

b) One series for past period of date range scale

c) One series for future period of date range scale

Chart (Obsolete)

answered on 04 Feb 2013

3 answers

127 views

Header Lost

I am programmatically adding columns to the RadGrid.
The problem is, after a postback (when say expanding the grid even though there is no code to populate data for the next level down hierarchy), the heading columns are gone.

any ideas why?

I also need to state that, should there be a postback from a column, which will be added in the future, that I need to obtain the modified row column values also.

protected void Page_Load(object sender, EventArgs e)

{

this.DoSetDefaultMenuColumns();

}

private void DoSetDefaultMenuColumns()

{

// lets create the columns.

GridBoundColumn menuIDColumn = new GridBoundColumn();

menuIDColumn.HeaderText = "Menu ID";

menuIDColumn.DataField = "MenuID";

GridBoundColumn menuNameColumn = new GridBoundColumn();

menuNameColumn.HeaderText = "Menu Name";

menuNameColumn.DataField = "MenuName";

GridDropDownColumn menuOrderColumn = new GridDropDownColumn();

menuOrderColumn.HeaderText = "Menu Order ID";

menuOrderColumn.DataField = "MenuOrderID";

GridDropDownColumn parentIDColumn = new GridDropDownColumn();

parentIDColumn.HeaderText = "Parent ID";

parentIDColumn.DataField = "ParentID";

GridCheckBoxColumn isAdminColumn = new GridCheckBoxColumn();

isAdminColumn.HeaderText = "Is Admin";

isAdminColumn.DataField = "IsAdmin";

GridBoundColumn pageURLColumn = new GridBoundColumn();

pageURLColumn.HeaderText = "Page URL";

pageURLColumn.DataField = "PageURL";

GridCheckBoxColumn employeeAccessColumn = new GridCheckBoxColumn();

employeeAccessColumn.HeaderText = "Employee Access";

employeeAccessColumn.DataField = "EmployeeAccess";

GridCheckBoxColumn customerAccessColumn = new GridCheckBoxColumn();

customerAccessColumn.HeaderText = "Customer Access";

customerAccessColumn.DataField = "CustomerAccess";

this.radGridMenus.MasterTableView.Columns.Add(menuIDColumn);

this.radGridMenus.MasterTableView.Columns.Add(menuNameColumn);

this.radGridMenus.MasterTableView.Columns.Add(menuOrderColumn);

this.radGridMenus.MasterTableView.Columns.Add(parentIDColumn);

this.radGridMenus.MasterTableView.Columns.Add(pageURLColumn);

this.radGridMenus.MasterTableView.Columns.Add(isAdminColumn);

this.radGridMenus.MasterTableView.Columns.Add(employeeAccessColumn);

this.radGridMenus.MasterTableView.Columns.Add(customerAccessColumn);

Grid

answered on 04 Feb 2013

1 answer

93 views

Rad Editior Issues in Chrome browser

hello,

RadEditior Insert date and Insert time are not working in chrome browser.

Thanks
Ravi.

Editor

answered on 04 Feb 2013

2 answers

67 views

Grid hierarchy

Hi.
So I have the RadControls for ASP.NET AJAX.

I have a hierarchy data (think of it as multi level sub menus).
I want to display this in the UI but in a grid view (no client side rendering/filtering) of some kind.
At the same time, I want to add custom controls or column to represent the item value, such as a checkbox or editable textbox.
I also want to add a column where it would have the options for "Update"
When they press Update, I want to be able to get the entire row details which contains the changes made by the user

does RadControls have anything like this? Any samples of it?
Many thanks!

General Discussions

answered on 04 Feb 2013

3 answers

161 views

White space above scrollbar

Hi,

I'm seeing white empty space above the scrollbar on the radgrid (first_Image.png). I went through several theards on this issue and found a css solution to modify the .rgHeaderDiv

.RadGrid

.rgHeaderDiv

{

border: 0px solid !important;

width: 100% !important;

}

This works fine for me except one issue.
This solution has distorted the alignment of the header and Items columns (second_Image.png). I could not figure out how to resolve this issue. Please help me.

Thanks
Rajesh

Grid

answered on 04 Feb 2013

3 answers

110 views

Annoying auto generated code!

Hi Telerik team,

I've been living through the annoying auto generated code in RadGrid for like 2-3 years. Today I find that enough is enough, so now I gonna report this to you guys and see if there's any solution. Please see code below:

<telerik:RadGrid ID="grdTest" runat="server" Skin="custom" EnableEmbeddedSkins="false" EnableTheming="false"
AllowPaging="false" AllowSorting="false" BorderStyle="None" ShowHeader="true" Width="680px">
<ClientSettings EnablePostBackOnRowClick="true" EnableRowHoverStyle="true">
<Selecting AllowRowSelect="true" />
<Selecting AllowRowSelect="true" /><Selecting AllowRowSelect="true" /><Selecting AllowRowSelect="true" /><Selecting AllowRowSelect="true" /><Selecting AllowRowSelect="true" /><Selecting AllowRowSelect="true" />
<Selecting AllowRowSelect="true" /><Selecting AllowRowSelect="true" /><Selecting AllowRowSelect="true" />
<Selecting AllowRowSelect="true" /><Selecting AllowRowSelect="true" /><Selecting AllowRowSelect="true" />
</ClientSettings>

Please take note on the BOLD part, all this code will be auto generated whenever i save the aspx file and only happen if EnablePostBackOnRowClick="true". The code will double up for every save, meaning from 1 line of <Selecting AllowRowSelect="true" /> will become 2 lines, then 4 lines, then 8 lines, and eventually crash my VS2010. Then I'll have to edit the aspx file manually to remove all the duplicate lines in order to run my VS2010 again.

By the way, I'm using Telerik WebUI VSExtensions 2010.03.1109.0.

Grid

answered on 04 Feb 2013

2 answers

114 views

[Solved] Test automation and the RadTreeView

We are trying to establish some test automation around the rad tree view and need a way to identify tree nodes client side. We would like to use the RadTreeNode.Value property to do this. We are setting this value server side.
eg

RadTreeNode treeNode = new RadTreeNode();

treeNode.Value = itemID; //eg 3636

But in the resulting html we can't find the itemID.

<li class="rtLI" _item="[object Object]" _itemTypeName="Telerik.Web.UI.RadTreeNode">
    <div class="rtTop" jQuery1357770307520="7">
    <span class="rtSp"/>
    <input class="rtChk" type="checkbox" value="on"/>
    <span class="rtIn EEMCheckBoxNode" jQuery1357770307520="8">
        Text - Air Heat Flow (BTU 59)

Any help would be appreciated.

Dave

TreeView