Telerik Forums
UI for ASP.NET AJAX Forum
2 answers
79 views

I need the ability for the user to select a portion of the text displayed in a dialog box.  In the demo of Dialog boxes located here http://demos.telerik.com/aspnet-ajax/window/examples/browserdialogboxes/defaultcs.aspx when clicking on the button "radalert from server" the ability to select the text by holding down the left mouse button and dragging the cursor does work.  

 

However, when I created a simple button which displays a RadAlert dialog it will not allow ​selecting of the text by clicking and dragging the cursor.  It will however allow selecting the text by double clicking on a word in the text.  Attached is a screen shot of what the dialog looks like when attempting to click and drag the cursor.   When I copy and paste I get the following:

      OK       status label                   {1}  ##LOC[OK]##  {1}    ##LOC[OK]## ##LOC[Cancel]##  {1}  ##LOC[OK]## ##LOC[Cancel]## 

 

We are using version UI for ASP.NET AJAX Q2 2014.  

Linda
Top achievements
Rank 1
 answered on 14 Oct 2015
3 answers
302 views

Hi,

I have a RadGrid (for AJAX) in my web page. I chose to use EditForm template and I wish to customise the design of the edit form. My questions are (please refer to the attached jpeg file):

1. How do I set the column/cell spacing between labels and controls (Item A in the file)?

2. How do I set the row spacing (Item B in the file)?

3. How do I change the vertical alignment of the label (Item C in the file)? In this case, I want the label to be aligned at the top, rather than middle.

4. How do I change the spacing between the last row of user control and the command button row (Item D in the file)?

 

My markup for the RadGrid is as below:

 

<telerik:RadAjaxPanel runat="server" LoadingPanelID="RadAjaxLoadingPanelMain">
<telerik:RadGrid ID="RadGridDegreeClassRules" runat="server" AllowPaging="True" AllowSorting="true" PageSize="10" Font-Names="Segoe UI"
    OnNeedDataSource="RadGridDegreeClassRules_NeedDataSource" HeaderStyle-BackColor="DarkCyan" HeaderStyle-Font-Bold="true"
    OnItemCommand="RadGridDegreeClassRules_ItemCommand" OnPreRender="RadGridDegreeClassRules_PreRender"
    AllowAutomaticInserts="false" OnInsertCommand="RadGridDegreeClassRules_InsertCommand"
    AllowAutomaticUpdates="false" OnUpdateCommand="RadGridDegreeClassRules_UpdateCommand"
    AllowAutomaticDeletes="false" OnDeleteCommand="RadGridDegreeClassRules_DeleteCommand" >
    <PagerStyle Mode="NextPrevAndNumeric" />
    <MasterTableView CommandItemDisplay="Top" AutoGenerateColumns="false" AllowSorting="true"
                CommandItemSettings-ShowAddNewRecordButton="true" CommandItemSettings-AddNewRecordImageUrl="../images/add12.png"
                CommandItemSettings-AddNewRecordText="Insert new rule"  
                CommandItemSettings-RefreshImageUrl="../images/refresh14.png" DataKeyNames="Id">
        <Columns>
            <telerik:GridEditCommandColumn UniqueName="EditCommandColumnDegreeClassRules" ButtonType="ImageButton"
                EditImageUrl="../images/edit12.png" EditText="Edit rule"
                HeaderStyle-Width="30px" ItemStyle-HorizontalAlign="Center">
                <ItemStyle CssClass="MyImageButton"></ItemStyle>
            </telerik:GridEditCommandColumn>
            <telerik:GridTemplateColumn HeaderText="Effective Date" HeaderStyle-ForeColor="White" AllowSorting="true" SortExpression="EffectiveDate">
                <ItemTemplate>
                    <asp:Label ID="LabelEffectiveDate" runat="server" Text='<%# Bind("EffectiveDate","{0:dd-MM-yyyy}") %>'></asp:Label>
                </ItemTemplate>
                <InsertItemTemplate>
                    <telerik:RadDatePicker ID="DatePickerEffectiveDateInsert" runat="server" DateInput-DateFormat="dd-MM-yyyy" DateInput-DisplayDateFormat="dd-MM-yyyy" ></telerik:RadDatePicker>
                    <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidatorEffectiveDateInsert" ControlToValidate="DatePickerEffectiveDateInsert"
                        ErrorMessage="&nbsp; Missing required field!" Display="Dynamic" Font-Size="Small" ForeColor="Red"></asp:RequiredFieldValidator>
                </InsertItemTemplate>
                <EditItemTemplate>
                    <telerik:RadDatePicker ID="DatePickerEffectiveDateEdit" runat="server" MinDate="1900/01/01" DbSelectedDate='<%# Bind("EffectiveDate") %>'
                        DateInput-DateFormat="dd-MM-yyyy" DateInput-DisplayDateFormat="dd-MM-yyyy"></telerik:RadDatePicker>
                    <asp:RequiredFieldValidator runat="server" ID="RequiredFieldValidatorEffectiveDateEdit" ControlToValidate="DatePickerEffectiveDateEdit"
                        ErrorMessage="&nbsp; Missing required field!" Display="Dynamic" Font-Size="Small" ForeColor="Red"></asp:RequiredFieldValidator>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridTemplateColumn HeaderText="Rule Name" HeaderStyle-ForeColor="White" AllowFiltering="true" AllowSorting="true" SortExpression="DegreeClassRuleName">
                <ItemTemplate>
                    <asp:Label ID="LabelDegreeClassRuleName" runat="server" Text='<%# Bind("DegreeClassRuleName") %>'></asp:Label>
                </ItemTemplate>
                <InsertItemTemplate>
                    <telerik:RadTextBox ID="TextBoxDegreeClassRuleNameInsert" runat="server" Text="" Width="400" CssClass="EditFormButtonRow" ></telerik:RadTextBox>
                </InsertItemTemplate>
                <EditItemTemplate>
                    <telerik:RadTextBox ID="TextBoxDegreeClassRuleNameEdit" runat="server" Text='<%# Bind("DegreeClassRuleName") %>' Width="400" CssClass="EditFormButtonRow" ></telerik:RadTextBox>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridTemplateColumn HeaderText="Rules" HeaderStyle-ForeColor="White" AllowFiltering="true" AllowSorting="true" SortExpression="DegreeClassRule">
                <ItemTemplate>
                    <asp:Label ID="LabelDegreeClassRules" runat="server" Text='<%# Bind("DegreeClassRule") %>'></asp:Label>
                </ItemTemplate>
                <InsertItemTemplate>
                    <telerik:RadEditor ID="EditorDegreeClassRuleInsert" runat="server" >
                        <Tools>
                            <telerik:EditorToolGroup>
                                <telerik:EditorTool Name="Copy" />
                                <telerik:EditorTool Name="Cut" />
                                <telerik:EditorTool Name="Paste" />
                                <telerik:EditorTool Name="Undo" />
                                <telerik:EditorTool Name="Redo" />
                                <telerik:EditorTool Name="FontName" />
                                <telerik:EditorTool Name="FontSize" />
                                <telerik:EditorTool Name="ForeColor" />
                                <telerik:EditorTool Name="Bold" />
                                <telerik:EditorTool Name="Italic" />
                                <telerik:EditorTool Name="Underline" />
                                <telerik:EditorTool Name="InsertUnorderedList" />
                                <telerik:EditorTool Name="InsertOrderedList" />
                                <telerik:EditorTool Name="Indent" />
                                <telerik:EditorTool Name="Outdent" />
                                <telerik:EditorTool Name="InsertSymbol" />
                                <telerik:EditorTool Name="InsertLink" />
                            </telerik:EditorToolGroup>
                        </Tools>
                    </telerik:RadEditor>
                </InsertItemTemplate>
                <EditItemTemplate>
                    <telerik:RadEditor ID="EditorDegreeClassRuleEdit" runat="server" content='<%# Bind("DegreeClassRule") %>' >
                        <Tools>
                            <telerik:EditorToolGroup>
                                <telerik:EditorTool Name="Copy" />
                                <telerik:EditorTool Name="Cut" />
                                <telerik:EditorTool Name="Paste" />
                                <telerik:EditorTool Name="Undo" />
                                <telerik:EditorTool Name="Redo" />
                                <telerik:EditorTool Name="FontName" />
                                <telerik:EditorTool Name="FontSize" />
                                <telerik:EditorTool Name="ForeColor" />
                                <telerik:EditorTool Name="Bold" />
                                <telerik:EditorTool Name="Italic" />
                                <telerik:EditorTool Name="Underline" />
                                <telerik:EditorTool Name="InsertUnorderedList" />
                                <telerik:EditorTool Name="InsertOrderedList" />
                                <telerik:EditorTool Name="Indent" />
                                <telerik:EditorTool Name="Outdent" />
                                <telerik:EditorTool Name="InsertSymbol" />
                                <telerik:EditorTool Name="InsertLink" />
                            </telerik:EditorToolGroup>
                        </Tools>
                    </telerik:RadEditor>
                </EditItemTemplate>
            </telerik:GridTemplateColumn>
            <telerik:GridButtonColumn CommandName="Delete" UniqueName="DeleteColumnDegreeClassRules"
                Text="Delete rule" ConfirmText="Delete this rule?" ConfirmTitle="Delete" ConfirmDialogType="RadWindow"
                HeaderStyle-Width="30px" ItemStyle-HorizontalAlign="Center"
                ButtonType="ImageButton" ImageUrl="../images/delete12.png" DataType="System.Boolean">
                <ItemStyle CssClass="MyImageButton"></ItemStyle>
            </telerik:GridButtonColumn>
        </Columns>
        <EditFormSettings ColumnNumber="1" CaptionDataField="DegreeClassRuleName" CaptionFormatString="Edit properties of rule: {0}">
            <FormStyle Width="100%" BackColor="Ivory"></FormStyle>
            <FormTableItemStyle Wrap="False"></FormTableItemStyle>
            <EditColumn UniqueName="EditColumnDegreeClassRule" ButtonType="PushButton"
                InsertText="Insert" UpdateText="Update" CancelText="Cancel" ></EditColumn>
            <FormTableButtonRowStyle HorizontalAlign="Right" ></FormTableButtonRowStyle>
        </EditFormSettings>
    </MasterTableView>
    <ClientSettings>
        <ClientEvents OnRowDblClick="rowDblClick" />
    </ClientSettings>
</telerik:RadGrid>​

 

 

Thank you. Appreciate your reply.

Zaly

Viktor Tachev
Telerik team
 answered on 14 Oct 2015
1 answer
97 views

I am opening up an .aspx page with a radgrid on it. I click a button and it runs the 4 lines of code below.

 

rgExportSummary.ExportSettings.IgnorePaging = True
rgExportSummary.ExportSettings.Excel.Format = DirectCast([Enum].Parse(GetType(GridExcelExportFormat), "ExcelML"), GridExcelExportFormat)
rgExportSummary.ExportSettings.ExportOnlyData = True
rgExportSummary.ExportSettings.OpenInNewWindow = True
rgExportSummary.MasterTableView.ExportToExcel()

 

When I use the window.open javascript to open this aspx page and then click the button to run the above code, I get the export for the grid.

When I use the window.ShowModalDialog javascript to open the aspx page and then click the button to run the above code, I do not get any export or response.

 What am I doing wrong or missing?

Pavlina
Telerik team
 answered on 14 Oct 2015
6 answers
1.0K+ views
Hi telerik

I use a radtextbox and i want to validate user input of following format
123#, 5677#. User can enter numbers followed by a mandatory #. How to validate this with regex?

Any suggestion
Lovella
Sankalp
Top achievements
Rank 1
 answered on 14 Oct 2015
1 answer
70 views
I want to use the lightbox as a way for users as a way to select the image they want ​from the light box.  I thought this would help: http://www.telerik.com/forums/close-lightbox-on-image-click . However, that seems to create just a single item with a single image, and I need the javascript to apply to every image. Can this be done?
Viktor Tachev
Telerik team
 answered on 14 Oct 2015
4 answers
252 views
Hi,

I'm having an issue with RadDropDownTable when placed in a table.. When I select/check multiple leaves in the control, the container of the control expands/shortens based on the selection .. Any idea on how to resolve this?

Here is the code im using.

<div>
        <table style="background: lightblue;">
                <tr>
                    <td>
                        <span class="Label"><b>Module: </b></span>
                       <telerik:RadDropDownTree runat="server" ID="ModuleDropDownTree" CheckBoxes="SingleCheck"
                            Width="150px" EnableViewState="False" DataFieldID="ModuleID" DataFieldParentID="parentModuleID" DataSourceID="SqlDataSource1" DataTextField="Name" DataValueField="ModuleID">
                       </telerik:RadDropDownTree>
                    </td>
                    <td>
                        <span class="Label"><b>Modes: </b></span>
                        <asp:RadioButton ID="AutoCheckBox" Text="Automated" runat="server" AutoPostBack="false"/>
                        <asp:RadioButton ID="ManualCheckBox" Text="Manual" runat="server" AutoPostBack="false" />
                        <asp:RadioButton ID="AMCheckBox" Text="Both" runat="server" AutoPostBack="false" />
                    </td>
                    <td>
                        <asp:LinkButton runat="server" Text="Clear" ForeColor="White" />
                    </td>
                </tr>
            </table>
    </div>
Stephen
Top achievements
Rank 1
 answered on 14 Oct 2015
5 answers
249 views
I am using radgrid which list out data's. when clicking radgrid i will open one radwindow separately which contains the information of the selected row.
when any postback occurs like selecting second page or filter by column , page inside the radwindow opens in the radgrid page.
here Radgrid page missing....

Refer Screenshots for reference
Eyup
Telerik team
 answered on 14 Oct 2015
2 answers
101 views

We're having an issue after the last telerik updates and i'm wondering if this was intentional? And how do we get scrolling back?

 

I attached 2 screen shots newver.jpg is the latest Q3 telerik update we installed.

oldver.jpg is the Q1 update which by default scrolled.

nothing else has change don our controls 

Here is the aspx code:

<telerik:RadComboBox ID="cbSite" runat="server">  </telerik:RadComboBox>

 

Code behind is untouched, this was found by our QA team. Is there a simple style fix we can apply?

Nencho
Telerik team
 answered on 14 Oct 2015
3 answers
123 views
Hi,

I have put together a nice, codeless, RadGrid, which uses a GridDropDownColumn bound to an EntityDataSource for one of the columns. This works well, except that it seemed a bit slow to render the page.  Upon checking SQL Server, I can see that the EntityDataSource that the GridDropDownColumn is bound to is running its select statement for every single row that is displayed in the RadGrid :(

Is there any way round this or is the GridDropDownColumn essentially unusable in the real world?

Thanks,

Craig
Maria Ilieva
Telerik team
 answered on 14 Oct 2015
3 answers
160 views
HI, in your demos you have needdatasource and objectdatasource version of custom paging.  I need to use LinqDatasource and implement custom paging.  I have been trying it but with no lock.  can you pl advice.  thx
Radoslav
Telerik team
 answered on 14 Oct 2015
Narrow your results
Selected tags
Tags
+? more
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Will
Top achievements
Rank 2
Iron
Motti
Top achievements
Rank 1
Iron
Hester
Top achievements
Rank 1
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Thomas
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?