Questions on UI for ASP.NET AJAX Forum

1 answer

109 views

Cannot edit new record when tree list empty

Hi,

Scenario: I have no source data. I add a record and my editor pops up. In the Name field I cannot enter a value as it is read only. If there is already data in the Tree List then I can edit the Name field.

For my data configuration see http://www.telerik.com/community/forums/aspnet-ajax/treelist/hide-row-editing-controls.aspx

Thanks

SurfRat.

TreeList

answered on 06 Oct 2011

1 answer

103 views

add rowclick GridTableView

How would you set a row click for the gridTableView in code behind? On a 'normal' grid I would use, RadGrid1.ClientSettings.ClientEvents.OnRowClick = "RowClick", but cant see how this would be done for GridTableView?

Grid

answered on 06 Oct 2011

1 answer

140 views

Get value of template column

hi people
I have a grid which add template cloumn in code behind .my code is here

If Not tblLastItem.Rows(i)("CntrGnlItm_Level") Then

dtbl.Columns.Add(tblLastItem.Rows(i)(

"CntrLstItm_ID_").ToString)

Dim templateColumnName As String = tblLastItem.Rows(i)("CntrLstItm_ID_")

Dim templateColumn As New GridTemplateColumn()

templateColumn.ItemTemplate =

New MyEditTemplate(templateColumnName)

templateColumn.EditItemTemplate =

New MyEditTemplate(templateColumnName)

templateColumn.HeaderText = tblLastItem.Rows(i)(

"CntrGnlItm_ParentTitr").ToString.Trim + "--" + tblLastItem.Rows(i)("CntrLstItm_Titr").ToString.Trim

templateColumn.UniqueName = tblLastItem.Rows(i)(

"CntrLstItm_ID_")

Me.grd.MasterTableView.Columns.Add(templateColumn)

Else

If Not Me.grd2.MasterTableView.Columns.Contains(tblLastItem.Rows(i)("CntrLstItm_ID_").ToString) Then

Me.grd2.MasterTableView.Columns.Add(col)

End If

dtbl2.Columns.Add(tblLastItem.Rows(i)(

"CntrLstItm_ID_").ToString)

End If

so,there is a RadNumericTextBox in MyEditTemplate .User enter value in RadNumericTextBox ,How i get value which user entered?

Grid

answered on 06 Oct 2011

1 answer

91 views

Probleme mit TabStrip

In meiner Anwendung habe ich ein TabStrip mit bis zu fünf Tabs.
Beim ersten Laden der Daten in den Tabs, werden alle Tabs untereinander gezeigt, statt immer nur eins.
Sobald ich auf den Überschriftext der Tabs klicke verschwindet ein Tab nach dem anderen und werden anschliessend richtig angezeigt. Ich hoffe sie können mir bei diesem Problem weiterhelfen.

TabStrip

answered on 06 Oct 2011

3 answers

109 views

RadFilter custom controls problem

I can use the sample code to create a drop down for the possible values of a field (i.e. to the right hand side of the greater than or equal to or whatever)

However, I want to put a combo box in the place of the field selector itself (the left hand side of the greater than / equal to)

I can successfully create the combo box, but then it appears in the wrong place (the right hand side).  See the code that does this below.



So I tried putting it at position 0..  In InitializeEditor, instead of this line: 

container.Controls.Add(_combo);
I had:

container.Controls.AddAt(0);



This puts it in the correct place, but then I cannot work out how to add the functionality that ensures that when the user clicks on 

a particular entry, the text box appears to the right of the greater than/ equal to section?



I think I have to capture the onselected event from the combo box and then create the appropriate textbox control right?

PLEASE HELP!



RadFilterDropDownEditor dropDownFieldEditor = new RadFilterDropDownEditor();

RadFilter1.FieldEditors.Add(dropDownFieldEditor);

DataTable dt = MakeTable();

//create the list of fields to select on

foreach (FilterFieldDTO dtoField in filterOptionList)

{

DataRow row;

row = dt.NewRow();

row["FieldName"] = dtoField.FieldName;

string strFieldName;

if (row["FieldName"].ToString().LastIndexOf(".") > -1)

{

strFieldName = row["FieldName"].ToString().Substring(row["FieldName"].ToString().LastIndexOf(".") + 1);

}

else

{

strFieldName = row["FieldName"].ToString();

}

row["FieldName"] = strFieldName;

row["DataValueField"] = strFieldName;

row["DataTextField"] = strFieldName;

dt.Rows.Add(row);

}

dropDownFieldEditor.DataTextField = "DataTextField";

dropDownFieldEditor.DataValueField = "DataValueField";

dropDownFieldEditor.FieldName = "FieldName";

dropDownFieldEditor.DataSource = dt;

General Discussions

answered on 06 Oct 2011

5 answers

136 views

[Solved] Tool tip showing event?

Hi,

I've got an image map, basically a map of a country, split into various regions. when i hover over each region a tooltip is displayed showing information about that region. but what i also want to do is change the image src of the imagemap when that tooltip is displayed. (ive got various images of the same country with each region shaded).

How can i achieve this ? i'd like it to be the case whether the user is over the 'area' of the imagemap or the tooltip.

ToolTip

answered on 06 Oct 2011

6 answers

269 views

RadSplitter with RadAjaxLoadingPanel

Hi,

I have a RadSplitter with Left and Right RadPane. Is it possible to show a loading screen on the right panel when user click menu item on the left one? Sample code is shown on below.

Cheers,
Nelson

<form runat="server" id="mainForm" method="post">

<telerik:RadScriptManager ID="ScriptManager1" runat="server" />
<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="Panel1">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="rpContent" LoadingPanelID="RadAjaxLoadingPanel1" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadSplitter ID="rsKB" runat="server" Orientation="Horizontal" Width="100%" Height="100%">
<telerik:RadPane ID="rpMain" runat="server" >
<telerik:RadSplitter ID="rsMain" runat="server" Orientation="Vertical" Width="100%" Height="100%">
<telerik:RadPane ID="rpMenu" runat="server" Width="205px">
<asp:Button ID="Button1" runat="server" Text="Click to see the loading image" OnClick="Button1_Click"
Style="margin-top: 15px; margin-left: 15px" CssClass="qsfButtonBigger" />
</telerik:RadPane>
<telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Forward">
</telerik:RadSplitBar>
<telerik:RadPane ID="rpContent" runat="server" ContentUrl="">
</telerik:RadPane>
</telerik:RadSplitter>
</telerik:RadPane>
</telerik:RadSplitter>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server">
<asp:Image id="Image1" runat="server" ImageUrl="Images/loading.gif">
</asp:Image>
</telerik:RadAjaxLoadingPanel>

</form>

Splitter

answered on 06 Oct 2011

3 answers

195 views

RadEditor rendering problem with RadAjaxPanel

I've been having problems with radEditors rendering properly when they are hidden inside of a div and radAjaxPanel. In this example the page loads and the user selects a client name and hits the next button. This saves information to the database and then sets a div to visible in which there is a rad editor. As you can see from the images I provided the radEditor get blown out across the whole page and not to the width which I am setting it at. Any help would be appreciated. Thanks

<%@ Page Title="Projects" Language="C#" MasterPageFile="~/MasterPages/Default.master"

AutoEventWireup="true" CodeBehind="Projects_New.aspx.cs" Inherits="TED.Web.Projects.Projects_New" %>

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

<asp:Content ID="Content2" ContentPlaceHolderID="cphBody" runat="server">

<telerik:RadWindowManager ID="RadWindowManager1" runat="server" EnableShadow="true">

<Windows>

<telerik:RadWindow ID="UserListDialog" runat="server" Style="z-index: 100000;" ReloadOnShow="true"

AutoSize="true" ShowContentDuringLoad="false" Modal="false" />

</Windows>

</telerik:RadWindowManager>

<asp:ValidationSummary ID="valSummary" runat="server" ValidationGroup="valSummary"

ShowMessageBox="true" ShowSummary="false" DisplayMode="BulletList" />

<div>

<telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="RadAjaxLoadingPanel1">

<asp:Table ID="Table1" class="commandbar" runat="server" CellPadding="0" CellSpacing="1"

Width="100%">

<asp:TableRow CssClass="commandbutton">

<asp:TableCell Width="10%" HorizontalAlign="Left">

<asp:LinkButton ID="lnkSave" runat="server" SkinID="LinkButton_Save" CausesValidation="True"

ValidationGroup="valSummary" OnClick="lnkSave_Click"></asp:LinkButton></asp:TableCell>

<asp:TableCell Width="80%" HorizontalAlign="Center">

<asp:Label ID="Label1" runat="server" SkinID="Label_Bold_10pt">Add/Edit Projects</asp:Label>

</asp:TableCell>

<asp:TableCell Width="10%" HorizontalAlign="Right">

<asp:LinkButton ID="LinkButton1" runat="server" SkinID="LinkButton_Cancel" CausesValidation="False"

OnClick="lnkCancel_Click"></asp:LinkButton></asp:TableCell>

</asp:TableRow>

</asp:Table>

<div class="tableAccentFullBlue">

<br />

<div class="divLabel">

<asp:Label ID="lblProjectID" runat="server" SkinID="Label_Bold_8pt" Text="Project ID:"

Width="110px"></asp:Label>

<asp:Label ID="projectID" runat="server" SkinID="Label_Bold_8pt"></asp:Label>

</div>

<div class="divLabel">

<asp:Label ID="lblClientName" runat="server" SkinID="Label_Bold_8pt" Text="Client Name:"

Width="110px"></asp:Label>

<telerik:RadComboBox ID="ddlClientName" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="300px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvClientName" runat="server" ControlToValidate="ddlClientName"

ValidationGroup="valSummary" ErrorMessage="Client Name Required">*</asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<asp:Button ID="btnNext" runat="server" Text="Next>>" OnClick="btnNext_Click" CausesValidation="true"

ValidationGroup="valSummary" Visible="false" />

</div>

<div id="divDetails" runat="server" visible="false">

<div class="divLabel">

<asp:Label ID="lblProjectType" runat="server" SkinID="Label_Bold_8pt" Text="Project Type:"

Width="110px"></asp:Label>

<telerik:RadComboBox ID="ddlProjectType" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="200px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvProjectType" runat="server" ControlToValidate="ddlProjectType"

ValidationGroup="valSummary" ErrorMessage="Project Type Required">*</asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<asp:Label ID="lblRM" runat="server" SkinID="Label_Bold_8pt" Text="Project RM:" Width="110px"></asp:Label>

<telerik:RadComboBox ID="ddlRM" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="200px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvRM" runat="server" ControlToValidate="ddlRM" ValidationGroup="valSummary"

ErrorMessage="Project RM Required">*</asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<asp:Label ID="lblPM" runat="server" SkinID="Label_Bold_8pt" Text="Project PM:" Width="110px"></asp:Label>

<telerik:RadComboBox ID="ddlPM" runat="server" Skin="Web20" AllowCustomText="false"

MarkFirstMatch="true" Width="200px">

</telerik:RadComboBox>

<asp:RequiredFieldValidator ID="rfvPM" runat="server" ControlToValidate="ddlPM" ValidationGroup="valSummary"

ErrorMessage="Project PM Required">*</asp:RequiredFieldValidator>

</div>

<div class="divLabel">

<table>

<tr>

<td>

<asp:Label ID="lblDescription" runat="server" SkinID="Label_Bold_8pt" Text="Project Desc:"

Width="110px"></asp:Label>

</td>

<td>

<telerik:RadEditor ID="txtDesc" runat="server" Width="600" Height="150px" StripFormattingOptions="All"

AllowScripts="false">

<CssFiles>

<telerik:EditorCssFile Value="../App_Themes/Control Themes/EditorContentArea.css" />

</CssFiles>

<Tools>

<telerik:EditorToolGroup>

<telerik:EditorTool Name="AjaxSpellCheck" />

</telerik:EditorToolGroup>

</Tools>

</telerik:RadEditor>

<asp:RequiredFieldValidator ID="rfvDesc" runat="server" ControlToValidate="txtDesc"

ErrorMessage="Project Desc Required" ValidationGroup="valSummary">*</asp:RequiredFieldValidator>

</td>

</tr>

</table>

</div>

</telerik:RadAjaxPanel>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" BackgroundPosition="Top"

EnableSkinTransparency="true" Transparency="25" Skin="Web20" />

</div>

</asp:Content>

protected void btnNext_Click(object sender, EventArgs e)

{

SaveProject();

divDetails.Visible = true;

btnNext.Visible = false;

}

Editor

answered on 06 Oct 2011

1 answer

97 views

get_items()

Hi,
I am trying to find an item within the toolbar so i can hide it. I have seen the forums and tried this line of code

edit.get_toolAdapter().getToolByName("MainToolbar").get_Items()

it says 'Unable to get value of the property 'get_Items': object is null or undefined'

Am i missing a reference ?

Also is there any default ToolsFIle.xml which i could possibly edit?

Cheers
Sherry
SB

Editor

answered on 06 Oct 2011

2 answers

112 views

RadGrid: Row Selection while Paging

Hello,
My issue is that when coming from anoher page with a Sesssion variable holding a specific DataKeyName I am unable to see the selected item unless the item is on the current page. I want to know if there is a function like NavigateAndSelect(DataKeyName) that allows me to first navigate to the specific page and then select an item on that page. If no suh functionality is available then is there a workaround for this?
Best solution for us at this moment is a server-side solution.

Thank you

Grid

answered on 06 Oct 2011