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

Hi, I created custom skin for my grid. Headers of Grid bound columns display correctly, but headers of GridTemplateColumn and GridEditCommandColumn not. css in attached file.

Thanks in advance.

Lev.

======================CSS===========================

/*global*/
.RadGrid_Report {
  border: 1px solid #8ba0bc;
  background: #fff;
   /*font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;*/
  font-family: "Lucida Sans";
  color: black !important;
  line-height: 16px; }



.RadGrid_Report .rgMasterTable, .RadGrid_Report .rgDetailTable, .RadGrid_Report .rgGroupPanel table, .RadGrid_Report .rgCommandRow table, .RadGrid_Report .rgEditForm table, .RadGrid_Report .rgPager table {
     /*font: normal 18px "Segoe UI", Arial, Helvetica, sans-serif;*/
   
    line-height: 16px; 
    color: black !important;    
    font-size: 11pt !important;   
     }


.GridToolTip_Report {
  font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 16px; }

.RadGrid_Report .rgHeader:first-child, .RadGrid_Report th.rgResizeCol:first-child, .RadGrid_Report .rgFilterRow > td:first-child, .RadGrid_Report .rgRow > td:first-child, .RadGrid_Report .rgAltRow > td:first-child {
  border-left-width: 0;
  padding-left: 8px; }
.RadGrid_Report .rgSave, .RadGrid_Report .rgAdd, .RadGrid_Report .rgRefresh, .RadGrid_Report .rgEdit, .RadGrid_Report .rgDel, .RadGrid_Report .rgFilter, .RadGrid_Report .rgPagePrev, .RadGrid_Report .rgPageNext, .RadGrid_Report .rgPageFirst, .RadGrid_Report .rgPageLast, .RadGrid_Report .rgExpand, .RadGrid_Report .rgCollapse, .RadGrid_Report .rgSortAsc, .RadGrid_Report .rgSortDesc, .RadGrid_Report .rgUpdate, .RadGrid_Report .rgCancel, .RadGrid_Report .rgUngroup, .RadGrid_Report .rgExpXLS, .RadGrid_Report .rgExpDOC, .RadGrid_Report .rgExpPDF, .RadGrid_Report .rgExpCSV {
  background-image: url('Grid/sprite.png'); }

* html .RadGrid_Report .rgAdd,
* html .RadGrid_Report .rgRefresh,
* html .RadGrid_Report .rgEdit,
* html .RadGrid_Report .rgDel,
* html .RadGrid_Report .rgFilter,
* html .RadGrid_Report .rgPagePrev,
* html .RadGrid_Report .rgPageNext,
* html .RadGrid_Report .rgPageFirst,
* html .RadGrid_Report .rgPageLast,
* html .RadGrid_Report .rgExpand,
* html .RadGrid_Report .rgCollapse,
* html .RadGrid_Report .rgSortAsc,
* html .RadGrid_Report .rgSortDesc,
* html .RadGrid_Report .rgUpdate,
* html .RadGrid_Report .rgCancel,
* html .RadGrid_Report .rgUngroup,
* html .RadGrid_Report .rgExpXLS,
* html .RadGrid_Report .rgExpDOC,
* html .RadGrid_Report .rgExpPDF,
* html .RadGrid_Report .rgExpCSV,
* html .RadGrid_Report .rgHeaderDiv,
* html .RadGrid_Report .rgHeader,
* html .RadGrid_Report th.rgResizeCol,
* html .RadGrid_Report .rgSelectedRow,
* html .RadGrid_Report .rgSelectedRow.rgHoveredRow,
* html .RadGrid_Report .rgActiveRow,
* html .RadGrid_Report .rgHoveredRow,
* html .RadGrid_Report .rgFooterDiv,
* html .RadGrid_Report .rgFooter,
* html .RadGrid_Report .rgPager,
* html .RadGrid_Report .rgPager .rgPagerButton,
* html .RadGrid_Report .rgNumPart a:hover,
* html .RadGrid_Report .rgNumPart a:hover span,
* html .RadGrid_Report .rgNumPart a.rgCurrentPage,
* html .RadGrid_Report .rgNumPart a.rgCurrentPage span,
* html .GridReorderTop_Report,
* html .GridReorderBottom_Report,
* html .RadGrid_Report .rgGroupItem,
* html .RadGrid_Report .rgCommandRow {
  background-image: url('Grid/sprite.gif'); }

/*header*/
.RadGrid_Report .rgHeaderDiv {
  background: #d6e5f3 0 -8050px repeat-x url('Grid/sprite.png'); }

.rgTwoLines .rgHeaderDiv {
  background-position: 0 -7550px; }
.RadGrid_Report .rgHeader, .RadGrid_Report th.rgResizeCol, .RadGrid_Report .rgHeaderWrapper
{
background-color: #113d67;
color: #fff;
border-bottom: 2px solid #999999;
border-left: 1px solid #555555;
border-right: 1px solid #555555;
border-top: 1px solid #555555;
font-family: Lucida Sans;
font-size: 11pt;
}
.RadGrid_Report .rgHeaderDiv {
  border-right-color: #9babc2; }
.RadGrid_Report .rgMultiHeaderRow th.rgHeader, .RadGrid_Report .rgMultiHeaderRow th.rgResizeCol {
  border: solid #8ba0bc;
  border-width: 0 0 1px 1px;
  background: #bdcbde 0 -2300px repeat-x url('Grid/sprite.png');
}
.RadGrid_Report th.rgSorted {
  border-bottom-color: #c28a30;
  background-color: #fff27e;
  background-position: 0 -2600px; }

.RadGrid_Report .rgHeader, .RadGrid_Report th.rgSorted
{
font-family: Lucida Sans;
font-size: 11pt;
}
.RadGrid_Report .rgHeader a, .RadGrid_Report th.rgSorted a
{
color: #ffffff;
font-weight: bold;
}
.RadGrid_Report th.rgSorted a
{
color: #000000;
font-weight: bold;
}

.RadGrid_Report .rgRow td, .RadGrid_Report .rgAltRow td, .RadGrid_Report .rgEditRow td, .RadGrid_Report .rgFooter td {
  border-style: solid;
  border-width: 0 0 1px 1px;
}
.RadGrid_Report .rgRow td, .RadGrid_Report .rgAltRow td {
  border-color: #555555;
}
.RadGrid_Report .rgRow .rgSorted, .RadGrid_Report .rgAltRow .rgSorted {
  background-color: #ecf2f9; }
.RadGrid_Report .rgSelectedRow .rgSorted, .RadGrid_Report .rgActiveRow .rgSorted, .RadGrid_Report .rgHoveredRow .rgSorted, .RadGrid_Report .rgEditRow .rgSorted {
  background-color: transparent; }
.RadGrid_Report .rgRow a, .RadGrid_Report .rgAltRow a, .RadGrid_Report .rgEditRow a, .RadGrid_Report .rgFooter a, .RadGrid_Report .rgEditForm a {
  color: #384e73; }
.RadGrid_Report .rgMasterTable .rgSelectedCell {
  background: #f8d05c 0 -3900px repeat-x url('Grid/sprite.png'); }
.RadGrid_Report .rgSelectedRow
{
background: #f8d05c 0 -3900px repeat-x url('Grid/sprite.png');

}
  .RadGrid_Report .rgSelectedRow > td {
    
    background-position: 0 100%;
    background-repeat: repeat-x; }
  .RadGrid_Report .rgSelectedRow.rgHoveredRow {
    background: #fcebb9 0 -3200px repeat-x url('Grid/sprite.png'); }
    .RadGrid_Report .rgSelectedRow.rgHoveredRow td {
      background: #d8e4bc; }

/*rows*/
* + html .RadGrid_Report .rgSelectedRow .rgSorted, * html .RadGrid_Report .rgSelectedRow .rgSorted {
  background-color: #ffcb60; }
    .RadGrid_Report .rgRow:hover
    {  
        background: #d8e4bc;
    }
    .RadGrid_Report .rgAltRow:hover
    {  
        background: #d8e4bc;
    }
.RadGrid_Report .rgMasterTable .rgActiveCell, .RadGrid_Report .rgActiveRow, .RadGrid_Report .rgHoveredRow {
  background: #d8e4bc; }

* + html .RadGrid_Report .rgActiveRow .rgSorted, * + html .RadGrid_Report .rgHoveredRow .rgSorted {
  background-color: #ecf4ff; }
* html .RadGrid_Report .rgActiveRow .rgSorted, * html .RadGrid_Report .rgHoveredRow .rgSorted {
  background-color: #ecf4ff; }

.RadGrid_Report .rgEditRow {
  background: #ebebeb; }

* + html .RadGrid_Report .rgEditRow .rgSorted, * html .RadGrid_Report .rgEditRow .rgSorted {
  background-color: #ffe5ad; }

.RadGrid_Report .rgSelectedRow td, .RadGrid_Report .rgActiveRow td, .RadGrid_Report .rgHoveredRow td, .RadGrid_Report .rgEditRow td {
  padding-left: 8px; }
.RadGrid_Report .rgSelectedRow td {
  border-bottom-color: #7ba0cd;
}
.RadGrid_Report .rgActiveRow td, .RadGrid_Report .rgHoveredRow td, .RadGrid_Report .rgEditRow td {
  border-bottom-color: #d0d7e5; }
.RadGrid_Report .rgDrag {
  background-image: url('Grid/rgDrag.gif'); }
.RadGrid_Report .rgFooterDiv, .RadGrid_Report .rgFooter, .RadGrid_Report .rgFooterWrapper {
  background: #bbcee4 0 -6500px repeat-x url('Grid/sprite.png'); }
.RadGrid_Report .rgFooter td, .RadGrid_Report .rgFooterWrapper {
  border-width: 1px 0 0;
  border-color: #8ba0bc #fff #fff;
  padding-left: 8px; }
.RadGrid_Report .rgPager .rgStatus {
  border: 1px solid;
  border-width: 1px 1px 0 0;
  border-color: #8ba0bc; }
.RadGrid_Report .rgStatus div {
  background-image: url('Common/loading_small.gif'); }
.RadGrid_Report .rgPager {
  background: #b4c5d9 0 -6999px repeat-x url('Grid/sprite.png');
  color: #384e73; }
.RadGrid_Report td.rgPagerCell {
  border-top: 1px solid #8ba0bc;
  border-left: 1px solid #f5faff; }
.RadGrid_Report .rgPageFirst {
  margin: 0 3px 0 0;
  background-position: 0 -550px; }
  .RadGrid_Report .rgPageFirst:hover {
    background-position: 0 -600px; }
.RadGrid_Report .rgPagePrev {
  margin: 0 3px 0 0;
  background-position: 0 -700px; }
  .RadGrid_Report .rgPagePrev:hover {
    background-position: 0 -750px; }
.RadGrid_Report .rgPageNext {
  margin: 0 0 0 3px;
  background-position: 0 -850px; }
  .RadGrid_Report .rgPageNext:hover {
    background-position: 0 -900px; }
.RadGrid_Report .rgPageLast {
  margin: 0 0 0 3px;
  background-position: 0 -1000px; }
  .RadGrid_Report .rgPageLast:hover {
    background-position: 0 -1050px; }
.RadGrid_Report .rgPager .rgPagerButton {
  border-color: #7793b9;
  background: #e8f1fc repeat-x 0 -1550px url('Grid/sprite.png');
  color: #00156e;
  font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;
  line-height: 12px; }
.RadGrid_Report .rgNumPart a {
  color: #384e73; }
  .RadGrid_Report .rgNumPart a:hover, .RadGrid_Report .rgNumPart a.rgCurrentPage {
    background: no-repeat url('Grid/sprite.png'); }
    .RadGrid_Report .rgNumPart a:hover span, .RadGrid_Report .rgNumPart a.rgCurrentPage span {
      background: no-repeat url('Grid/sprite.png'); }
  .RadGrid_Report .rgNumPart a:hover {
    background-position: 100% -1250px;
    color: #1e395b; }
    .RadGrid_Report .rgNumPart a:hover span {
      background-position: 0 -1150px; }
  .RadGrid_Report .rgNumPart a.rgCurrentPage {
    background-position: 100% -1450px;
    color: #384e73; }
    .RadGrid_Report .rgNumPart a.rgCurrentPage:hover {
      background-position: 100% -1450px;
      color: #384e73; }
    .RadGrid_Report .rgNumPart a.rgCurrentPage span, .RadGrid_Report .rgNumPart a.rgCurrentPage:hover span {
      background-position: 0 -1350px; }
.RadGrid_Report .rgHeader .rgSortAsc {
  background-position: 3px -147px;
  height: 10px; }
.RadGrid_Report .rgHeader .rgSortDesc {
  background-position: 3px -197px;
  height: 10px; }

/*footer*/
/*status*/
/*pager*/
/*sorting, reordering*/
.GridReorderTop_Report {
  height: 12px;
  background: 0 0 no-repeat url('Grid/sprite.png'); }

.GridReorderBottom_Report {
  height: 12px;
  background: 0 0 no-repeat url('Grid/sprite.png');
  background-position: 0 -50px; }

/*filtering*/
.RadGrid_Report .rgFilterRow {
  background: #113d67; }
  .RadGrid_Report .rgFilterRow td {
    border-style: solid;
    border-color: #8ba0bc;
    border-width: 0 0 1px 1px; }
.RadGrid_Report .rgFilter {
  background-position: 0 -300px; }
  .RadGrid_Report .rgFilter:hover {
    background-position: 0 -350px; }
.RadGrid_Report .rgFilterActive {
  background-position: 0 -400px; }
  .RadGrid_Report .rgFilterActive:hover {
    background-position: 0 -400px; }
.RadGrid_Report .rgFilterBox {
  border-color: #9babc2;
  font: normal 12px "Segoe UI", Arial, Helvetica, sans-serif;
  color: #000; }

/*filter context menu*/
.RadMenu_Report .rgHCMClear, .RadMenu_Report .rgHCMFilter {
  border-color: #a7bedb #7d98bd #a3bad8;
  background: #e8f1fc center -23px repeat-x url('FormDecorator/ButtonSprites.gif');
  color: #00156e;
  font-family: "segoe ui",arial,sans-serif; }
.RadMenu_Report .rgHCMClear:hover, .RadMenu_Report .rgHCMFilter:hover {
  border-color: #d8ca95 #b9a073 #c6ba9d;
  background-position: center -67px;
  background-color: #ffe18a;
  color: #000; }

/*context menu*/
.GridContextMenu_Report .rmLeftImage {
  background-image: url('../Common/Grid/contextMenu.gif'); }
.GridContextMenu_Report .rgHCMSortAsc .rmLeftImage {
  background-position: 0 0; }
.GridContextMenu_Report .rgHCMSortDesc .rmLeftImage {
  background-position: 0 -40px; }
.GridContextMenu_Report .rgHCMUnsort .rmLeftImage {
  background-position: 0 -80px; }
.GridContextMenu_Report .rgHCMGroup .rmLeftImage {
  background-position: 0 -120px; }
.GridContextMenu_Report .rgHCMUngroup .rmLeftImage {
  background-position: 0 -160px; }
.GridContextMenu_Report .rgHCMCols .rmLeftImage {
  background-position: 0 -200px; }
.GridContextMenu_Report .rgHCMFilter .rmLeftImage {
  background-position: 0 -240px; }
.GridContextMenu_Report .rgHCMUnfilter .rmLeftImage {
  background-position: 0 -280px; }

/*grouping*/
.RadGrid_Report .rgGroupPanel {
  border: 0 solid #8ba0bc;
  border-bottom-width: 1px;
  background: white; }
  .RadGrid_Report .rgGroupPanel td {
    border: 0;
    padding: 3px 4px;
    vertical-align: middle; }
    .RadGrid_Report .rgGroupPanel td td {
      padding: 0; }
  .RadGrid_Report .rgGroupPanel .rgSortAsc {
    background-position: 4px -144px; }
  .RadGrid_Report .rgGroupPanel .rgSortDesc {
    background-position: 4px -194px; }
.RadGrid_Report .rgUngroup {
  background-position: 0 -7500px; }
.RadGrid_Report .rgGroupItem {
  border: 1px solid #7793b9;
  background: #e8f1fc repeat-x 0 -1550px url('Grid/sprite.png');
  color: #00156e; }
.RadGrid_Report .rgGroupHeader {
  background: #dae7f5;
  font-size: 1.1em;
  line-height: 21px;
  color: black; }
  .RadGrid_Report .rgGroupHeader td {
    border-bottom: 1px solid #dadcdd;
    padding-left: 8px; }
.RadGrid_Report td.rgGroupCol {
  /*background: #dae7f5;*/
  border-color: #dae7f5; }
.RadGrid_Report .RadGrid_Report {
  background: #dae7f5;
  border-color: #dae7f5; }
.RadGrid_Report td.rgExpandCol {
  background: #dae7f5;
  border-color: #dae7f5; }

.RadGrid_Report .rgGroupHeader .rgExpand {
  background-position: 5px -495px; }
.RadGrid_Report .rgGroupHeader .rgCollapse {
  background-position: 3px -93px; }
.RadGrid_Report .rgEditForm {
  border-bottom: 1px solid #8ba0bc; }
.RadGrid_Report .rgUpdate {
  background-position: 0 -1800px; }
.RadGrid_Report .rgCancel {
  background-position: 0 -1850px; }
.RadGrid_Report .rgCommandRow .rgCancel {
  background-position: 3px -1877px; }
.RadGrid_Report .rgDetailTable {
  border-color: #688caf; }
.RadGrid_Report .rgExpand {
  background-position: 5px -496px; }
.RadGrid_Report .rgCollapse {
  background-position: 3px -94px; }
.RadGrid_Report .rgCommandRow {
  background: #bdcbde 0 -2100px repeat-x url('Grid/sprite.png');
  color: #333; }
.RadGrid_Report .rgCommandCell {
  border: 0;
  padding: 0; }
.RadGrid_Report thead .rgCommandCell {
  border-bottom: 1px solid #8ba0bc; }
.RadGrid_Report .rgCommandTable td {
  border: 0;
  padding: 2px 7px; }
.RadGrid_Report .rgCommandRow a {
  color: #242424;
  text-decoration: none; }
.RadGrid_Report .rgAdd {
  margin-right: 3px;
  background-position: 0 -1650px; }
.RadGrid_Report .rgSave {
  background-position: 3px -1825px; }
.RadGrid_Report .rgRefresh {
  margin-right: 3px;
  background-position: 0 -1600px; }
.RadGrid_Report .rgEdit {
  background-position: 0 -1700px; }
.RadGrid_Report .rgDel {
  background-position: 0 -1750px; }
.RadGrid_Report .rgExpXLS, .RadGrid_Report .rgExpDOC, .RadGrid_Report .rgExpPDF, .RadGrid_Report .rgExpCSV {
  background-image: url('../Common/Grid/export.gif'); }
.RadGrid_Report .rgExpXLS {
  background-position: 0 0; }
.RadGrid_Report .rgExpDOC {
  background-position: 0 -50px; }
.RadGrid_Report .rgExpPDF {
  background-position: 0 -100px; }
.RadGrid_Report .rgExpCSV {
  background-position: 0 -150px; }

/*editing*/
/*hierarchy*/
/*command row*/
/*multirow select*/
.rgCellSelectorArea_Report, .GridRowSelector_Report {
  background: #00156e; }

/*row drag n drop*/
.GridItemDropIndicator_Report {
  border-top: 1px dashed #00156e; }

/*tooltip*/
.GridToolTip_Report {
  border: 1px solid #6187b8;
  padding: 3px;
  background: #d7e3f2;
  color: #333; }

/*rtl*/
.RadGridRTL_Report .rgHeader:first-child, .RadGridRTL_Report th.rgResizeCol:first-child, .RadGridRTL_Report .rgFilterRow > td:first-child, .RadGridRTL_Report .rgRow > td:first-child, .RadGridRTL_Report .rgAltRow > td:first-child {
  border-left-width: 1px;
  padding-left: 7px; }
.RadGridRTL_Report .rgPageFirst {
  background-position: 0 -1000px; }
  .RadGridRTL_Report .rgPageFirst:hover {
    background-position: 0 -1050px; }
.RadGridRTL_Report .rgPagePrev {
  margin: 0 0 0 3px;
  background-position: 0 -850px; }
  .RadGridRTL_Report .rgPagePrev:hover {
    background-position: 0 -900px; }
.RadGridRTL_Report .rgPageNext {
  margin: 0 3px 0 0;
  background-position: 0 -700px; }
  .RadGridRTL_Report .rgPageNext:hover {
    background-position: 0 -750px; }
.RadGridRTL_Report .rgPageLast {
  background-position: 0 -550px; }
  .RadGridRTL_Report .rgPageLast:hover {
    background-position: 0 -600px; }
.RadGridRTL_Report .rgGroupHeader .rgExpand {
  background-position: -20px -495px; }
.RadGridRTL_Report .rgExpand {
  background-position: -20px -496px; }
.RadGridRTL_Report .rgGroupHeader .rgCollapse {
  background-position: -20px -93px; }
/*
body * {
  font-family: "Lucida Sans" ;
  color: black;
}
    */

Rumen
Telerik team
 answered on 01 Dec 2017
1 answer
67 views

Hi All,

 

I'm generating a PDF using my own code which is fired by a gridcolumbutton. The PDF is created on the server side without any issue but doesn't export the file Client side.

 

 

CodeSnip

 

filename = "pdf_sample_" & TEST & ".pdf"

            TEST_UtilityClass.generateTESTPDF(strPath,SampleName )

' strPath is serverpath

            Response.ContentType = "application/pdf"
            Response.AddHeader("Content-Disposition", "attachment;filename=" & filename)
            Me.EnableViewState = False
            Response.WriteFile(strPath)

            Response.Flush()
            Response.Close()

 

 

 

Eyup
Telerik team
 answered on 01 Dec 2017
3 answers
214 views

I have a simple site running on IIS with Windows Authentication enabled.  When I try to use the RadFileExplorer upload it prompts the for user credentials.

            <telerik:RadFileExplorer ID="RadFileExplorer1" runat="server" 
                Configuration-DeletePaths="~/PCardFiles" 
                Configuration-UploadPaths="~/PCardFiles"
                Configuration-ViewPaths="~/PCardFiles" 
                Height="300px"
                TreePaneWidth="180px"
                Width="99%">
                <configuration maxuploadfilesize="2000000" searchpatterns="*.*"></configuration>
             </telerik:RadFileExplorer>

I'm fairly certain I've given all the permissions that I need to for the AppPool, users, etc.  Can anyone let me know what I might be missing?  Thanks!

Vessy
Telerik team
 answered on 01 Dec 2017
0 answers
239 views

Hi,

I need to get the rowindex of the RadGrid when the RadCombobox from the ItemTemplate is Selected

I need on the Client Side only

sunil
Top achievements
Rank 1
 asked on 30 Nov 2017
0 answers
73 views

Hi.

     I have a grid and i want to create a inline drop down. I cannot add drop down editor to the field in the grid. Can you please let me know where i am incorrect in this.

                     <div id="partnerGrid"></div>

   function mpnDropDownEditor(container, options) {
        $('<input required name="' + options.field + '"/>')
            .appendTo(container)
            .kendoDropDownList({
                autoBind: false,
                dataTextField: "MPN_ID",
                dataValueField: "MPN_ID",
                dataSource: {
                    type: "odata",
                    transport: {
                        read: dsMPNID
                    }
                }
            });
    }

 

    var dsMPNID = new kendo.data.DataSource({
        transport: {
            read: {
                // the remote service url
                url: $.appConfig.ServiceUri + "/GetMPNIDs",

                // the request type
                type: "odata",

                // the data type of the returned result
                dataType: "jsonp",

            }
        },
        // describe the result format
        schema: {
            // the data, which the data source will be bound to is in the "list" field of the response
            data: "MPN_ID"
        }
    });


    dsPartnerGrid = new kendo.data.DataSource({
        serverFiltering: true,
        serverPaging: true,
        serverSorting: true,
        autoBind: false,
        batch: false,
        autoSync: true,
        pageSize: 30,
        schema: {
            model: {
                id: "MPN_ID",
                fields: {
                    "MPN_ID": { type: "string", editable: true, validation: { required: true } },

                }
            }
        },
        type: "odata",
        transport: {

            read: {
                url: $.appConfig.ServiceUri + "/GPLs",
                dataType: "jsonp"
            }

        },
        requestEnd: function (e) {

            if (typeof (e.response) == 'undefined')
                return;
            if (e.response == null)
                return;
            if (typeof (e.response.d) == 'undefined')
                return;
            if (e.response.d.length == 0)
                return;
        }

    })




    $("#partnerGrid").kendoGrid({
        dataSource: dsPartnerGrid,
        pageable: true,
        height: 550,
        //filterable: {
        //    mode: "row"
        //},
        toolbar: ["create"],
        columns: [
            { command: ["edit", "destroy"], title: "&nbsp;", width: "150px" },
            { field: "MPN_ID", title: "MPN_ID", width: "150px", editor: mpnDropDownEditor, template: "#=Mpn.MPN_ID#"},

        ],

        editable: "inline"
    });

Karteek
Top achievements
Rank 1
 asked on 30 Nov 2017
2 answers
133 views

We're wanting to use RadEditor as a robust TextArea replacement, and we want the user to have access to the full array of tools, but only if they ask for them by clicking on an icon.

We're doing this now, by hiding all of the EditorTool buttons when the Editor is loaded, but this is leaving behind a bunch of empty EditorToolGroups.  Is there a way to show/hide an EditorToolGroup instead?

            var oTool;             oTool = editor.getToolByName("Undo"); if (oTool) oTool.get_element().style.display = "none";

I've attached screenshots of what it looks like when the toolbars are closed and opened.

Mike
Top achievements
Rank 1
 answered on 30 Nov 2017
0 answers
138 views

I Have Two RadComboboxes (One Country Dropdown and State Dropdown)

1)Grid is binded on the Client side
2)Need to Bind the Country Dropdown using JqueryAjax Call
3)Need to Bind the State Dropdown based on the country selected Using JQuery Ajax Call
4)I dont want to use PageMethods

sunil
Top achievements
Rank 1
 asked on 30 Nov 2017
1 answer
68 views

Hi All,

 

I'm using a RADGRID and the detail table is not expanding when i put this code below in. if i remove this code the detail grid expands without any issues with the correct data.

 

    Protected Sub RadGrid1_ItemDataBound(sender As Object, e As GridItemEventArgs)
          If TypeOf e.Item Is GridDataItem Then
               Dim item As GridDataItem = DirectCast(e.Item, GridDataItem)
              If item("Status").Text = "Unknown" Then

                   item("Test").Text = ""
           End If
           End If
    End Sub

 

 

 

Vessy
Telerik team
 answered on 30 Nov 2017
7 answers
985 views
Hi

    I have a Genric list of data returned from WCF in client side. I need to bind this  to RadCombobox in clientside itself using javascript, We have a direct method to  RadGrid to bind the data but there is no direct way to bind it with RadCombobox. I'm looping each item and add to the Radcombobox now. Is there any method to bind the Genric list(JSON object) to the RadCombobox.

Please help me.

(Please dont give examples like using page method or any server side method, my requirement is to use everything using javascript. In my page, i didnt use any single line of server side code except the WCF)

Thanks in advance
sunil
Top achievements
Rank 1
 answered on 30 Nov 2017
3 answers
449 views
hello,

in our RadGrid we use in-row editing. however, i need to make certain editable elements read-only (or disabled), depending on the value in another bound column. for example, if the value of the "Status" read-only GridBoundColumn is "Rejected", then i need to disable editing for the other editable GridCheckBoxColumn and GridDropDownColumn columns we have. 

i think this may be done in the OnEditCommand handler...but I'm not sure what the syntax is. have checked the docs but didn't see it. 

i determined i can use the item.Cells collection to get the Status column's string value, like so:

protected void gridItems_EditCommand(object source, GridCommandEventArgs e)
{
    GridEditableItem editableItem = e.Item as GridEditableItem;
 
    string status = e.Item.Cells[6].Text; //i mapped this out, 6 is the Status column value.
 
    switch (status.ToLower())
    {
        case "rejected":
            //TODO: disable the UI for editing my particular columns here:
 
            // GridCheckBoxColumn
            // GridDropDownColumn
            // GridTemplateColumn
 
            break;
    }
}


...or do i intercept this on the OnCreateColumnEditor="gridItems_CreateColumnEditor" or OnItemDataBound="gridItems_ItemDataBound" events/handlers?

thanks,
matt
Marin Bratanov
Telerik team
 answered on 30 Nov 2017
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?