Telerik Forums
UI for ASP.NET AJAX Forum
3 answers
669 views
Hi
I am looking for a control where we can create a family tree (parents > self > spouse > siblings). Is there something available in Telerik to look at.
Thanks
Princy
Top achievements
Rank 2
 answered on 11 Jun 2014
1 answer
121 views
Hi 

I have a img tag to which i am associating a RadToolTip using th ToolTip Manager using the following settings..

<telerik:RadToolTipManager ID="TestToolTip" runat="server" HideEvent="ManualClose"
MouseTrailing="false" EnableEmbeddedSkins="false" ShowCallout="true" Animation="None"
Width="500" Height="300" ContentScrolling="Y" ShowEvent="OnClick" Position="BottomRight"
Skin="Ciena" RelativeTo="Mouse" HideDelay="500">
<WebServiceSettings Method="xxx" Path="xxx" />
</telerik:RadToolTipManager>

<img id="testID" alt="View Details" runat="server" src='~/images/test1.gif' style="cursor: hand;border:0"/>

And binding the tooltip to img in the backend using

TestToolTip.TargetControls.Add(testID.ClientID, "Test", true);

The RadTooltip itself loads and shows just fine.. but we want to show title/alt text on the anchor img tag to allow users to know what the image means.. like a normal html tooltip.. i tried with both title and alt properties but they are not showing for the img.. 









Princy
Top achievements
Rank 2
 answered on 11 Jun 2014
3 answers
321 views
I have a RadGrid in a RadAjaxPanel. The RadAjaxPanel also has a text box and button. RadAjaxPanel is then added to a Panel. Which in turn is added to an UpdatePanel.
A value needs to be entered in the textbox and based on selections, on click of button, the value is added to all the selected rows.
Radgrid is as follows:
this._RadGrid1.ID = "RadGrid1";  
this._RadGrid1.AllowSorting = true;
this._RadGrid1.AllowFilteringByColumn = true;          
this._RadGrid1.AutoGenerateColumns = false;
this._RadGrid1.EnableLinqExpressions = false;   
this._RadGrid1.ClientSettings.Selecting.AllowRowSelect = true;
                                 
this._RadGrid1.MasterTableView.DataKeyNames = "...";
this._RadGrid1.MasterTableView.ClientDataKeyNames = "..";
this._RadGrid1.NeedDataSource += RadGrid1_NeedDataSource;
 
I have added checkboxtemplate to the grid.
 
The following are added to RadAjaxPanel.
 this.RadAjaxPanel.Controls.Add(this._RadLoadingPanel);
 this.RadAjaxPanel.Controls.Add(this._RadGrid1); 
 this.RadAjaxPanel.Controls.Add(this._textBox1); 
 this.RadAjaxPanel.Controls.Add(this._button1);
onClientClick of button I want to call a javascript function to know the rows selected and read the value of the textbox and update DB accordingly. Please help me figure how to do this. I tried the following but the js is unable to find the RadGrid!
function GetSelectedItems() {   
var g = $find("<%=RadGrid1.ClientID %>"); 
v
ar MasterTable = g.get_masterTableView();
}

Suggest me if you have a better approach.

Shinu
Top achievements
Rank 2
 answered on 11 Jun 2014
6 answers
621 views
Hi,
I have this grid with an EditFormTemplate :
 
<telerik:RadGrid ID="RadGrid1" runat="server" AllowAutomaticDeletes="True" AllowAutomaticInserts="True" AllowAutomaticUpdates="True" AllowPaging="True" AllowSorting="True" Culture="it-IT" DataSourceID="SqlDataSource1" PageSize="20"  Width="100%" Skin="Outlook">
                        <ExportSettings>
                            <Pdf PageWidth="">
                            </Pdf>
                        </ExportSettings>
                        <MasterTableView AutoGenerateColumns="False" CommandItemDisplay="Top" DataKeyNames="Id" DataSourceID="SqlDataSource1">
                            <Columns>
                                <telerik:GridEditCommandColumn ButtonType="ImageButton">
                                    <HeaderStyle Width="30px" />
                                </telerik:GridEditCommandColumn>
                                <telerik:GridBoundColumn DataField="Id" DataType="System.Int32" FilterControlAltText="Filter Id column" HeaderText="Id" ReadOnly="True" SortExpression="Id" UniqueName="Id">
                                    <ColumnValidationSettings>
                                        <ModelErrorMessage Text="" />
                                    </ColumnValidationSettings>
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="name" FilterControlAltText="Filter name column" HeaderText="Name" SortExpression="name" UniqueName="name">
                                    <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True">
                                        <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator>
                                    </ColumnValidationSettings>
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="surname" FilterControlAltText="Filter surname column" HeaderText="Surname" SortExpression="surname" UniqueName="surname">
                                    <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True">
                                        <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator>
                                    </ColumnValidationSettings>
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="userName" DefaultInsertValue="" FilterControlAltText="Filter userName column" HeaderText="User Name" SortExpression="userName" UniqueName="userName">
                                    <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True">
                                        <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator>
                                    </ColumnValidationSettings>
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="password" DefaultInsertValue="" FilterControlAltText="Filter password column" HeaderText="Password" SortExpression="password" UniqueName="password" Display="False">
                                    <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True">
                                        <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator>
                                    </ColumnValidationSettings>
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="email" DefaultInsertValue="@stadlerrail.com" FilterControlAltText="Filter email column" HeaderText="Email" SortExpression="email" UniqueName="email">
                                    <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True">
                                        <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator>
                                    </ColumnValidationSettings>
                                </telerik:GridBoundColumn>
                                <telerik:GridBoundColumn DataField="telephone" DefaultInsertValue="+" FilterControlAltText="Filter telephone column" HeaderText="Telephone" SortExpression="telephone" UniqueName="telephone">
                                    <ColumnValidationSettings EnableModelErrorMessageValidation="True" EnableRequiredFieldValidation="True" RenderValidatorBeforeEditor="True">
                                        <RequiredFieldValidator ErrorMessage="This filed is required! " ForeColor="Red"></RequiredFieldValidator>
                                    </ColumnValidationSettings>
                                </telerik:GridBoundColumn>
                                <telerik:GridButtonColumn ButtonType="ImageButton" Text="Delete" CommandName="Delete" FilterControlAltText="Filter column1 column" ConfirmDialogType="RadWindow" ConfirmText="Do you really want to delete this project and all its content?" UniqueName="column1">
                                    <HeaderStyle Width="30px" />
                                </telerik:GridButtonColumn>
                            </Columns>
                            <EditFormSettings EditFormType="Template">
                                <EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn1 column"></EditColumn>
                                <FormTemplate>
                                    <style type="text/css">
                                        .auto-style1 {
                                            width: 100%;
                                            background-color: azure;
                                        }
 
                                        .auto-style2 {
                                            width: 84px;
                                        }
 
                                        .auto-style5 {
                                            text-align: left;
                                            width: 386px;
                                        }
                                    </style>
 
                                    <table class="auto-style1">
                                        <tr>
                                            <td class="auto-style2"></td>
                                            <td class="auto-style5"> </td>
                                        </tr>
                                        <tr>
                                            <td class="auto-style2">Name:</td>
                                            <td class="auto-style5">
                                                <asp:TextBox ID="name" runat="server" Width="200px" Height="22px" Text='<%# Bind( "name" ) %>'>></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator2" ControlToValidate="name" ErrorMessage="This field shall be filled" runat="server" BackColor="Red">
                                                </asp:RequiredFieldValidator>
                                                 <asp:RegularExpressionValidator ID="validateName"
                                                    runat="server" ErrorMessage="Invalid Name. You shall insert letters only." ForeColor="Red"
                                                    ControlToValidate="name"
                                                    ValidationExpression="^[^\W\d_]+$" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="auto-style2">Surname:</td>
                                            <td class="auto-style5">
                                                <asp:TextBox ID="surname" runat="server" Width="200px" Height="22px" Text='<%# Bind( "surname" ) %>'>></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator3" ControlToValidate="surname" ErrorMessage="This field shall be filled" runat="server" BackColor="Red">
                                                </asp:RequiredFieldValidator>
                                                <asp:RegularExpressionValidator ID="validateSurname"
                                                    runat="server" ErrorMessage="Invalid Surname. You shall insert letters only." ForeColor="Red"
                                                    ControlToValidate="surname"
                                                    ValidationExpression="^[^\W\d_]+$" />
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="auto-style2">User Name:</td>
                                            <td class="auto-style5">
                                                <asp:TextBox ID="userName" runat="server" Width="200px" Height="22px" Text='<%# Bind( "userName" ) %>'>></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator1" ControlToValidate="UserName" ErrorMessage="This field shall be filled" runat="server" BackColor="Red">
                                                </asp:RequiredFieldValidator>
 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="auto-style2">Password:</td>
                                            <td class="auto-style5">
                                                <asp:TextBox ID="password" runat="server" Width="200px" TextMode="Password" Height="22px" Text='<%# Bind( "password" ) %>'>></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator7" ControlToValidate="password" ErrorMessage="This field shall be filled" runat="server" BackColor="Red">
                                                </asp:RequiredFieldValidator>
                                                 <asp:RegularExpressionValidator ID="validatePassword"
                                                    runat="server" ErrorMessage="Password shall at least 8 characters that contains at least one lowercase and one uppercase ASCII character and also at least one character from the set @#$%^&+= (in any order)" ForeColor="Red"
                                                    ControlToValidate="password"
                                                    ValidationExpression="^(?=.{8,})(?=.*[a-z])(?=.*[A-Z])(?=.*[@#$%^&+=]).*$" />
 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="auto-style2">Email:</td>
                                            <td class="auto-style5">
                                                <asp:TextBox ID="email" runat="server" Width="200px" Height="22px" Text='<%# Bind( "email" ) %>'>></asp:TextBox>
                                                <asp:RequiredFieldValidator ID="RequiredFieldValidator9" ControlToValidate="email" ErrorMessage="This field shall be filled" runat="server" BackColor="Red">
                                                </asp:RequiredFieldValidator>
                                                 <asp:RegularExpressionValidator ID="validateEmail"
                                                    runat="server" ErrorMessage="Invalid email. name.surname@stadlerrail.com" ForeColor="Red"
                                                    ControlToValidate="email"
                                                    ValidationExpression="^[a-zA-Z0-9_]+\.[a-zA-Z0-9_]+@stadlerrail.com$" />
 
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="auto-style2">Telephone:</td>
                                            <td class="auto-style5">
                                                <asp:TextBox ID="telephone" runat="server" Width="200px" Height="22px" Text='<%# Bind( "telephone" ) %>'>></asp:TextBox>
                                             </td>
                                        </tr>
                                        <tr>
                                            <td class="auto-style2"> </td>
                                            <td> </td>
                                        </tr>
                                        <tr>
                                            <td class="auto-style2"> </td>
                                            <td class="auto-style5">
                                                <asp:Button ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                                    runat="server" CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>'></asp:Button>
                                                <asp:Button ID="btnCancel" Text="Cancel" runat="server" CausesValidation="False"
                                                    CommandName="Cancel" Style="text-align: right"></asp:Button>
                                            </td>
                                        </tr>
                                    </table>
 
 
                                </FormTemplate>
                            </EditFormSettings>
 
 
 
 
 
                        </MasterTableView>
                    </telerik:RadGrid>

Code behind is c#

Two problems:
1)
In the main grid the column password is set to visible=false. In the edit form template the value in "password" column is not displayed when the form is opened for edit/update. This cause a problem because:

A) the admin editing the record thinks that the value does not exist
B) having set a validator on such filed is not possible to update the record without entering a new password.

I would like to show the classic ************* without having to fight with the validator regex on a new update of the record.
How can I achieve that?

2)
I have set the default value of username and password to "" because on opening of a new record, the form displays the admin username and the password in password mode ******* in the relevant text boxes which should not happen but for some reason the values of the logged admin get displayed in those text boxes by default!
Is there a way to avoid this behavior rather than setting the default values to ""?
I have attached a picture, taken from the production server on creating a new record, showing such behavior when the default value of those two text boxes is not set to "".

Thanks,
Felice
Princy
Top achievements
Rank 2
 answered on 11 Jun 2014
3 answers
123 views
I am having a problem inserting records on a Sub heirarchial grid.  If no dta exists it errors our the bind function for the editing.  But if existing data is loaded for that sub grid the insert works just fine.   So on insert of the datatable has nothing in it it will error out on the 1st textbox that is bound to data from datatable and give the follwoing error.  But the problem is the field is there becuase it works for other rows with data.  If you manually insert record, it will work fine.  What is the work around to this.

DataBinding: 'Telerik.Web.UI.GridInsertionObject' does not contain a property with the name 'strDescription'.
Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.
 
Exception Details: System.Web.HttpException: DataBinding: 'Telerik.Web.UI.GridInsertionObject' does not contain a property with the name 'strDescription'.


<EditFormSettings EditFormType="Template">
                                               <FormTemplate>
                                                       <table style="width:100%;background-color:antiquewhite">
                                                           <tr>
                                                               <td style="height:10px"></td>
                                                           </tr>
                                                           <tr>
                                                               <td style="width:10%;text-align:right">Position Description: </td>
                                                               <td style="width:90%;text-align:left"><asp:TextBox ID="txtdescription" runat="server" Width="200px" Text='<%#Bind("strDescription") %>'></asp:TextBox></td>
                                                           </tr>
                                                           <tr>
                                                               <td style="height:10px"></td>
                                                           </tr>
                                                           <tr>
                                                               <td style="width:10%;text-align:right">Position Scale: </td>
                                                               <td style="width:90%;text-align:left"><asp:TextBox ID="txtScale" runat="server" Width="200px" Text='<%#Bind("strScale") %>'></asp:TextBox></td>
                                                           </tr>
                                                           <tr>
                                                               <td style="height:10px"></td>
                                                           </tr>
                                                           <tr>
                                                               <td style="width:10%;text-align:right">Position Type: </td>
                                                               <td style="width:90%;text-align:left"><asp:TextBox ID="txtPosType" runat="server" Width="200px" Text='<%#Bind("strPositionType") %>'></asp:TextBox></td>
                                                           </tr>
                                                           <tr>
                                                               <td style="height:10px"></td>
                                                           </tr>
                                                           <tr>
                                                               <td style="width:10%;text-align:right">Position Grade: </td>
                                                               <td style="width:90%;text-align:left"><asp:TextBox ID="txtGrade" runat="server" Width="200px" Text='<%#Bind("strGrade") %>'></asp:TextBox></td>
                                                           </tr>
                                                           <tr>
                                                                   <td style="height:5px"></td>
                                                           </tr>
                                                           <tr>
                                                               <td style="width:10%;text-align:right"></td>
                                                               <td style="width:90%;text-align:left">
                                                                       <asp:LinkButton ID="lnkSubmit" runat="server" Text='<%# ((bool)DataBinder.Eval(Container, "OwnerTableView.IsItemInserted")) ? "Insert" : "Update" %>'
                                                                       CommandName='<%# ((bool)DataBinder.Eval(Container, "OwnerTableView.IsItemInserted")) ? "PerformInsert" : "Update" %>'>
                                                                       </asp:LinkButton>
                                                                            
                                                                       <asp:LinkButton ID="lnkCancel" runat="server" CausesValidation="false" CommandName="Cancel" Text="Cancel"></asp:LinkButton>
                                                               </td>
                                                           </tr>
                                                       </table>
                                               </FormTemplate>
                                        </EditFormSettings>      
 
 
if (e.CommandName == RadGrid.PerformInsertCommandName && e.Item.OwnerTableView.Name == "Positions")
       {
           GridEditableItem item = e.Item as GridEditableItem;
           GridDataItem parentItem = e.Item.OwnerTableView.ParentItem;
           //int sectionId = Convert.ToInt32(item.OwnerTableView.DataKeyValues[e.Item.ItemIndex]["intSectionId"]);
           int secId = Convert.ToInt32(parentItem.OwnerTableView.DataKeyValues[parentItem.ItemIndex]["intSectionId"]);
           TextBox descrip = (TextBox)item.FindControl("txtdescription");
           TextBox scale = (TextBox)item.FindControl("txtScale");
           TextBox posType = (TextBox)item.FindControl("txtPosType");
           TextBox grade = (TextBox)item.FindControl("txtGrade");
 
           sql = "Execute usp_InsertPosition " + secId + ", '" + c.SanitizeString(descrip.Text) + "', '" + c.SanitizeString(scale.Text) + "', '" + c.SanitizeString(posType.Text) + "', '" + c.SanitizeString(grade.Text) + "'";
 
           c.InsertUpdateDelete(sql);
          // myradGrid.Rebind();
       }
Shinu
Top achievements
Rank 2
 answered on 11 Jun 2014
2 answers
460 views
Here is my javascript:

<script type="text/javascript">
    function ShowWindow(dealid) {
        
        var oWnd = window.radopen('Windows/DealReassignmentPopup.aspx', 'window1');
    }
</script>

and my code behind:

protected void gridAssignSingleDeal_ItemCommand(object sender, Telerik.Web.UI.GridCommandEventArgs e)
    {
            if (e.CommandName == "OpenWindow")
        {
            int datakeyvalue = Helper.IntHelper((e.Item as GridDataItem).GetDataKeyValue("ID"));
   
           string script = string.Format("<script language='javascript' type='text/javascript'>Sys.Application.add_load(ShowWindow({0}));</script>",datakeyvalue);
            ClientScript.RegisterStartupScript(this.GetType(), "showWindow", script);
                        
        }
    }


If I do not pass it any parameters ( take out string.format) it works. If I try to pass it a parameter, it does not, it says this error:

Unhandled exception at line 17467, column 1 
0x800a138f - JavaScript runtime error: Unable to get property 'open' of undefined or null reference





All I want to do is have a button on my grid that when I click it, it opens a radwindow with a parameter. If I have to do this another way, I am up for that.
Garrett
Top achievements
Rank 1
 answered on 11 Jun 2014
7 answers
119 views
I've not used RadTreeView before.  I have a pair of header detail tables that I want to preset using a treeview.

If I understand what I'm reading, there is no simple built-in way to do this.  
Is this true?

(Do I have to bind the header records to nodes first and then programmatically add the details to each header note?)
Boris
Top achievements
Rank 1
 answered on 10 Jun 2014
4 answers
394 views
Hi for all.

I am facing a problem with Grid exporting since I need to page break my report every header item. I am using the groupByExpression method. Can you please give me an example of the implementation?
Had already found these topics, but no one helped me:

http://www.telerik.com/forums/pdf-export-and-page-break
http://www.telerik.com/support/code-library/printing-grid-headers-on-every-page
Viktor Tachev
Telerik team
 answered on 10 Jun 2014
16 answers
723 views
Hello,

I'd like to make a rounded corner for the radgrid header. Is there a way to do it?
I have changed the css on the rgMasterTable thead to be the background image and set .rgMasterTable th.rgExpandCol as the background image. However, it makes the column header to be blank.
Example,

.RadGrid_VCGrid

 

.rgMasterTable thead

 

{

background

 

: url('../images/tabletop-bk.png') left repeat-x;

 

}


.RadGrid_VCGrid

 

.rgMasterTable th.rgExpandCol

 

{

 

background: url('../images/tabletop-left-bk.png') left top no-repeat;

 

 

 

}

Please advise

Elin

Galin
Telerik team
 answered on 10 Jun 2014
3 answers
137 views
Is there any way to not display the ViewPath location to the user but still allow them to upload?  I tried to not define the property, but that also disabled the Upload button.
Vessy
Telerik team
 answered on 10 Jun 2014
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?