Telerik Forums
UI for ASP.NET AJAX Forum
1 answer
345 views

I am using radComboBox for lists but im having an issue in being able to apply a margin bottom so that the labels and the controls I have tried to apply the 10 margin bottom via

  .form-group{
            margin-bottom:10px;

        }

  .RadComboBox RadComboBox_Bootstrap {
            margin-bottom: 15px;
        }

 

     .RadComboBox .rcbReadOnly .rcbInput, .RadComboBox .rcbDisabled .rcbInput .RadComboBox_Bootstrap table
        {
            margin-bottom:10px;

        }

Below is how i layout my forms.

<form class="form-horizontal">
                   <fieldset>
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Is Joint Application</label>
 
                           <div class="col-md-8">
                               <label class="checkbox">
                                     <telerik:RadCheckBox Skin="Bootstrap" ID="chkIsJointApplication" runat="server"></telerik:RadCheckBox>
                               </label>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">IVA Code</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtIVACode" CssClass="form-control" Width="20%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <!-- Text input-->
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">
                               First Name</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtFirstName" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
                       <!-- Text input-->
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Middle Name</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtMiddle" CssClass="form-control" Width="20%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
                       <!-- Text input-->
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">
                               Surname</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtSurname" CssClass="form-control" Width="60%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
                       <!-- Text input-->
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Saluatation</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtsaluatation" CssClass="form-control" Width="20%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Ailases</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtAilases" CssClass="form-control" Width="40%" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Marital Status</label>
                           <div class="col-md-8">
                               <telerik:RadComboBox ID="rdMartialStatus" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Address Line 1</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtAddressLine1" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Address Line 2</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtAddressLine2" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">City</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtCity" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Post Code</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtPostCode" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">County</label>
                           <div class="col-md-8">
                               <telerik:RadComboBox ID="dpCounty" CssClass="form-group-lg" Width="50%" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Country</label>
                           <div class="col-md-8">
 
                               <telerik:RadComboBox ID="dpCountry" Width="50%" CssClass="form-group-lg" Skin="Bootstrap" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Date Of Birth</label>
                           <div class="col-md-8">
                               <telerik:RadDatePicker ID="rdDob" Skin="Bootstrap" runat="server"></telerik:RadDatePicker>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Age</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtAge" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Home Tel NO.</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtHomeTelNo" CssClass="form-group-lg" Skin="Bootstrap" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Work Tel No</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtWorkTelNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Fax No</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtFaxNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Mobile No</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtMobileNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Best Time to Call</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtBestTimeToCall" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Prefered Contact Method</label>
                           <div class="col-md-8">
                               <telerik:RadComboBox ID="rdPreferedContactMethod" Width="50%" CssClass="form-group-lg" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                           </div>
                       </div>
                   </fieldset>
           </div>
           <div class="tab-pane" id="two-normal">
               <fieldset>
                   <div class="form-group">
                       <label class="col-md-4 control-label" for="textinput">AML C</label>
                       <div class="col-md-8">
                           <telerik:RadCheckBox ID="chkAmlCPerformed" CssClass="form-group-lg" runat="server" Text=""></telerik:RadCheckBox>
 
                       </div>
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Consent given 3rd Parties?</label>
                           <div class="col-md-8">
                               <telerik:RadCheckBox ID="chkConsentGiven" runat="server" Text=""></telerik:RadCheckBox>
 
                           </div>
                       </div>
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Property owned in last 5 years?</label>
                           <div class="col-md-8">
                               <telerik:RadCheckBox ID="chkOwned2Years" CssClass="form-group-lg" runat="server" Text=""></telerik:RadCheckBox>
 
                           </div>
                       </div>
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Number Of Searches</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtNoSearchers" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
 
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Residential Status</label>
                           <div class="col-md-8">
                               <telerik:RadComboBox ID="rdResidentialStatus" Width="50%" EmptyMessage="Please Select" runat="server"></telerik:RadComboBox>
                           </div>
                       </div>
                   </div>
 
                   <div class="form-group">
                       <label class="col-md-4 control-label" for="textinput">Date Known at Address</label>
                       <div class="col-md-8">
                           <telerik:RadDatePicker ID="rdDateKnownatAddress" CssClass="form-group-lg" runat="server"></telerik:RadDatePicker>
 
                       </div>
 
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">KYC/AML Check</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtkycamlCheck" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Passport Number</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtpassportNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Driving License Number</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtDrivingLicenseNo" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Secuirty Question</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="RadTextBox6" CssClass="form-group-lg" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Secuirty Answer</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtSecurityAnswer" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Notes</label>
                           <div class="col-md-8">
                               <telerik:RadTextBox ID="txtNotes" CssClass="form-group-lg" Rows="10" Columns="10" runat="server"></telerik:RadTextBox>
                           </div>
                       </div>
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Deceased?</label>
                           <div class="col-md-8">
                               <telerik:RadCheckBox ID="chkDeceased" CssClass="form-group-lg" runat="server"></telerik:RadCheckBox>
 
                           </div>
                       </div>
 
 
                       <div class="form-group">
                           <label class="col-md-4 control-label" for="textinput">Date Deceased?</label>
                           <div class="col-md-8">
                               <telerik:RadDatePicker ID="dateDeceased" CssClass="form-group-lg" runat="server"></telerik:RadDatePicker>
                           </div>
                       </div>
                   </div>
 
                   <!-- /tabs -->
               </fieldset>
           
 
         
        </div> </div>

Peter Milchev
Telerik team
 answered on 08 Jun 2016
1 answer
1.2K+ views

I am using the following mark up for a toolbar at the top of my screen but their is a diabled css class that i can add and an active to make them stand out my question is how do i in code behind add a style to the button cssclass tag.

 

<telerik:RadButton ID="rbPersonalDetails" runat="server" CssClass="btn btn-info" Text="Property Details">
 
                <ContentTemplate>
                    <i class="fa fa-user" style="color: #5bc0de;"></i>Personal Details
                </ContentTemplate>
 
            </telerik:RadButton>
            <telerik:RadButton ID="rbPropertyDetails" runat="server" CssClass="btn btn-info" Text="Property Details">
 
                <ContentTemplate>
                    <i class="fa fa-home" style="color: #5bc0de;"></i>Property Details
                </ContentTemplate>
 
            </telerik:RadButton>
            <telerik:RadButton ID="rbVechicleDetails" runat="server" CssClass="btn btn-info" Text="Vechicle Details">
 
                <ContentTemplate>
                    <i class="fa fa-car" style="color: #5bc0de;"></i>Vechicle Details
                </ContentTemplate>
 
            </telerik:RadButton>
 
            <telerik:RadButton ID="rbincomee" runat="server" CssClass="btn btn-info">
 
                <ContentTemplate>
                    <i class="fa fa-gbp" style="color: #5bc0de;"></i>Income & Expenditures
                </ContentTemplate>
 
            </telerik:RadButton>
 
 
 
            <telerik:RadButton ID="rbPensions" runat="server" CssClass="btn btn-info">
 
                <ContentTemplate>
                    <i class="fa fa-bank" style="color: #5bc0de;"></i>Pensions
                </ContentTemplate>
 
            </telerik:RadButton>
 
            <telerik:RadButton ID="rbMeetings" runat="server" CssClass="btn btn-info">
 
                <ContentTemplate>
                    <i class="fa fa-calendar" style="color: #5bc0de;"></i>Meetings
                </ContentTemplate>
 
            </telerik:RadButton>
 
            <telerik:RadButton ID="rbOtherAssets" runat="server" CssClass="btn btn-info" >
 
                <ContentTemplate>
                    <i class="fa fa-share" style="color: #5bc0de;"></i>Other Assets
                </ContentTemplate>
 
            </telerik:RadButton>

Misho
Telerik team
 answered on 08 Jun 2016
5 answers
267 views
I have a Radgrid and have several columns set to Display=False and when a user sorts or expands on a column the hidden columns appear and I even set the itemstyle-width to 0.

 

<telerik:RadGrid ID="RadGrid1" 

AllowMultiRowSelection="True" 

AllowSorting="True"

AllowNaturalSort="True"  

AllowPaging="True"
AlternatingItemStyle-HorizontalAlign="Center" 

AutoGenerateColumns="false"  

BackColor="#ffffff" 

CellPadding="2"  

CellSpacing="2" 

GridLines="None"  

GroupingEnabled="True" 

HeaderStyle-Height="20"  

Height="580px" 

OnNeedDataSource="RadGrid1_NeedDataSource"  

OnItemDataBound="RadGrid1_ItemDataBound" 

OnSortCommand="RadGrid1_SortCommand"  

OnExcelExportCellFormatting="RadGrid1_ExcelExportCellFormatting" 

SelectedItemStyle-ForeColor="#000000"  

PageSize="15" 

ShowFooter="True"  

ShowHeader="True" 

ShowGroupPanel="True"  

ShowStatusBar="True" 

EnableEmbeddedSkins="False"  

Skin="Nuts" 

Width="100%"  

Visible="true" 

runat="server">  
-- Now for the columns

<telerik:GridBoundColumn DataField="status_id" ItemStyle-Width="0" Display="False" />

<telerik:GridBoundColumn DataField="request_id" ItemStyle-Width="0" Display="False" />  

<telerik:GridBoundColumn DataField="refresh_time" ItemStyle-Width="0" Display="False" /> 

<telerik:GridBoundColumn DataField="number_of_days" ItemStyle-Width="0" Display="False" />  

<telerik:GridBoundColumn DataField="request_number" UniqueName="RequestNumber" ItemStyle-Width="0" Display="False" />

<ClientSettings AllowDragToGroup="True" EnablePostBackOnRowClick="False">

        <Resizing AllowColumnResize="True" AllowRowResize="False" ResizeGridOnColumnResize="False" ClipCellContentOnResize="True" EnableRealTimeResize="False" />
         <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" FrozenColumnsCount="3" />
         <Selecting AllowRowSelect="True" />
</ClientSettings>

Any help would be appreciated and I have attached an image.
Hary
Top achievements
Rank 1
 answered on 08 Jun 2016
6 answers
216 views

Hi there,

I have a grid attached to an EntityDataSource. The grid is in "Batch" mode and has enabled "AllowAutomaticInserts". I also have a javascript attached to "OnBatchEditOpening" that prevents two columns from being edited. When inserting a new record I need to set these two columns with default values, but again the columns have to be in read only mode. I've tried to use "DefaultInsertValue" but then the javascript causes an error "Unable to get property 'cell' of undefined or null reference" when adding a new row.

Javascript

function BatchEditOpening(sender, args)
{
    var columnUniqueName = args.get_columnUniqueName();
    switch (columnUniqueName)
    {
        case "Status":
        case "Source":
            args.set_cancel(true);
        default:
    }
}

How can I solve this? Is there another approach I can take?

Regards,

Artur

Maria Ilieva
Telerik team
 answered on 07 Jun 2016
3 answers
120 views

Hello,

I use the method ResizToFit to resize all columns in event gridCreated but it doesn't work correctly for the GridTemplateColumn.

The code is:

aspx:                        

<telerik:GridTemplateColumn UniqueName="EmailSendDate" HeaderText="Sent: ">
<ItemTemplate>
    <asp:Label runat="server" ID="lblSendStatus" />
</ItemTemplate>

<ItemStyle Wrap="True" HorizontalAlign="Left" />
<AlternatingItemStyle Wrap="True" HorizontalAlign="Left" />
<HeaderStyle Wrap="False" HorizontalAlign="Left" />
<FooterStyle Wrap="False" HorizontalAlign="Left" />
<ClientSettings EnableRowHoverStyle="True" AllowKeyboardNavigation="True">
    <Selecting AllowRowSelect="True"/>   
    <ClientEvents OnGridCreated="gridCreated" />                   
    <Scrolling AllowScroll="true" UseStaticHeaders="True" ScrollHeight="475px"/>              
    <Resizing AllowColumnResize="True" ClipCellContentOnResize="False"     AllowResizeToFit="True" EnableRealTimeResize="False" ResizeGridOnColumnResize="False" />
    <ClientMessages ColumnResizeTooltipFormatString="" DragToResize="" />
</ClientSettings>

The label may contain nothing or a datetime or an error text.

javascript:

var columns = Grid.get_masterTableView().get_columns();
for (var i = 0; i < columns.length; i++) {
    columns[i].resizeToFit();
}

When the column contain the datetime, the column is cut between the date and the time. When I manually enlarged column, just a little, it's ok (The time come beside the date).

Any suggestions?

Thanks in advance

Seb

Maria Ilieva
Telerik team
 answered on 07 Jun 2016
9 answers
529 views
I have a scenario with a large combo box and want to use RadComboBox filter capabilities to help user to narrow his selection. Consider this example:

<telerik:RadComboBox runat="server" ID="t" CheckBoxes="true" Filter="Contains">
        <Items>
            <telerik:RadComboBoxItem Text="Sample A"/>
            <telerik:RadComboBoxItem Text="Sample B"/>
            <telerik:RadComboBoxItem Text="Sample C"/>
        </Items>
</telerik:RadComboBox>

I type "B" on combobox and "Sample B" is filtered and I check it; I clear all text and now I type "C", also checking it.
Selecting another control, I expected to see "Sample B, Sample C" as text, but I see one of this:
  • An empty combo
  • Just "Sample B
  • First item text (which btw is unchecked)

Am I missing something?
Ivan Danchev
Telerik team
 answered on 07 Jun 2016
1 answer
451 views

Hi i have RadGrid Which have 100 records with paging of 10 records per page. When i am using RadGrid.MasterTableView, its only give me 10 records(only current page records) but I want to get all records i. e 100 records. Please tell me how cam i get it.

Pavlina
Telerik team
 answered on 07 Jun 2016
3 answers
95 views
When a link <a> element is used in the item description, the link is displayed correctly, but not clickable. Many other lightbox tools and widgets suffer from the same issue. Does anyone have a workaround to create functional links in RadLightbox image descriptions?
Kostadin
Telerik team
 answered on 07 Jun 2016
6 answers
215 views
I am adding RibbonBarButton to a RadRibbonBar and i do not want an image with my button, but cause there is
o image supplied it is displying a red "X" as the image. how can i remove this. do i have to create a blank
32x32 image to handle this issue.

Thank You

Troy
Veselin Tsvetanov
Telerik team
 answered on 07 Jun 2016
15 answers
1.1K+ views
I am tryping to split pages from original pdf and save it as an individual pdf. No luck with the following code
Appreciate anyone can help. Thanks in advance.

 Dim provider As New Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.PdfFormatProvider

        Using input As System.IO.Stream = System.IO.File.OpenRead("C:\WebSite2\pdf001.pdf")
            Dim document As Telerik.Windows.Documents.Fixed.Model.RadFixedDocument = New Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.PdfFormatProvider(input, FormatProviderSettings.ReadOnDemand).Import()  
          
            For i As Integer = 0 To document.Pages.Count - 1
                Dim exportProvider As New Telerik.Windows.Documents.Fixed.FormatProviders.Pdf.PdfFormatProvider
                Using out As System.IO.Stream = System.IO.File.OpenWrite("C:\WebSite2\Page" & i.ToString & ".pdf")

      
                    Dim outputDocument As New Telerik.Windows.Documents.Fixed.Model.RadFixedDocument
                    Dim page As RadFixedPage = New RadFixedPage()
                    page = document.Pages(i)

                    outputDocument.Pages.Add(page)
                    exportProvider.Export(outputDocument, out)
                End Using
            Next
        End Using


Exception:
System.ArgumentException was unhandled by user code
  HResult=-2147024809
  Message=The document element is associated with another parent.
Parameter name: item
  ParamName=item
  Source=Telerik.Windows.Documents.Fixed
 














Alexander
Top achievements
Rank 2
 answered on 07 Jun 2016
Narrow your results
Selected tags
Tags
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?