Sorry I wasn't in web development for years... so this mobile design trend is completely new to me.

Anyways, supposed I want to go with a 3 column design.  I want to be able to "minimize" the left column in XS or SM mode (so that I can make the column reappear by either clicking a tiny column, or swipe from the left bezel to screen.  Is this possible?

Hello Telerik,

I am using ASP.Net Ajax Ribbon Bar control.

I am facing problem of flickering ribbon bar while refreshing.

My page completely loads in approximately 1 sec. Until the page is fully loaded, the Ribbon bar is partially created as attached image (on_page_loading.png).

And once the page is loaded, ribbon bar is completely created as attached image(after_page_load.png)

This happens at the time of page refresh as well as page postback.

I want ribbon bar to be created at once or at least appear only after it is completely created.

Please advise.

Hi,

 I'm using a subclassed RadHtmlField field control on page layouts in a SharePoint 2013 environment to include the editor. Most of what I need works except for the following:

1. When I toggle to the full screen mode, selecting the 'Insert Link' option opens up the 'Select an Asset' SharePoint dialog. This all works fine, but when a selection is made & the dialog closes, the underlying RadEditor goes back to normal mode with the toggle full screen button depressed. This causes the page to sort of freeze until the full screen toggle button is raised again.

2. I add content such as this:

But the editor removes the <button> element. 

Here are the contents of the files that you might find useful:

Sub-classed class

ConfigFile.xml

setAutoWidthForRadEditorControls JavaScript function

hi,

     i have some textbox and one save button outside the radgrid. this controls are hided.

i need to enable this controls through Add new record icon click.

thanks & regards

karthik

Hi, 

 Dunno why, but the grid insert item and the update item templates styles are gone. the text became bold and the textboxes just stack on top of each other.

the only thing i did was adding bootstrap.css and .js to my project and used it on various pages without problems.

I am not using any divs or containers in the pages with the grid, so it's kinda strange.

I just have a top navbar recurring in all the pages (master). i suppose it might be a css problem.

Also, in a page with a treeview, but without any bootstrap code (except for the core link files css and js which are in the master pages) and the tree floats right, it didn't before.

here' a snapshot of a grid item in edit mode

http://snag.gy/1nxTp.jpg

Hi,

My code can run  at 2015 Q1

But it upgrade to 2015 Q2 after,it can not run,exception below

@aspx

@cs

Hi

I have a page which contains a grid of properties (all managed by one letting agency). I have another page which contains a grid of tenants (all of the tenants in properties managed by the letting agency). Both grids work perfectly and I am using an embedded form on each to provide insert/updates for both the properties and the tenants.

I have a situation where I want to be able to make the NAME of the tenant clickable on the PROPERTY screen and take the user to the Tenant Management Screen with the tenant they clicked in EDIT MODE.

I've worked out how to get the correct hyperlink in the format http://localhost/data_tenantmanagement.aspx?action=edit&id=TENANT_ID

My tenant management grid has filters and tooltips so that when someone hovers over the name it pops out contact details. The TenantPerson table has an ID number (primary key) and the Property record has a field called TENANTID which maps to the tenant living in it.

This code is in data_tenantmanagement.aspx.vb:

    Public Function GetDataTable(ByVal query As String) As DataTable
        Dim ConnString As String = ConfigurationManager.ConnectionStrings("ConnectionString").ConnectionString
        Dim conn As SqlConnection = New SqlConnection(ConnString)
        Dim adapter As SqlDataAdapter = New SqlDataAdapter
        adapter.SelectCommand = New SqlCommand(query, conn)
        Dim table1 As New DataTable
        conn.Open()
        Try
            adapter.Fill(table1)
        Finally
            conn.Close()
        End Try
        Return table1
    End Function

    Public ReadOnly Property TheseTenants() As DataTable
        Get
            Dim obj As Object = Me.Session("TheseTenants")
            If (Not obj Is Nothing) Then
                Return CType(obj, DataTable)
            End If
            Dim myDataTable As DataTable = New DataTable
            myDataTable = GetDataTable("SELECT * FROM TenantPerson")
            Me.Session("TheseTenants") = myDataTable
            Return myDataTable
        End Get
    End Property

    Protected Sub RadGrid1_NeedDataSource(ByVal source As Object, ByVal e As Telerik.Web.UI.GridNeedDataSourceEventArgs) Handles RadGrid1.NeedDataSource
        Me.RadGrid1.DataSource = Me.TheseTenants
        Me.TheseTenants.PrimaryKey = New DataColumn() {Me.TheseTenants.Columns("Id")}
    End Sub

    Protected Sub RadGrid1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles RadGrid1.PreRender
        If Not IsPostBack And Me.RadGrid1.MasterTableView.Items.Count > 0 Then
            RadGrid1.EditIndexes.Clear()
            Me.Session("TheseTenants") = Nothing
            RadGrid1.DataSource = TheseTenants
            RadGrid1.DataBind()
        End If
    End Sub

 I guess I need:

 1. Generate the hyperlink from the PROPERTY screen to the TENANT screen with an action (edit) and an ID (the tenant ID).

2. Open the data_tenantmanagement.aspx page and somewhere read the ID of the tenant being passed in.

3. Find the row corresponding to the required tenant.

4. Open the row in Edit Mode.

The bit of the grid with the EDIT is this (ignore the drag and drop stuff):

<EditColumn FilterControlAltText="Filter EditCommandColumn1 column" UniqueName="EditCommandColumn1">
                                </EditColumn>
                                <FormTemplate>
                                <telerik:RadToolTipManager ID="RadToolTipManager1" runat="server" AutoTooltipify="True" Position="MiddleRight" RelativeTo="Element"></telerik:RadToolTipManager>
                                    <div class="widget">
                                    <header>
                                        <div class="pull-left">
                                            <h2>
                                                <asp:Literal ID="litControlTitle" runat="server"></asp:Literal>
                                                    </h2>
                                                </div>
                                            </header>
                                        <div class="inner-padding">
                                        <div class="row">
                                            <div class="col-sm-2">
                                                <label for="txtDisplayName">
                                                    Display Name:
                                                        </label>
                                                    </div>
                                                <div class="col-sm-2">
                                               <Telerik:RadTextBox skin="Bootstrap"  ID="txtDisplayName" runat="server" ToolTip="Enter the display name here (this will appear in drop down lists referring to this entity) - REQUIRED." />
                                            
                                                </div>
                                                </div>
                                            <div class="row">
                                            <div class="col-sm-2">
                                                <label for="lstPeople">
                                                    People:
                                                        </label>
                                                
                                                    <telerik:RadComboBox ID="drpPeopleSearch" runat="server" Width="200px" Height="400px"
                                                    EmptyMessage="Type a name..." ClientIDMode="Static" AllowCustomText="true" AutoCompleteSeparator="|" Filter="Contains" MarkFirstMatch="True" onclientselectedindexchanged="OnClientSelectedIndexChanged" DropDownWidth="250px" ToolTip="Start typing a name and click the one you need when it is showing." Skin="Web20">
                                                                         </telerik:RadComboBox>
                                                
                                                </div>
                                                <div class="col-sm-2">
                                                <label for="lstTenant">
                                                    Tenant Object:
                                            
                                                    </label>
                                                
                                                </div>
                                                <div class="col-sm-2">
                                                <label for="txtLeadTenant">
                                                    Lead Tenant Person:
                                                        </label>
                                                    </div>
                                                <div class="col-sm-4">
                                                <div class="row">
                                                
                                                        <asp:Button ID="btnUpdate" runat="server" CommandName='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "PerformInsert", "Update")%>' Text='<%# IIf((TypeOf(Container) is GridEditFormInsertItem), "Insert", "Update") %>' CssClass="btn btn-primary" ValidationGroup="EditFormGroup" CausesValidation="True" ToolTip="Click this button to update or insert an entity." />
                                                        &nbsp;
                                                        <asp:Button ID="btnCancel" runat="server" CausesValidation="False" CommandName="Cancel" Text="Cancel" CssClass="btn btn-default" ToolTip="Click this button to cancel out of the insert/edit form." />
                                                        <asp:TextBox ID="txtid" runat="server" Text="" style="visibility: hidden;" />
                                                        </div>
                                                    <div class="spacer-20"></div>
                                                    <div class="row">
                                                    <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="EditFormGroup" Visible="False" CssClass="alert alert-danger" />
                                                        <asp:RequiredFieldValidator ValidationGroup="EditFormGroup" ID="RequiredFieldValidator1" runat="server" ErrorMessage="You must enter a display name." Text="" ClientIDMode="Static"  ControlToValidate="txtDisplayName" SetFocusOnError="True" Display="Dynamic" Visible="True"></asp:RequiredFieldValidator>
                                                        <asp:RangeValidator ID="RangeValidator1" runat="server" ControlToValidate="txtNumberOfTenants" Text="" ErrorMessage="You must have at least one legal person in the Tenant Object." MaximumValue="4" MinimumValue="1" Type="Integer" ValidationGroup="EditFormGroup" Display="Dynamic" Visible="True"></asp:RangeValidator>
                                                        <asp:RangeValidator ID="RangeValidator2" runat="server" ControlToValidate="txtNumberOfLeadTenants" Text="" ErrorMessage="You must have a lead tenant defined." MaximumValue="1" MinimumValue="1" Type="Integer" ValidationGroup="EditFormGroup" Display="Dynamic" Visible="True"></asp:RangeValidator>
                                                        </div>
                                                    </div>
                                                </div>

                                            <div class="row">
                                            <div class="col-sm-2">
                                                <telerik:RadListBox ID="lstPeople" runat="server" AllowTransfer="True" ButtonSettings-ShowDelete="False" ButtonSettings-ShowReorder="False" ButtonSettings-ShowTransferAll="False" ButtonSettings-TransferButtons="TransferFrom" CausesValidation="False" Culture="en-GB" EnableDragAndDrop="True" Height="200px" Skin="Bootstrap" TransferMode="Copy" Width="200px" TransferToID="lstTenant" AllowTransferOnDoubleClick="True" AutoPostBackOnTransfer="False" OnClientTransferred="onClientTransferredHandlerLstTenant" OnClientTransferring="onClientTransferringHandlerLstTenant" ClientIDMode="Static" ToolTip="Drag a name from here to the Tenant Object. You can filter this list using the box above.">
                                                    </telerik:RadListBox>
                                                    <asp:SqlDataSource ID="SqlDataSource1" runat="server" ConnectionString="<%$ ConnectionStrings:ABBEYMOVEConnectionString %>" SelectCommand="SELECT [Id], [LegalName] FROM [LegalPerson]"></asp:SqlDataSource>
                                                    </div>
                                                <div class="col-sm-2">
                                                        
                                                    <telerik:RadListBox ID="lstTenant" runat="server" AllowDelete="true" AllowReorder="true" AllowTransfer="True" CausesValidation="False" Culture="en-GB" EnableDragAndDrop="true" Height="200px" Skin="Bootstrap" TransferMode="Copy" TransferToID="lstLeadTenant" Width="200px" OnClientDeleted="onClientDeletedTenantHandler" AllowTransferOnDoubleClick="True" OnClientTransferred="onClientTransferredHandlerLstLeadTenant" ClientIDMode="Static"
                                                    OnClientTransferring="onClientTransferringHandlerLstLeadTenant" ButtonSettings-ShowTransferAll="False" ButtonSettings-TransferButtons="TransferFrom" ToolTip="Drag a person from here to the Lead Tenant box to the right.">
                                                                        </telerik:RadListBox>
                                                    <asp:TextBox ID="txtNumberOfTenants" runat="server" CausesValidation="True" ValidationGroup="EditFormGroup" ClientIDMode="Static" TextMode="Number" style="visibility: hidden;"></asp:TextBox>
                                                
                                                </div>
                                                <div class="col-sm-2">
                                            
                                                    <telerik:RadListBox ID="lstLeadTenant" runat="server" AllowDelete="true" AutoPostBackOnDelete="False" CausesValidation="False" Culture="en-GB" EnableDragAndDrop="true" Height="200px" Skin="Bootstrap" Width="200px" OnClientDeleted="onClientDeletedLeadTenantHandler" ClientIDMode="Static" ToolTip="Use the delete button if you want to change the lead tenant person.">
                                                    </telerik:RadListBox>
                                                    <asp:TextBox ID="txtNumberOfLeadTenants" runat="server" CausesValidation="True" text="0" ValidationGroup="EditFormGroup" TextMode="Number" style="visibility: hidden;"></asp:TextBox>
                                                    
                                                </div>
                                                
                                            </div>
                                                    
                                        </div>
                                                    
                                    </div>

                                    </div>
                                                
                                    </div>
                                    </FormTemplate>
                                </EditFormSettings>

Any help would be appreciated as I've got to do this in several places (such as Owners, Landlords, etc.) - it's probably simple but I cannot work out where to put the bit that will actually do what I need. Of course, if request.querystring("action") isn't EDIT then I'd just want the grid to display as usual BUT if possible can I also throw action=NEW at it and put it in Insert Mode (or is that too much to ask).....

 Thanks!

Dear All,

I want to bind the RadTabStrip from database means it should be dynamic.

Can anyone please tell me how to bind the RadTabStrip from database ?

Thanks,

Harish Patil