Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
79 views
Dear,

I used default Popup Edit modal for my RadGrid which exists inside RadPageView. When I click on edit button, I get edit control popped up but the control displays inside RadPageView. I want it to be displayed above all other controls in the page.

Hope, I have perfectly delivered the issue. I highly appreciate if anyone can help with this.


Thank you,

Fawad Surosh
Maria Ilieva
Telerik team
 answered on 04 Mar 2015
1 answer
96 views
I am using RadEditor asp.net ajax and I can get the media manager to return an image to the preview window it will not display no matter what I am making a bespoke cms for profiles and  need an answer to this I have included how i have setup my editor in the aspx page
     <telerik:RadEditor ID="rdAbout" Runat="server">
                            <Tools>
                                <telerik:EditorToolGroup Tag="MainToolbar">
                                    <telerik:EditorTool Name="XhtmlValidator" />
                                    <telerik:EditorTool Name="PageProperties" />
                                    <telerik:EditorTool Name="StyleBuilder" />
                                    <telerik:EditorTool Name="TrackChangesDialog" />
                                    <telerik:EditorTool Name="FormatCodeBlock" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="InsertImage" />
                                    <telerik:EditorTool Name="InsertLink" />
                                    <telerik:EditorTool Name="InsertTableLight" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorToolStrip Name="InsertFormElement">
                                    </telerik:EditorToolStrip>
                                    <telerik:EditorTool Name="InsertFormForm" />
                                    <telerik:EditorTool Name="InsertFormButton" />
                                    <telerik:EditorTool Name="InsertFormCheckbox" />
                                    <telerik:EditorTool Name="InsertFormHidden" />
                                    <telerik:EditorTool Name="InsertFormPassword" />
                                    <telerik:EditorTool Name="InsertFormRadio" />
                                    <telerik:EditorTool Name="InsertFormReset" />
                                    <telerik:EditorTool Name="InsertFormSelect" />
                                    <telerik:EditorTool Name="InsertFormSubmit" />
                                    <telerik:EditorTool Name="InsertFormTextarea" />
                                    <telerik:EditorTool Name="InsertFormText" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="StripAll" />
                                    <telerik:EditorTool Name="StripCss" />
                                    <telerik:EditorTool Name="StripFont" />
                                    <telerik:EditorTool Name="StripSpan" />
                                    <telerik:EditorTool Name="StripWord" />
                                    <telerik:EditorToolStrip Name="FormatStripper">
                                    </telerik:EditorToolStrip>
                                </telerik:EditorToolGroup>
                                <telerik:EditorToolGroup Tag="InsertToolbar">
                                    <telerik:EditorTool Name="AjaxSpellCheck" />
                                    <telerik:EditorTool Name="ImageManager" ShortCut="CTRL+M" />
                                    <telerik:EditorTool Name="SetImageProperties" />
                                    <telerik:EditorTool Name="ImageMapDialog" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="FlashManager" />
                                    <telerik:EditorTool Name="MediaManager" />
                                    <telerik:EditorTool Name="InsertExternalVideo" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="DocumentManager" />
                                    <telerik:EditorTool Name="TemplateManager" />
                                    <telerik:EditorTool Name="SilverlightManager" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorToolStrip Name="InsertTable">
                                    </telerik:EditorToolStrip>
                                    <telerik:EditorTool Name="InsertRowAbove" />
                                    <telerik:EditorTool Name="InsertRowBelow" />
                                    <telerik:EditorTool Name="DeleteRow" />
                                    <telerik:EditorTool Name="InsertColumnLeft" />
                                    <telerik:EditorTool Name="InsertColumnRight" />
                                    <telerik:EditorTool Name="DeleteColumn" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="MergeColumns" />
                                    <telerik:EditorTool Name="MergeRows" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="SplitCell" />
                                    <telerik:EditorTool Name="SplitCellHorizontal" />
                                    <telerik:EditorTool Name="DeleteCell" />
                                    <telerik:EditorTool Name="SetCellProperties" />
                                    <telerik:EditorTool Name="SetTableProperties" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorSplitButton Name="InsertSymbol">
                                    </telerik:EditorSplitButton>
                                </telerik:EditorToolGroup>
                                <telerik:EditorToolGroup>
                                    <telerik:EditorSplitButton Name="Undo">
                                    </telerik:EditorSplitButton>
                                    <telerik:EditorSplitButton Name="Redo">
                                    </telerik:EditorSplitButton>
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="Cut" />
                                    <telerik:EditorTool Name="Copy" />
<telerik:EditorTool Name="Paste" ShortCut="CTRL+!"></telerik:EditorTool>
<telerik:EditorTool Name="PasteMarkdown"></telerik:EditorTool>
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="PasteFromWord" />
                                    <telerik:EditorTool Name="PasteFromWordNoFontsNoSizes" />
                                    <telerik:EditorTool Name="PastePlainText" />
                                    <telerik:EditorTool Name="PasteAsHtml" />
                                    <telerik:EditorTool Name="PasteHtml" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="Print" />
                                    <telerik:EditorTool Name="FindAndReplace" />
                                    <telerik:EditorTool Name="SelectAll" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="InsertGroupbox" />
                                    <telerik:EditorTool Name="InsertParagraph" />
                                    <telerik:EditorTool Name="InsertHorizontalRule" />
                                    <telerik:EditorSplitButton Name="InsertSnippet">
                                    </telerik:EditorSplitButton>
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="InsertDate" />
                                    <telerik:EditorTool Name="InsertTime" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="AboutDialog" />
                                    <telerik:EditorTool Name="Help" />
                                    <telerik:EditorTool Name="ToggleScreenMode" />
                                </telerik:EditorToolGroup>
                                <telerik:EditorToolGroup>
                                    <telerik:EditorTool Name="Bold" />
                                    <telerik:EditorTool Name="Italic" />
                                    <telerik:EditorTool Name="Underline" />
                                    <telerik:EditorTool Name="StrikeThrough" />
                                    <telerik:EditorSplitButton Name="ForeColor">
                                    </telerik:EditorSplitButton>
                                    <telerik:EditorSplitButton Name="BackColor">
                                    </telerik:EditorSplitButton>
                                    <telerik:EditorTool Name="FormatPainter" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="JustifyLeft" />
                                    <telerik:EditorTool Name="JustifyCenter" />
                                    <telerik:EditorTool Name="JustifyRight" />
                                    <telerik:EditorTool Name="JustifyFull" />
                                    <telerik:EditorTool Name="JustifyNone" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="Superscript" />
                                    <telerik:EditorTool Name="Subscript" />
                                    <telerik:EditorSeparator />
                                    <telerik:EditorTool Name="ConvertToLower" />
                                    <telerik:EditorTool Name="ConvertToUpper" />
                                    <telerik:EditorTool Name="Indent" />
                                    <telerik:EditorTool Name="Outdent" />
                                    <telerik:EditorTool Name="InsertOrderedList" />
                                    <telerik:EditorTool Name="InsertUnorderedList" />
                                    <telerik:EditorTool Name="AbsolutePosition" />
                                    <telerik:EditorTool Name="LinkManager" />
                                    <telerik:EditorTool Name="Unlink" />
                                    <telerik:EditorTool Name="SetLinkProperties" />
                                    <telerik:EditorTool Name="ToggleTableBorder" />
                                </telerik:EditorToolGroup>
                                <telerik:EditorToolGroup Tag="DropdownToolbar">
                                    <telerik:EditorDropDown Name="FontName">
                                    </telerik:EditorDropDown>
                                    <telerik:EditorDropDown Name="FontSize">
                                    </telerik:EditorDropDown>
                                    <telerik:EditorDropDown Name="RealFontSize">
                                    </telerik:EditorDropDown>
                                    <telerik:EditorDropDown Name="ApplyClass">
                                    </telerik:EditorDropDown>
                                    <telerik:EditorDropDown Name="InsertCustomLink">
                                    </telerik:EditorDropDown>
                                    <telerik:EditorDropDown Name="FormatBlock">
                                    </telerik:EditorDropDown>
                                    <telerik:EditorTool Name="FormatSets" />
                                    <telerik:EditorDropDown Name="Zoom">
                                    </telerik:EditorDropDown>
                                </telerik:EditorToolGroup>
                            </Tools>
                            <Content>
</Content>
 
                            <ImageManager DeletePaths="~\Uploads" EnableAsyncUpload="True" UploadPaths="~\Uploads\" ViewPaths="~\Uploads\" MaxUploadFileSize="1204800" />
                            <DocumentManager DeletePaths="~\Uploads" UploadPaths="~\Uploads" ViewPaths="~\Uploads" />
                            <FlashManager SearchPatterns="~\Uploads\" UploadPaths="~\Uploads\" ViewPaths="~\Uploads\" />
                            <MediaManager DeletePaths="~\Uploads" UploadPaths="~\Uploads\" MaxUploadFileSize="1204800" SearchPatterns="~\Uploads\" ViewPaths="~\Uploads\" />
 
<TrackChangesSettings CanAcceptTrackChanges="False"></TrackChangesSettings>
                        </telerik:RadEditor>

Even if i open the image editor as well it does not show the image in the preview tab i do not no what is the issue here
Ianko
Telerik team
 answered on 04 Mar 2015
2 answers
157 views
We have a use case where a student submits an essay and an instructor annotates the student's content. We are using the track changes functionality in the Editor to display the annotations. When the editor is not in edit mode, the color indicators do not display. Is there a way to enable the styles that the instructor can see while editing the content?
Ianko
Telerik team
 answered on 04 Mar 2015
1 answer
100 views
Which version of jQuery is used in Telerik.Web.UI.dll version 2015.1.225.45 ?

Best regards, Marja
Pavlina
Telerik team
 answered on 04 Mar 2015
1 answer
133 views
When I tried to insert a break line between each tile.text, it seem not working. I looked at your example for TileList - Declarative DataSource.  Pleas help.

tile.Text = DataBinder.GetPropertyValue(e.Tile.DataItem, "RoomNumber", null) + "<BR> " +
DataBinder.GetPropertyValue(e.Tile.DataItem, "DepartmentAbbreviation", null) + "<BR> " +
DataBinder.GetPropertyValue(e.Tile.DataItem, "RoomStatus", null) + "<BR> " + "Check In: " + DataBinder.GetPropertyValue(e.Tile.DataItem, "StartDateTime", "{0:hh:mm:ss tt}");

The <BR> cannot break each data from the tile.

Marin Bratanov
Telerik team
 answered on 04 Mar 2015
7 answers
79 views
I have to reuse the user controls I'm creating multiple times on a single page. This user control has a listbox and a button. On clicking the button, a radwindow opens and will send some value back to the caller on close. I have to identify the appropriate user control when the pop-up closes and populate the listbox with the value returned.I'm running into two issues here. One is the question posted, how do I identify calling user control from the pop-up. Second, is something wrong on my ajaxrequest code? Even if I hardcode values, the listbox does not get populated.

Parent.aspx

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
</telerik:RadScriptManager>

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

<telerik:radwindowmanager id="RadWindowManager1" reloadonshow="true" showcontentduringload="false" runat="server" behavior="Default" initialbehavior="None" ></telerik:radwindowmanager>

<div>
<uc:Control ID="Ctrl1" runat="server"></uc:Control >
<uc:Control ID="Ctrl2" runat="server"></uc:Control >
<uc:Control ID="Ctrl3" runat="server"></uc:Control >
</div>

UserControl.ascx

<telerik:RadCodeBlock runat="server" ID="RadCodeBlock1">
<script type="text/javascript">
function foo() {
var oWnd = radOpen('PopUp.aspx', "Title");
oWnd.add_close(OnClientClose);
return false;
}

function OnClientClose(oWnd) {
var ajaxManager = $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>");

ajaxManager.ajaxRequest('Processed return value');
return false;
}
</script>
</telerik:RadCodeBlock>

<telerik:RadAjaxManagerProxy ID="AjaxManagerProxy1" runat="server">
<AjaxSettings>
<telerik:AjaxSetting AjaxControlID="ListBox">
<UpdatedControls>
<telerik:AjaxUpdatedControl ControlID="ListBox" />
</UpdatedControls>
</telerik:AjaxSetting>
</AjaxSettings>
</telerik:RadAjaxManagerProxy>

<table>
<tr>
<td>
<asp:ListBox ID="ListBox" Width="100px" runat="server" />
</td>
<td>
<asp:Button ID="AddButton" runat="server" OnClientClick="return foo(); return false;" Text="Add" />
</td>
</tr>
</table>

UserControl.ascx.cs

protected void Page_Load(object sender, EventArgs e)
{
var manager = RadAjaxManager.GetCurrent(Page);

manager.AjaxRequest += new RadAjaxControl.AjaxRequestDelegate(RadAjaxManager1_AjaxRequest);
}

protected void RadAjaxManager1_AjaxRequest(object sender, Telerik.Web.UI.AjaxRequestEventArgs e)
{
if (!string.IsNullOrEmpty(e.Argument))
{
ListBox.Items.Add(new RadListBoxItem(e.Argument));
//This code runs without error but does not populate the list box. I even tried to harcode the control ID against which this code should run. The code ran only for the required control but listbox was not populated.
}
}

Also, all the 3 user controls get executed on the postback. Is there a way to prevent it? It's been a while since I have dealt with user controls and telerik, so if I missed out on any crucial detail in the sample above, please let me know.I do have to use telerik but not necessarily ajaxrequest. I tried some javascript code from telerik demos to populate the listbox but that didn't work either.Any help/clues/directions appreciated
Marin Bratanov
Telerik team
 answered on 04 Mar 2015
1 answer
105 views
Are the UI for ASP.NET components responsive?  If so, any example or documentation on how to config that? 

Thanks.
Marin Bratanov
Telerik team
 answered on 04 Mar 2015
2 answers
185 views
A simple question, is the client event OnRowDataBound meant to fire when using server side binding with NeedDataSource?

For me it does not fire when using server side binding, only client side binding but I need the OnRowDataBound to work on server side binding when partially moving to client side coding and I cant think of a reason it shouldn't fire.

Cheers,
Christian
Angel Petrov
Telerik team
 answered on 04 Mar 2015
1 answer
235 views
Hello,

I have a radGrid that populates with groups. The group header displays the group header title and aggregate sum as expected but the group header text is not aligned under the column name. All the header text is aligned in the left side of the groupheader. My code for calculates the sum is this:

protected void RadGrid1_PreRender(object sender, EventArgs e)
        {
            RadGrid1.HeaderStyle.Font.Size = 10;
            RadGrid1.GroupHeaderItemStyle.Font.Size = 10; 
  
            GridGroupByExpression gridGroupByExpression1 = new GridGroupByExpression();
            GridGroupByField gridGroupByField1 = new GridGroupByField();
              
            gridGroupByField1.FieldName = "GroupName";
            gridGroupByField1.HeaderValueSeparator = " ";
  
            gridGroupByExpression1.SelectFields.Add(gridGroupByField1);
            gridGroupByExpression1.GroupByFields.Add(gridGroupByField1);
  
            GridGroupByField gridGroupByField3 = new GridGroupByField();
              
            foreach (totals tot in totalsList)
            {
                gridGroupByField3 = new GridGroupByField();
                gridGroupByField3.FieldName = tot.name;
                gridGroupByField3.HeaderText = " ";
                gridGroupByField3.HeaderValueSeparator = " ";
                gridGroupByField3.FormatString = " (Total: {0})";
                gridGroupByField3.Aggregate = GridAggregateFunction.Sum;
                gridGroupByExpression1.SelectFields.Add(gridGroupByField3);
            }
  
            RadGrid1.MasterTableView.GroupByExpressions.Add(gridGroupByExpression1);
        }

I need to align the sum under the column name inside the groupheader text.

Thank you

Konstantin Dikov
Telerik team
 answered on 04 Mar 2015
1 answer
471 views
Hello Telerik Team,

Im trying to make an email management using telerik with 3 Tier architecture in asp.Net.



I have created a master page. Then a web page using this master page. I have to show a grid which could display "From", "To", "Message", createdOn etc on the grid. I have attached edit and delete button through item template image button. I am using a panel below the RadGrid so that when i click on edit template button this panel will open. this panel contains label names and their corresponding text boxes.
Now when i click on edit template image button....the values from the corresponding row should be filled in the textboxes of the down panel.
But when i click on the edit template image button, the objects in between and that corresponding textbox 's object too have found (got assigned) the value (as i can check it through break functionality of visual studio) but the value is not displaying on that textbox.

And another problem is that nothing happens when i click on another paging option or pagesize. plz fix it too.

please help me in this way as soon as possible.

Im sending you the code of main.master, NTier.aspx & NTier.aspx.cs





<<---------------------------------Main.Master--------------------------------------->>



<%@ Master Language="C#" AutoEventWireup="true" CodeBehind="Main.master.cs" Inherits="Email_Management.Main" %>

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



<!DOCTYPE html>



<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title>Email-Management</title>

    <link href="css/Header.css" rel="stylesheet" type="text/css" />

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

    </asp:ContentPlaceHolder>

</head>

<body>

    <form id="form1" runat="server">

        <asp:ScriptManager ID="ScriptManager1" runat="server" AsyncPostBackTimeout="360000"></asp:ScriptManager>



        <table class="table1">

            <tr>

                <td class="column1">

                    &nbsp;<img src="images/Xtlytics_Logo.png" class="logo-image"/>

                </td>

               

<td class="column2">&nbsp;<asp:Label ID="lblWel"

runat="server" Text="Welcome,"

CssClass="welcome-user"></asp:Label>

                   

<asp:Label ID="lblUsername" runat="server" Text=" "

CssClass="welcome-user bold-txt"></asp:Label>

                    <span class="Seprator">|</span>

                   

<asp:ImageButton ID="ImageButton1" runat="server" ToolTip="Logout"

OnClick="btnLogout" CssClass="logout-image"

ImageUrl="~/images/logout.png"/>

                </td>

            </tr>

        </table>



        <table width="100%">

            <tr>

                <td>

                    <telerik:RadMenu ID="Menu" runat="server" EnableSelection="true" Skin="Telerik">

                        <ExpandAnimation Type="OutQuart" Duration="300" />

                        <CollapseAnimation Type="OutQuart" Duration="300" />

                        <Items>

                            <telerik:RadMenuItem Text="Insurance">

                                <Items>



                                </Items>



                            </telerik:RadMenuItem>

                            <telerik:RadMenuItem Text="HealthCare" ExpandMode="ClientSide">

                                <Items>

                                    <telerik:RadMenuItem Text="Big Data Explorer"></telerik:RadMenuItem>

                                </Items>



                            </telerik:RadMenuItem>



                            <telerik:RadMenuItem Text="Social Media" ExpandMode="ClientSide">

                                <Items>

                                    <telerik:RadMenuItem Text="Company"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Competitor"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Product"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Efluencer"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Swot"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Name Perceptual"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Brand Association"></telerik:RadMenuItem>

                                </Items>

                            </telerik:RadMenuItem>

                            <telerik:RadMenuItem Text="Analysis">

                                <Items>

                                    <telerik:RadMenuItem Visible="true" Text="Report Designer">

                                        <Items>

                                            <telerik:RadMenuItem Text="Correlation Designer"></telerik:RadMenuItem>

                                            <telerik:RadMenuItem Text="Clustering Designer"></telerik:RadMenuItem>

                                            <telerik:RadMenuItem Text="Chart Designer"></telerik:RadMenuItem>

                                            <telerik:RadMenuItem Text="Forecasting Designer"></telerik:RadMenuItem>

                                            <telerik:RadMenuItem Text="Regression Designer"></telerik:RadMenuItem>

                                            <telerik:RadMenuItem Text="Simulation Designer"></telerik:RadMenuItem>

                                           

<telerik:RadMenuItem Text="Predictive Model

Designer"></telerik:RadMenuItem>

                                            <telerik:RadMenuItem Text="Tag cloud designer"></telerik:RadMenuItem>

                                            <telerik:RadMenuItem Text="Entities Designer"></telerik:RadMenuItem>

                                            <telerik:RadMenuItem Text="Topics designer"></telerik:RadMenuItem>

                                            <telerik:RadMenuItem Text="Data report designer"></telerik:RadMenuItem>

                                        </Items>

                                   </telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Dashbaord Designer" Visible="true">



                                    </telerik:RadMenuItem>

                                </Items>

                            </telerik:RadMenuItem>

                            <telerik:RadMenuItem Text="Report">

                                <Items>

                                    <telerik:RadMenuItem Text="Saved Reports"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Ad-Hoc Report"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Causation Clues"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Your DashBoard" ></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Predictive Reports"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Simulation Reports" ></telerik:RadMenuItem>

                                </Items>

                            </telerik:RadMenuItem>

                            <telerik:RadMenuItem Text="Dashboard">

                                <Items>



                                </Items>

                            </telerik:RadMenuItem>

                            <telerik:RadMenuItem Text="Manage">

                                <Items>

                                     <telerik:RadMenuItem Text="Alert"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Track"></telerik:RadMenuItem>

                                     <telerik:RadMenuItem Text="Engage"></telerik:RadMenuItem>  

                                    <telerik:RadMenuItem Text="Tasks"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Emails"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Notes"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="External Data"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Concept"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Change Password"></telerik:RadMenuItem>

                                    <telerik:RadMenuItem Text="Add Record"></telerik:RadMenuItem>

                                </Items>

                            </telerik:RadMenuItem>

                            <telerik:RadMenuItem Text="Admin">

                                <Items>

                                    

<telerik:RadMenuItem Visible="true" Text="Data Field

Management"></telerik:RadMenuItem>

                                    

<telerik:RadMenuItem Visible="true" Text="Data Processing

Reports"></telerik:RadMenuItem>

                                     <telerik:RadMenuItem Text="User Management"></telerik:RadMenuItem>

                                    

<telerik:RadMenuItem Visible="true" Text="Group

Management"></telerik:RadMenuItem>

                                     <telerik:RadMenuItem Text="Social Network Management"></telerik:RadMenuItem>

                                     <telerik:RadMenuItem Text="Social Data Feed Management"></telerik:RadMenuItem>

                                    

<telerik:RadMenuItem Visible="true" Text="Data

Modeler"></telerik:RadMenuItem>     



                                </Items>

                            </telerik:RadMenuItem>

                            <telerik:RadMenuItem Text="Super Admin" ExpandMode="ClientSide" ></telerik:RadMenuItem>

                        </Items>



                    </telerik:RadMenu>

                </td>

            </tr>

        </table>



        <div>

            <asp:Label ID="YouAreHere" runat="server" Text="You are here: Manage>>Emails"></asp:Label>

            

            

        </div>

    <div>

        <asp:ContentPlaceHolder ID="ContentPlaceHolder1" runat="server">

        

        </asp:ContentPlaceHolder>

        

    </div>

    </form>

    <script type="text/javascript">

        function _destroyTree2(element) {

            if (element.nodeType === 1) {

                var childNodes = element.childNodes;

                for (var i = childNodes.length - 1; i >= 0; i--) {

                    var node = childNodes[i];

                    if (node.nodeType === 1) {

                        if (node.dispose && typeof (node.dispose) === "function") {

                            node.dispose();

                        }

                        else if (node.control && typeof (node.control.dispose) === "function") {

                            node.control.dispose();

                        }

                        var behaviors = Sys.UI.Behavior.getBehaviors(node);

                        for (var j = behaviors.length - 1; j >= 0; j--) {

                            behaviors[j].dispose();

                        }

                        this._destroyTree(node);

                    }

                }

            }

        }



        Sys.WebForms.PageRequestManager.getInstance()._destroyTree = _destroyTree2

    </script>



</body>

</html>













<<<-------------------------------------------------------------NTier.aspx------------------------------------------------------------------------------>>>>



<%@

Page Title="" Language="C#" MasterPageFile="~/Main.Master"

AutoEventWireup="true" CodeBehind="NTier.aspx.cs"

Inherits="Email_Management.NTier" %>

<%@ 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">





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

        <AjaxSettings>

            <telerik:AjaxSetting AjaxControlID="NTierGrid">

                <UpdatedControls>

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

                </UpdatedControls>

            </telerik:AjaxSetting>

        </AjaxSettings>

    </telerik:RadAjaxManager>





 <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="" />

  <div>

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

    <div>

       <telerik:RadPanelBar ID="RadPanelBar" runat="server" Width="150%">

          <Items>

            <telerik:RadPanelItem Value="Grid" Text="EmailManagement" Expanded="true" runat="server">

                <Items>

                    <telerik:RadPanelItem Expanded="true" runat="server" Selected="true" Value="EmailGrid">

                        <ItemTemplate>      

                           

<telerik:RadGrid ID="NTierGrid" runat="server" AllowPaging="True"

AllowSorting="True" Skin="WebBlue" AllowMultiRowEdit="True"

GridLines="None"

                            Width="100%"

OnNeedDataSource="NTierGrid_NeedDataSource" 

AllowMultiRowSelection="True" OnItemCreated="NTierGrid_ItemCreated"

                           

OnItemDataBound="NTierGrid_ItemDataBound"

OnItemCommand="NTierGrid_ItemCommand"

OnPageIndexChanged="NTierGrid_PageIndexChanged"

OnPageSizeChanged="NTierGrid_PageSizeChanged">

                            <HeaderContextMenu>

                            </HeaderContextMenu>

                            <PagerStyle Mode="NextPrevAndNumeric" AlwaysVisible="true" />

                            <ClientSettings>

                                <Selecting  AllowRowSelect="true"/>

                            </ClientSettings>

                           

<MasterTableView CommandItemDisplay="Top" AllowPaging="true"

AllowAutomaticDeletes="false" AllowAutomaticInserts="false"

AllowAutomaticUpdates="false"

                           

AllowSorting="true" FilterItemStyle-Height="10px"

FilterItemStyle-Width="100px" ShowHeadersWhenNoRecords="true">



                            <CommandItemTemplate>

                                <div style="height: 28px;">

                                    <asp:ImageButton ImageUrl="images/edit.png"

                                       

Style="margin-left: 4px; margin-top: 2px; width:20px; height:20px;

vertical-align: middle;" ID="btnEdit"

                                        runat="server" ToolTip="Edit" CausesValidation="False" />

                                    <asp:ImageButton ImageUrl="images/delete.png" OnClick="btnDelete_Click"

                                        Style="margin-left: 11px; margin-top: 2px; vertical-align: middle;" ID="btnDelete"

                                        runat="server" ToolTip="Delete" CausesValidation="False" />

                     

                                </div>

                            </CommandItemTemplate>

                

                            <Columns>

                               

<telerik:GridBoundColumn DataField="EmailId"

UniqueName="columnEmailId" HeaderTooltip="EmailId" HeaderText="ID"

Visible="false">

                                </telerik:GridBoundColumn>

                               

<telerik:GridBoundColumn DataField="FromAddress"

HeaderTooltip="EmailFrom" UniqueName="columnEmailFrom"

FilterControlWidth="70%" Visible="false">

                                    <HeaderStyle Width="150px" Height="15px" />

                                </telerik:GridBoundColumn>

                               

<telerik:GridBoundColumn DataField="Message"

HeaderTooltip="EmailMessage" UniqueName="columnEmailMessage"

FilterControlWidth="70%" Visible="false"

                                    HtmlEncode="true">

                                    <HeaderStyle Width="150px" Height="15px" />

                                </telerik:GridBoundColumn>

                               

<telerik:GridBoundColumn DataField="PriorityId"

HeaderTooltip="PriorityID" UniqueName="columnPriority"

Visible="false">

                                </telerik:GridBoundColumn>

                               

<telerik:GridBoundColumn DataField="CreatedBy"

HeaderTooltip="CreatedBy" UniqueName="columnCreatedBy"

Visible="false">

                                </telerik:GridBoundColumn>

                               

<telerik:GridBoundColumn DataField="ModifiedBy"

HeaderTooltip="ModifiedBy" UniqueName="columnModifiedBy"

Visible="false">

                                </telerik:GridBoundColumn>

                               

<telerik:GridBoundColumn DataField="ToAddresses"

HeaderTooltip="ToAddresses" UniqueName="columnToAddresses"

Visible="false">

                                </telerik:GridBoundColumn>

                               

<telerik:GridBoundColumn DataField="CompId" HeaderTooltip="CompId"

UniqueName="columnCompId" Visible="false">

                                </telerik:GridBoundColumn>

                               

<telerik:GridBoundColumn DataField="CreatedOn"

HeaderTooltip="CreatedOn" UniqueName="columnCreatedOn"

Visible="false">

                                </telerik:GridBoundColumn>



                               

<telerik:GridTemplateColumn UniqueName="ActionHeader"

HeaderText="Edit/Delete" HeaderTooltip="Edit/Delete"

AllowFiltering="false" HeaderStyle-Width="20px">

                                    <ItemTemplate>

                                        <asp:Panel ID="EditButtonPanel" runat="server" Width="72px">&nbsp;

                                           

<asp:ImageButton  ImageUrl="~/images/edit.png" style="width:20px;

height:20px" ToolTip="Edit" OnClick="btnEdit_Click" ID="EditButton"

runat="server" CausesValidation="false"/> &nbsp;&nbsp;

                                           

<asp:ImageButton  ImageUrl="~/images/delete.png" style="width:20px;

height:20px" ToolTip="Delete" ID="DeleteButton"

OnClick="DeleteButton_Click" runat="server"

CausesValidation="false"/>

                                        </asp:Panel>

                                    </ItemTemplate>

                                </telerik:GridTemplateColumn>

                            </Columns>

                

                        </MasterTableView>

                        <ClientSettings AllowColumnsReorder="true" ReorderColumnsOnClient="true">

                            <Selecting  AllowRowSelect="true"/>

                        </ClientSettings>

                    

                        </telerik:RadGrid>

                    </ItemTemplate>

                </telerik:RadPanelItem>

            </Items>

         </telerik:RadPanelItem>

         

<telerik:RadPanelItem Enabled="true" Visible="true" Expanded="true"

runat="server" Value="EmailMasterPanel" Text="Edit Email">

              <Items>

                  <telerik:RadPanelItem Enabled="true" Expanded="true" Value="EmailPanel">

                      <ItemTemplate>

                         

<div id="DivExternalForm" runat="server" style="border:1px solid

groove; background-color:#E8E8E8;">

                              <asp:Panel ID="pnlExternalForm" runat="server" Visible="true">

                                 <div>

                                    

<%--<asp:TextBox ID="MyTextBox" runat="server"

ClientIDMode="Static" CausesValidation="false" BackColor="Yellow"

BorderColor="Tomato" ToolTip="Your Text"></asp:TextBox>--%>

                                    <table style="border:0; margin-top:1px; width: 100%">

                                      

                                      <tr width="100%">

                                          <td width="20%">

                                              <asp:Label ID="LblEmailId" runat="server" Text="Emaild" ></asp:Label>

                                              

                                          </td>

                                      </tr>

                                      <tr>

                                          <td>

                                              <asp:Label ID="LblFromAddress" runat="server" Text="From"></asp:Label>

                                          </td>

                                          <td>

                                             

<asp:TextBox ID="TextBoxFromAddress" runat="server"

CausesValidation="false" ClientIDMode="Static"

Width="400px"></asp:TextBox>

                                             

<%--<telerik:RadTextBox ID="radTextBoxFromAddress"

CausesValidation="false" runat="server"

Width="400px"></telerik:RadTextBox>--%>

                                             

                                          </td>

                                      </tr>

                                      <tr width="100%">

                                          <td>

                                              <asp:Label ID="LblToAddress" runat="server" Text="To"></asp:Label>

                                          </td>

                                          <td>

                                             

<telerik:RadTextBox ID="radTextBoxToAddress" runat="server"

Width="400px"></telerik:RadTextBox>

                                          </td>

                                      </tr>



                                      <tr width="100%">

                                          <td>

                                              <asp:Label ID="LblSubject" runat="server" Text="Subject"></asp:Label>

                                          </td>

                                          <td>

                                             

<telerik:RadTextBox ID="radTextBoxSubject" runat="server"

Width="400px"></telerik:RadTextBox>

                                          </td>

                                      </tr>



                                      <tr width="100%">

                                          <td>

                                              <asp:Label ID="LblMessage" runat="server" Text="Message"></asp:Label>

                                          </td>

                                          <td>

                                             

<telerik:RadTextBox ID="radTextBoxMessage" runat="server"

Width="400px" Height="150px" Visible="false"

TextMode="MultiLine"></telerik:RadTextBox>

                                             

<telerik:RadEditor ID="radEditorMail" runat="server" Width="600px"

BackColor="White" AllowScripts="true"

                                                AutoResizeHeight="false" EnableResize="false" NewLineBr="true" >

                                                    <Tools>

                                                            <telerik:EditorToolGroup>

                                                                    <telerik:EditorSeparator Visible="true" />

                                                                    <telerik:EditorTool Name="Copy" Text="Copy" />

                                                                    <telerik:EditorTool Name="Print" Text="Print" />

                                                                    <telerik:EditorDropDown Name="FontName" />

                                                                   

<telerik:EditorTool Name="ConvertToUpper" Text="Convert to Upper

Case" />

                                                                   

<telerik:EditorTool Name="ConvertToLower" Text="Convert to Lower

Case" />

                                                                    <telerik:EditorTool Name="Bold" Text="Bold" />

                                                                    <telerik:EditorTool Name="Italic" Text="Italic" />

                                                                   

<telerik:EditorTool Name="Underline" Text="Underline" />

                                                                   

<telerik:EditorTool Name="JustifyLeft" Text="Align Left" />

                                                                   

<telerik:EditorTool Name="JustifyCenter" Text="Align Center" />

                                                                   

<telerik:EditorTool Name="JustifyRight" Text="Align Right" />

                                                                   

<telerik:EditorTool Name="InsertOrderedList" Text="Numbered List"

/>

                                                                   

<telerik:EditorTool Name="InsertUnorderedList" Text="Bullet List"

/>

                                                              

                                                                     

<telerik:EditorTool Name="LinkManager" Text="Link Manager" />

                                                                   

<telerik:EditorTool Name="JustifyFull" Text="justify" />

                                                                   

<telerik:EditorTool Name="ForeColor" Text="Foreground color" />

                                                                   

<telerik:EditorTool Name="AjaxSpellCheck" Text="Ajax Spell Checker"

/>

                                                                   

<telerik:EditorTool Name="Subscript" Text="Subscript" />

                                                                   

<telerik:EditorTool Name="Superscript" Text="Superscript" />

                                                                   

<telerik:EditorTool Name="BackColor" Text="BackColor" />

                                                                    <telerik:EditorTool Name="FontSize" Text="FontSize" />

                                                                    <telerik:EditorTool Name="Paste" Text="Paste" />

                                                                    <telerik:EditorTool Name="Cut" Text="Cut" />

                                                            </telerik:EditorToolGroup>

                                                   </Tools>

                                              </telerik:RadEditor>

                                          </td>

                                      </tr>

                                      <tr>

                                          <td>

                                             

<asp:Label ID="LblModifiedBy" runat="server" Text="Modified

By"></asp:Label>

                                          </td>

                                          <td>

                                             

<telerik:RadTextBox ID="radTextBoxModifiedBy" runat="server"

Width="300px"></telerik:RadTextBox>

                                          </td>

                                      </tr>



                                      

                                      <tr>

                                          <td>



                                          </td>

                                          <td>

                                             

<asp:ImageButton ID="btnSave" ImageUrl="images/save.png"

runat="server" OnClick="btnSave_Click" CausesValidation="false"

ToolTip="Save/Update"/>&nbsp;&nbsp;&nbsp;

                                             

<asp:ImageButton ID="btnCancel" ImageUrl="images/cancel.png"

runat="server" OnClick="btnCancel_Click" CausesValidation="false"

ToolTip="Cancel"/>

                                          </td>

                                      </tr>

                                  </table>

                                </div>



                              </asp:Panel>



                          </div>

                      </ItemTemplate>



                  </telerik:RadPanelItem>

              </Items>



          </telerik:RadPanelItem>  

        </Items>

           <CollapseAnimation Duration="100" Type="None"/>

           <ExpandAnimation Duration="100" Type="None" />

     </telerik:RadPanelBar>

    </div>



   </telerik:RadAjaxPanel>

  </div>



    

</asp:Content>







<<<<------------------------------------------------------------------NTier.aspx.cs--------------------------------------------------->>>>





using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.UI;

using System.Web.UI.WebControls;

using BusinessLayer;

using DataAccessLayer;

using System.Data;

using Telerik.Web.UI;



namespace Email_Management

{

    public partial class NTier : System.Web.UI.Page

    {

        EmailBL objEmailBL = new EmailBL();

        protected void Page_Load(object sender, EventArgs e)

        {

            //-----this is for Simple DataBinding---

            //DataTable dtEmail = objEmailBL.GetEmailData("119");

            //NTierGrid.DataSource = dtEmail as DataTable;

            //NTierGrid.DataBind();

            

           

        }



        public void BindData()

        {

            RadGrid radNTGrid = (RadGrid)RadPanelBar.FindItemByValue("EmailGrid").FindControl("NTierGrid");

            DataTable ds = new DataTable();

            ds = objEmailBL.GetEmailData("119");

            if (ds != null)

            {

                radNTGrid.DataSource = ds;

            }

        }





        protected void NTierGrid_NeedDataSource(object source, GridNeedDataSourceEventArgs e)

        {



            BindData();

            

        }



        protected void NTierGrid_ItemCreated(object sender, GridItemEventArgs e)

        {



        }



        protected void NTierGrid_ItemDataBound(object sender, GridItemEventArgs e)

        {



        }



        protected void NTierGrid_ItemCommand(object source, GridCommandEventArgs e)

        {



        }



        protected void btnDelete_Click(object sender, ImageClickEventArgs e)

        {



        }



        protected void btnEdit_Click(object sender, ImageClickEventArgs e)

        {

            ImageButton editButton = (ImageButton)sender;

            Panel selectdPanel = (Panel)editButton.Parent;

            GridDataItem dataItem = (GridDataItem)selectdPanel.NamingContainer;



            

            //string fromAddd = dataItem["ColumnEmailFrom"].Text;



            //TextBox txtemail = (TextBox)RadPanelBar.FindItemByValue("EmailPanel").FindControl("MyTextBox");

            //txtemail.Text = fromAddd;

            //txtemail.BackColor = System.Drawing.Color.Aqua;



            string fromAdd=dataItem["columnEmailFrom"].Text;

            TextBox txtFrom = (TextBox)RadPanelBar.FindItemByValue("EmailPanel").FindControl("TextBoxFromAddress");

            txtFrom.Text = fromAdd;

           

           

//

((Label)RadPanelBar.FindItemByValue("EmailPanel").FindControl("LblEmailId")).Text

= dataItem["columnEmailId"].Text;

            //Label txtemail = (Label)RadPanelBar.FindItemByValue("EmailPanel").FindControl("LblEmailId");

            //txtemail.Text = emailid;

           



//((RadTextBox)RadPanelBar.FindItemByValue("EmailPanel").FindControl("radTextBoxFromAddress")).Text

= dataItem["columnEmailId"].Text;

        }





        protected void EditButton_Click(object sender, ImageClickEventArgs e)

        {



        }



        protected void DeleteButton_Click(object sender, ImageClickEventArgs e)

        {



        }



        protected void NTierGrid_PageIndexChanged(object source, GridPageChangedEventArgs e)

        {

            BindData();

            

        }



        protected void NTierGrid_PageSizeChanged(object source, GridPageSizeChangedEventArgs e)

        {

            BindData();

            

        }



        protected void btnSave_Click(object sender, ImageClickEventArgs e)

        {



        }



        protected void btnCancel_Click(object sender, ImageClickEventArgs e)

        {



        }

    }

}







<<<<<-----------------------------------------------------Web.Config-------------------------------------------------------->>>>>



<?xml version="1.0"?>

<!--

  For more information on how to configure your ASP.NET application, please visit

  http://go.microsoft.com/fwlink/?LinkId=169433

  -->

<configuration>

  <appSettings>

   

<add key="connectionstring"

value="Server=192.168.1.61;port=10080;database=xtlytics_db_frontend_dev_v8_5;user

id=pa_dev;password=12!@#$34;pooling=true;Charset=utf8"/>

  </appSettings>

  <connectionStrings/>

  <!--

    For a description of web.config changes for .NET 4.5 see http://go.microsoft.com/fwlink/?LinkId=235367.



    The following attributes can be set on the <httpRuntime> tag.

      <system.Web>

        <httpRuntime targetFramework="4.5" />

      </system.Web>

  -->

  <system.web>

    <compilation debug="true" targetFramework="4.5.1"/>

    <httpHandlers>

      <add path="Telerik.Web.UI.WebResource.axd" type="Telerik.Web.UI.WebResource" verb="*" validate="false"/>

    </httpHandlers>

    <pages controlRenderingCompatibilityVersion="4.0"/>

  </system.web>

  <system.webServer>

    <validation validateIntegratedModeConfiguration="false"/>

    <handlers>

     

<add name="Telerik_Web_UI_WebResource_axd" verb="*"

preCondition="integratedMode" path="Telerik.Web.UI.WebResource.axd"

type="Telerik.Web.UI.WebResource"/>

    </handlers>

  </system.webServer>

</configuration>
Angel Petrov
Telerik team
 answered on 04 Mar 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Hiba
Top achievements
Rank 1
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Rakhee
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?