Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,723 questions
3 answers
79 views
Displaying controls horizontally in an editable RadGrid
Hello,

I am using a grid that opens for editing.  I am using "editforms" for EditMode.  However, it loads the controls vertically when the grid opens for editing.  I have a several controls so I would like to display them side by side (horizontally).  Is that possible?

Thanks,
Tom
Grid
Thomas
Top achievements
Rank 1
 answered on 23 Dec 2011
3 answers
95 views
Combobox Filter: Value 'All' missing
Hello All,

my filter is combobox: template with 2 columns instead of value 'All' is empty (see Attachment). It works correctly.
how can I get value 'All' on the top.

<telerik:GridTemplateColumn DataField="Type"
            FilterControlAltText="Filter TypeName column" HeaderText="<%$Resources:Texte, Type%>"
            SortExpression="Type" UniqueName="Type">
           <ItemTemplate>
              <asp:Label ID="Label1" runat="server" ToolTip='<%#Bind("TypeName")%>' Text='<%# Bind("Type") %>'></asp:Label>
           </ItemTemplate>
 
            <FilterTemplate>
                <telerik:RadComboBox ID="RadComboBoxCode" DataSourceID="SqlDataSource2" DataTextField="Code" Width="100px"
                    DataValueField="Code" Height="100px" AppendDataBoundItems="true" SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("Type").CurrentFilterValue %>'
                    runat="server" OnClientSelectedIndexChanged="TypeIndexChanged" DropDownWidth="350px">
                    <Items>
                        <telerik:RadComboBoxItem Text="All"/>
                    </Items>
                    <ItemTemplate>
                        <table style="width: 300px" cellspacing="0" cellpadding="0">
                            <tr>
                                <td style="width: 80px;">
                                        <%# Eval("Code")%>
                                </td>
                                <td style="width: 200px;">
                                    <%# Eval("CName")%>
                                </td>
                            </tr>
                        </table>
                    </ItemTemplate>
                </telerik:RadComboBox>
                <telerik:RadScriptBlock ID="RadScriptBlock2" runat="server">
 
                    <script type="text/javascript">
                        function TypeIndexChanged(sender, args) {
                            var tableView = $find("<%# TryCast(Container,GridItem).OwnerTableView.ClientID %>");
                            tableView.filter("Type", args.get_item().get_value(), "EqualTo");
                        }
                    </script>
 
                </telerik:RadScriptBlock>
            </FilterTemplate>
        </telerik:GridTemplateColumn>
Grid
Marcus
Top achievements
Rank 1
 answered on 23 Dec 2011
1 answer
31 views
how to make the rad panes, spitters adjust according to resolution of the monitor ?
Hi ,


I have implemented a page with multiple rad panes and splitters. The Panes are adjusted according to my monitor resolution. (as it is not accepting the height and width values in terms of percentage)

The issue is..

When it was opened on another screen resolution, everything appears quite ugly.(due to the width and height of the panes)

can you please provide us a solution where the size of the panes should adjust according to the screen of the monitor.

Thanks in advance !,


regards,
Prasad.
General Discussions
Svetlina Anati
Telerik team
 answered on 23 Dec 2011
4 answers
92 views
Subscribe OnResponseEnd/OnRequestStart on client-side
Although there is really very good client-side support in Telerik controls, I can't find the way to subscribe AjaxManager OnResponseEnd/OnRequestStart events on client-side. The only way that I see is to do this on server-side (via codebehind or via declaration).
Could you please clarify if there is any way to subscribe to these events on client-side?
Ajax
Andrey
Telerik team
 answered on 23 Dec 2011
1 answer
117 views
radgrid skin
Hello,
I have created my own skin that I applied with this :
EnableEmbeddedSkins="false" Skin="Oreo"

when the page is displayed in the browser, it looks like there is 2 css classes applied : radgrid and radgrid_Oreo. But radgrid seems to take the advantage on the other. When i remove radgrid with firebug, my skin is applied.

Here is my skin:
.RadGrid_Oreo {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #828282;
    color: #333333;
}
.RadGrid_Oreo, .RadGrid_Oreo .rgMasterTable, .RadGrid_Oreo .rgDetailTable, .RadGrid_Oreo .rgGroupPanel table, .RadGrid_Oreo .rgCommandRow table, .RadGrid_Oreo .rgEditForm table, .GridToolTip_Oreo {
    font: 12px/16px "segoe ui",arial,sans-serif;
}
.RadGrid_Oreo .rgMasterTable, .RadGrid_Oreo .rgDetailTable {
    border-collapse: separate;
}
.RadGrid_Oreo .rgRow, .RadGrid_Oreo .rgAltRow, .RadGrid_Oreo .rgHeader, .RadGrid_Oreo .rgResizeCol, .RadGrid_Oreo .rgPager, .RadGrid_Oreo .rgGroupPanel, .RadGrid_Oreo .rgGroupHeader {
    cursor: default;
}
.RadGrid_Oreo input[type="image"] {
    cursor: pointer;
}
.RadGrid_Oreo .rgRow td, .RadGrid_Oreo .rgAltRow td, .RadGrid_Oreo .rgEditRow td, .RadGrid_Oreo .rgFooter td, .RadGrid_Oreo .rgFilterRow td, .RadGrid_Oreo .rgHeader, .RadGrid_Oreo .rgResizeCol, .RadGrid_Oreo .rgGroupHeader td {
    padding-left: 7px;
    padding-right: 7px;
}
.RadGrid_Oreo .rgAdd, .RadGrid_Oreo .rgRefresh, .RadGrid_Oreo .rgEdit, .RadGrid_Oreo .rgDel, .RadGrid_Oreo .rgFilter, .RadGrid_Oreo .rgPagePrev, .RadGrid_Oreo .rgPageNext, .RadGrid_Oreo .rgPageFirst, .RadGrid_Oreo .rgPageLast, .RadGrid_Oreo .rgExpand, .RadGrid_Oreo .rgCollapse, .RadGrid_Oreo .rgSortAsc, .RadGrid_Oreo .rgSortDesc, .RadGrid_Oreo .rgUpdate, .RadGrid_Oreo .rgCancel, .RadGrid_Oreo .rgUngroup {
    background-color: transparent;
    background-image: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437");
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    font-size: 1px;
    height: 16px;
    margin: 0;
    padding: 0;
    vertical-align: middle;
    width: 16px;
}
.RadGrid_Oreo .rgGroupItem input, .RadGrid_Oreo .rgCommandRow img, .RadGrid_Oreo .rgHeader input, .RadGrid_Oreo .rgFilterRow img, .RadGrid_Oreo .rgFilterRow input, .RadGrid_Oreo .rgPager img {
    vertical-align: middle;
}
.RadGrid_Oreo .rgHeaderDiv {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -5900px #EEEEEE;
}
.rgTwoLines .rgHeaderDiv {
    background-position: 0 -6200px;
}
.rgNoScrollImage .rgHeaderDiv {
    background-image: none;
}
.RadGrid_Oreo .rgHeader, .RadGrid_Oreo th.rgResizeCol {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -2300px #EAEAEA;
    border-color: -moz-use-text-color -moz-use-text-color #828282;
    border-style: none none solid;
    border-width: 0 0 1px;
    font-weight: normal;
    padding-bottom: 4px;
    padding-top: 5px;
    text-align: left;
}
.RadGrid_Oreo th.rgSorted {
    background-color: #C4C4C4;
    background-position: 0 -2600px;
}
.RadGrid_Oreo .rgHeader, .RadGrid_Oreo .rgHeader a {
    color: #333333;
    text-decoration: none;
}
.RadGrid_Oreo .rgCheck {
    height: 15px;
    margin: 0;
    padding: 0;
}
.RadGrid_Oreo .rgRow td, .RadGrid_Oreo .rgAltRow td, .RadGrid_Oreo .rgEditRow td, .RadGrid_Oreo .rgFooter td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color;
    border-style: none none solid;
    border-width: 0 0 1px;
    padding-bottom: 0;
    padding-top: 0;
}
.RadGrid_Oreo .rgRow td {
    border-color: #FFFFFF;
}
.RadGrid_Oreo .rgAltRow {
    background: none repeat scroll 0 0 #F2F2F2;
}
.RadGrid_Oreo .rgAltRow td {
    border-color: #F2F2F2;
}
.RadGrid_Oreo .rgRow .rgSorted {
    background-color: #F2F2F2;
    border-bottom-color: #F2F2F2;
}
.RadGrid_Oreo .rgAltRow .rgSorted {
    background-color: #E6E6E6;
    border-bottom-color: #E6E6E6;
}
.RadGrid_Oreo .rgSelectedRow .rgSorted, .RadGrid_Oreo .rgActiveRow .rgSorted, .RadGrid_Oreo .rgHoveredRow .rgSorted, .RadGrid_Oreo .rgEditRow .rgSorted {
    background-color: transparent;
}
.RadGrid_Oreo .rgRow a, .RadGrid_Oreo .rgAltRow a, .RadGrid_Oreo .rgEditRow a, .RadGrid_Oreo .rgFooter a, .RadGrid_Oreo .rgEditForm a {
    color: #000000;
}
.RadGrid_Oreo .rgSelectedRow {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -3900px #828282;
    color: #FFFFFF;
}
* + html .RadGrid_Oreo .rgSelectedRow .rgSorted {
    background-color: #828282;
}
* html .RadGrid_Oreo .rgSelectedRow .rgSorted {
    background-color: #828282;
}
.RadGrid_Oreo .rgSelectedRow a {
    color: #FFFFFF;
}
.RadGrid_Oreo .rgActiveRow, .RadGrid_Oreo .rgHoveredRow {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -2900px #C5C5C5;
    color: #333333;
}
* + html .RadGrid_Oreo .rgActiveRow .rgSorted, * + html .RadGrid_Oreo .rgHoveredRow .rgSorted {
    background-color: #C5C5C5;
}
* html .RadGrid_Oreo .rgActiveRow .rgSorted, * html .RadGrid_Oreo .rgHoveredRow .rgSorted {
    background-color: #C5C5C5;
}
.RadGrid_Oreo .rgEditRow {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -4900px #FFFFFF;
}
* + html .RadGrid_Oreo .rgEditRow .rgSorted {
    background-color: #FFFFFF;
}
* html .RadGrid_Oreo .rgEditRow .rgSorted {
    background-color: #FFFFFF;
}
.RadGrid_Oreo .rgActiveRow td, .RadGrid_Oreo .rgActiveRow td.rgSorted, .RadGrid_Oreo .rgHoveredRow td, .RadGrid_Oreo .rgHoveredRow td.rgSorted {
    border-bottom-color: #9E9E9E;
}
.RadGrid_Oreo .rgSelectedRow td, .RadGrid_Oreo .rgSelectedRow td.rgSorted {
    border-bottom-color: #6C6C6C;
}
.RadGrid_Oreo .rgFooterDiv, .RadGrid_Oreo .rgFooter {
    background: none repeat scroll 0 0 #EEEEEE;
}
.RadGrid_Oreo .rgFooter td {
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #828282;
}
.RadGrid_Oreo .rgPager .rgStatus {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #828282 #C9C9C9 #EEEEEE -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0;
    padding: 3px 0 2px;
    width: 35px;
}
.RadGrid_Oreo .rgStatus div {
    background: url("WebResource.axd?d=MgK0un0JQJIgT5M2Af-faJ4__A50xfbWIh5BiQmpoQ0jJbo9NXVf0FEJ8sj0TaL-AbQJnOlNB11SESeute4VnVHzsLewxAXjrzWMPnnHxFVxxaWLOL9fRjKnxY8X7eUF_mY0Xpa7Aa_hUa0UCLwqWDEGfxI1&t=634510730240903437") no-repeat scroll center center transparent;
    border: 0 none;
    height: 24px;
    margin: 0 auto;
    overflow: hidden;
    padding: 0;
    text-indent: -2222px;
    width: 24px;
}
.RadGrid_Oreo .rgPager {
    background: none repeat scroll 0 0 #EEEEEE;
}
.RadGrid_Oreo .rgPager td {
    padding: 0;
}
.RadGrid_Oreo .rgPager .rgPagerCell {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #828282 -moz-use-text-color #EEEEEE #EEEEEE;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
    padding: 3px 0 2px;
}
.RadGrid_Oreo .rgWrap {
    float: left;
    line-height: 26px;
    padding: 0 10px;
    white-space: nowrap;
}
.RadGrid_Oreo .rgArrPart1 {
    line-height: 22px;
    padding-right: 0;
}
.RadGrid_Oreo .rgArrPart2 {
    line-height: 22px;
    padding-left: 0;
}
.RadGrid_Oreo .rgInfoPart {
    color: #8A8A8A;
    float: right;
}
.RadGrid_Oreo .rgInfoPart strong {
    color: #4C4E54;
    font-weight: normal;
}
.RadGrid_Oreo .rgSEO .rgArrPart1, .RadGrid_Oreo .rgSEO .rgArrPart2 {
    line-height: 24px;
}
.RadGrid_Oreo .rgWrap a img {
    margin: 0 8px;
}
.RadGrid_Oreo .rgPageFirst, .RadGrid_Oreo .rgPagePrev, .RadGrid_Oreo .rgPageNext, .RadGrid_Oreo .rgPageLast {
    height: 24px;
    width: 22px;
}
.RadGrid_Oreo .rgPageFirst {
    background-position: 0 -549px;
}
.RadGrid_Oreo .rgPageFirst:hover {
    background-position: 0 -599px;
}
.RadGrid_Oreo .rgPagePrev {
    background-position: 0 -699px;
}
.RadGrid_Oreo .rgPagePrev:hover {
    background-position: 0 -749px;
}
.RadGrid_Oreo .rgPageNext {
    background-position: 0 -849px;
}
.RadGrid_Oreo .rgPageNext:hover {
    background-position: 0 -899px;
}
.RadGrid_Oreo .rgPageLast {
    background-position: 0 -999px;
}
.RadGrid_Oreo .rgPageLast:hover {
    background-position: 0 -1049px;
}
.RadGrid_Oreo .rgPagerButton {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -1550px #E8E8E8;
    border-color: #D0D0D0 #AEAEAE #8B8B8B;
    border-style: solid;
    border-width: 1px;
    color: #000000;
    cursor: pointer;
    font: 12px/12px "segoe ui",arial,sans-serif;
    height: 22px;
    margin: 0 14px 0 0;
    padding: 0 4px 2px;
    vertical-align: middle;
}
.RadGrid_Oreo .rgNumPart {
    padding: 2px 0;
}
.RadGrid_Oreo .NumericPages .rgNumPart {
    padding: 2px 10px;
}
.RadGrid_Oreo .rgNumPart a:hover, .RadGrid_Oreo .rgNumPart a:hover span, .RadGrid_Oreo .rgNumPart a.rgCurrentPage, .RadGrid_Oreo .rgNumPart a.rgCurrentPage span {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") no-repeat scroll 0 0 transparent;
}
.RadGrid_Oreo .rgNumPart a {
    color: #000000;
    float: left;
    line-height: 22px;
    margin: 0;
    padding: 0 5px 0 0;
    text-decoration: none;
}
.RadGrid_Oreo .rgNumPart span {
    float: left;
    padding: 0 0 0 5px;
}
.RadGrid_Oreo .rgNumPart a:hover {
    background-position: 100% -1250px;
}
.RadGrid_Oreo .rgNumPart a:hover span {
    background-position: 0 -1150px;
    cursor: pointer;
}
.RadGrid_Oreo .rgNumPart a.rgCurrentPage, .RadGrid_Oreo .rgNumPart a.rgCurrentPage:hover {
    background-position: 100% -1450px;
    cursor: default;
}
.RadGrid_Oreo .rgNumPart a.rgCurrentPage span, .RadGrid_Oreo .rgNumPart a.rgCurrentPage:hover span {
    background-position: 0 -1350px;
    cursor: default;
}
.RadGrid_Oreo .NextPrevNumericAndAdvanced .rgAdvPart {
    float: none;
    text-align: center;
}
.RadGrid_Oreo .rgPager .RadSlider {
    float: left;
    margin: 2px 10px 0 0;
}
.RadGrid_Oreo .rgPagerLabel, .RadGrid_Oreo .rgPager .RadComboBox, .RadGrid_Oreo .rgPager .RadInput_Oreo {
    margin: 0 4px 0 0;
    vertical-align: middle;
}
.RadGrid_Oreo .rgPager .RadComboBox {
    margin-top: -1px;
}
* + html .RadGrid_Oreo .rgPager .RadComboBox {
    margin-top: -2px;
}
* html .RadGrid_Oreo .rgPager .RadComboBox {
    margin-top: -2px;
}
* html .RadGrid_Oreo .rgPager .RadComboBox {
    padding: 1px 0;
}
.RadGrid_Oreo .rgPagerTextBox {
    text-align: center;
}
.RadGrid_Oreo .rgHeader .rgSortAsc {
    background-position: 3px -248px;
    height: 10px;
}
.RadGrid_Oreo .rgHeader .rgSortDesc {
    background-position: 3px -198px;
    height: 10px;
}
.GridReorderTop_Oreo, .GridReorderBottom_Oreo {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") no-repeat scroll 0 0 transparent;
    height: 9px !important;
    margin-left: -5px;
    width: 9px !important;
}
.GridReorderBottom_Oreo {
    background-position: 0 -50px;
}
.RadGrid_Oreo .rgFilterRow {
    background: none repeat scroll 0 0 #EEEEEE;
}
.RadGrid_Oreo .rgFilterRow td {
    border-bottom: 1px solid #828282;
    padding-bottom: 7px;
    padding-top: 4px;
}
.RadGrid_Oreo .rgFilter {
    background-position: 0 -300px;
    height: 22px;
    margin: 0 0 0 2px;
    width: 22px;
}
.RadGrid_Oreo .rgFilter:hover {
    background-position: 0 -350px;
}
.RadGrid_Oreo .rgFilterActive, .RadGrid_Oreo .rgFilterActive:hover {
    background-position: 0 -400px;
}
.RadGrid_Oreo .rgFilterBox {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #8E8E8E #C9C9C9 #C9C9C9 #8E8E8E;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font: 12px "segoe ui",arial,sans-serif;
    padding: 2px 1px 3px;
    vertical-align: middle;
}
.RadGrid_Oreo .rgGroupPanel {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -1900px #EEEEEE;
    border-color: -moz-use-text-color -moz-use-text-color #828282;
    border-style: none none solid;
    border-width: 0 0 1px;
    height: 24px;
}
.RadGrid_Oreo .rgGroupPanel td {
    border: 0 none;
    padding: 3px 4px;
}
.RadGrid_Oreo .rgGroupPanel td td {
    padding: 0;
}
.RadGrid_Oreo .rgGroupPanel .rgSortAsc {
    background-position: 4px -144px;
}
.RadGrid_Oreo .rgGroupPanel .rgSortDesc {
    background-position: 4px -94px;
}
.RadGrid_Oreo .rgUngroup {
    background-position: 0 -6998px;
}
.RadGrid_Oreo .rgGroupItem {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -6500px #C6C6C6;
    border-color: #C4C4C4 #C4C4C4 #9E9E9E;
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
    line-height: 20px;
    padding: 0 2px 1px 3px;
    vertical-align: middle;
}
.RadGrid_Oreo .rgMasterTable td.rgGroupCol, .RadGrid_Oreo .rgMasterTable td.rgExpandCol {
    background: none repeat scroll 0 0 #D9D9D9;
    border-color: #D9D9D9;
}
.RadGrid_Oreo .rgGroupHeader {
    background: none repeat scroll 0 0 #D9D9D9;
    color: #000000;
    font-size: 1.1em;
    line-height: 21px;
}
.RadGrid_Oreo .rgGroupHeader td {
    border-bottom: 1px solid #D9D9D9;
    border-top: 1px solid #828282;
    padding-bottom: 0;
    padding-top: 0;
}
.RadGrid_Oreo .rgGroupHeader td.rgGroupCol {
    border-top-color: #828282;
}
.RadGrid_Oreo .rgExpand {
    background-position: 5px -496px;
}
.RadGrid_Oreo .rgCollapse {
    background-position: 3px -444px;
}
.RadGrid_Oreo .rgGroupHeader td p {
    display: inline;
    margin: 0;
    padding: 0 10px;
}
.RadGrid_Oreo .rgGroupHeader td div div {
    padding: 0 10px;
    top: -0.8em;
}
.RadGrid_Oreo .rgGroupHeader td div div div {
    border: 0 none;
    padding: 0;
    top: 0;
}
.RadGrid_Oreo .rgEditForm {
    border-bottom: 1px solid #828282;
}
.RadGrid_Oreo .rgUpdate {
    background-position: 0 -1800px;
}
.RadGrid_Oreo .rgCancel {
    background-position: 2px -1848px;
}
.RadGrid_Oreo .rgDetailTable {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #828282 -moz-use-text-color #828282 #828282;
    border-style: solid none solid solid;
    border-width: 1px 0 1px 1px;
}
.RadGrid_Oreo .rgCommandRow {
    background: url("WebResource.axd?d=n4k_O0fbOE0C6Tqaafw-KhtT47vtem8wA9lyaPDOZR07inQybq3cbRgqysh3sEw70iYTgjVs5gRby3A2BPRpo5_DAplM0qFWcUB6P8fdhUx1TCVKnu34hdf0wHEF3qYpPNZ1sp-Qhu6WqXEMcG-YsvPOb9o1&t=634510730240903437") repeat-x scroll 0 -2099px #C5C5C5;
    color: #000000;
}
.RadGrid_Oreo .rgCommandRow td {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: -moz-use-text-color #F2F2F2 #999999;
    border-right: 1px solid #F2F2F2;
    border-style: none solid solid;
    border-width: 0 1px 1px;
    padding: 0;
}
.RadGrid_Oreo tfoot .rgCommandRow td {
    border-bottom: 0 none;
    border-top: 1px solid;
}
.RadGrid_Oreo tr.rgCommandRow td td {
    border: 0 none;
    padding: 3px 7px 4px;
}
.RadGrid_Oreo tr.rgCommandRow td td td {
    padding: 1px;
}
.RadGrid_Oreo .rgCommandRow table {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #FDFDFD -moz-use-text-color #E7E7E7;
    border-left: 0 none;
    border-right: 0 none;
    border-style: solid none;
    border-width: 1px 0;
}
.RadGrid_Oreo .rgCommandRow table table {
    border: 0 none;
}
.RadGrid_Oreo .rgCommandRow a {
    color: #000000;
    text-decoration: none;
}
.RadGrid_Oreo .rgAdd {
    background-position: 0 -1650px;
    margin-right: 3px;
}
.RadGrid_Oreo .rgRefresh {
    background-position: 0 -1600px;
    margin-right: 3px;
}
.RadGrid_Oreo .rgEdit {
    background-position: 0 -1700px;
}
.RadGrid_Oreo .rgDel {
    background-position: 0 -1750px;
}
.GridRowSelector_Oreo {
    background: none repeat scroll 0 0 #4C4E54;
}
.GridItemDropIndicator_Oreo {
    border-top: 1px dashed #666666;
}
.GridToolTip_Oreo {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #828282;
    color: #333333;
    padding: 3px;
}
.RadGridRTL_Oreo .rgHeader, .RadGridRTL_Oreo .rgResizeCol {
    text-align: right;
}
.RadGridRTL_Oreo .rgPager .rgStatus {
    border-left-width: 1px;
    border-right: 0 none;
}
.RadGridRTL_Oreo .rgWrap {
    float: right;
}
.RadGridRTL_Oreo .rgInfoPart {
    float: left;
}
.RadGridRTL_Oreo .rgNumPart {
    width: 220px;
}
.RadGridRTL_Oreo .rgNumPart a {
    float: right;
}
.RadGridRTL_Oreo .rgDetailTable {
    border-left: 0 none;
    border-right: 1px solid;
}

thanks by advance for the tip.

BR
Grid
Galin
Telerik team
 answered on 23 Dec 2011
9 answers
327 views
Filter button causes postback
I am using version 2011.2.1004.40.

When I enter some value inside filter textbox and push filter button, instead of opening filter menu drop down, It raises postback with filtering "contains". If I do not enter value into textbox and click filter button it opens the menu as expected.

Any thoughts?
Grid
Tsvetina
Telerik team
 answered on 23 Dec 2011
2 answers
88 views
ajax loading user controls which contain Javascript
It seems to me that 95% of the examples you have and code you supply contains client-side javascript. This is not surprising, of course, because Telerik has created a great and powerful client-side API for most of its controls. However, shouldn't the demo you provide at:

http://demos.telerik.com/aspnet-ajax/ajax/examples/common/loadingusercontrols/defaultvb.aspx

contain a BIG warning message telling developers that this functionlity won't work if your user controls contain javascript? Unless Telerik has come up with some sort of solution recently, it is my understanding that you can't load Usercontrols containing javascript with AJAX and expect the javascript to function properly (ie load along with the rest of the usercontrol).
Ajax
Albert Shenker
Top achievements
Rank 1
Veteran
Iron
 answered on 23 Dec 2011
1 answer
48 views
Client side issue: set_allowEdit(true) for Appointment doesn't allow for resize
Hey guys,

So, another issue that we've found - is that setting set_allowEdit(true) works for the purposes of dragging it around, but DOES NOT allow you to resize the appointment.

This differs from the scenario where you set AllowEdit = True in the code-behind, the appointment is both draggable and resizable as we would expect.

Is this a bug?

Kori
Scheduler
Plamen
Telerik team
 answered on 23 Dec 2011
1 answer
47 views
Client side issue: set_cssClass for Appointment
Hey guys,

So - we've noticed that when calling set_cssClass in client-side code, that it doesn't work correctly. The appointment won't display correctly, though the workaround is the following:

var backColor = apt.get_backColor();
apt.set_cssClass('appt-main'); // BUG: makes the appointment go grey without the first and last lines
apt.set_backColor(backColor);

Here's the CSS we're using:
.appt-main {
    opacity:0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}

Is this a bug?

Kori
Scheduler
Plamen
Telerik team
 answered on 23 Dec 2011
1 answer
735 views
Raise RadButton Click Event in C#
I'm working with the RadButton, encapsulated within an asp:Login container;

An application scenario includes the requirement of programmatically accessing textbox variables, and the RadButton;

All is OK, until the C# code attempts to process the button click event, programmatically;

Object reference not set to an instance of an object results on the line of: ((IPostBackEventHandler)submitButton).RaisePostBackEvent(null);

Any insight is appreciated;  Best regards - Rob

<asp:Login ID="LoginUser" runat="server" EnableViewState="false" RenderOuterTable="false">
        <LayoutTemplate>
            <span class="failureNotification">
                <asp:Literal ID="FailureText" runat="server"></asp:Literal>
            </span>
            <asp:ValidationSummary ID="LoginUserValidationSummary" runat="server" CssClass="failureNotification" 
                 ValidationGroup="LoginUserValidationGroup"/>
            <div class="accountInfo">
                <fieldset class="login" style="border-style: none; border-color: Transparent">
                  <%--  <legend>Account Information</legend>--%>
                    <p>
                        <asp:Label ID="UserNameLabel" runat="server" AssociatedControlID="UserName">Username:</asp:Label>
                        <asp:TextBox ID="UserName" runat="server" CssClass="textEntry" Width="160px" AutoPostBack="true"
                            ontextchanged="UserName_TextChanged"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="UserNameRequired" runat="server" ControlToValidate="UserName" 
                             CssClass="failureNotification" ErrorMessage="User Name is required." ToolTip="User Name is required." 
                             ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>
                    </p>
                    <p>
                        <asp:Label ID="PasswordLabel" runat="server" AssociatedControlID="Password">Password:</asp:Label>
                        <asp:TextBox ID="Password" runat="server" CssClass="passwordEntry" 
                            Width="160px"></asp:TextBox>
                        <asp:RequiredFieldValidator ID="PasswordRequired" runat="server" ControlToValidate="Password" 
                             CssClass="failureNotification" ErrorMessage="Password is required." ToolTip="Password is required." 
                             ValidationGroup="LoginUserValidationGroup">*</asp:RequiredFieldValidator>
                    </p>
                    <p>
                       
                    </p>
                </fieldset>
                <p class="submitButton">
  
                     <telerik:RadButton ID="rbLogin" runat="server" CommandName="Login" 
                         Text="Log In" ValidationGroup="LoginUserValidationGroup" 
                         Font-Names="Microsoft Sans Serif" Skin="Black">
                    </telerik:RadButton>
  
                       <telerik:RadButton ID="rbForgotPassword" runat="server" 
                         Text="Forgot Password" ValidationGroup="LoginUserValidationGroup" 
                         Font-Names="Microsoft Sans Serif" Skin="Black" 
                         onclick="rbForgotPassword_Click">
                    </telerik:RadButton>
  
                </p>
            </div>
        </LayoutTemplate>
    </asp:Login>

string

 

 

obtainUsername = Request.QueryString["Username"];

 

 

 

string obtainPassword = Request.QueryString["Password"];

 


var userNameTextBox = LoginUser.FindControl("UserName") as TextBox;
var passwordTextBox = LoginUser.FindControl("Password") as TextBox;

userNameTextBox.Text = obtainUsername;

passwordTextBox.Text = obtainPassword;


var submitButton = LoginUser.FindControl("rbButton") as RadButton;
  
((IPostBackEventHandler)submitButton).RaisePostBackEvent(null);


Button
Slav
Telerik team
 answered on 23 Dec 2011
Narrow your results
Done
Selected tags
Tags
Grid
General Discussions
Editor
Scheduler
ComboBox
Ajax
Window
TreeView
Menu
Calendar
Chart (Obsolete)
TabStrip
Input
Dock
ToolTip
Upload (Obsolete)
AsyncUpload
WebParts for SharePoint
PanelBar
FileExplorer
Splitter
ListBox
Chart (HTML5)
Rotator
ListView
Button
ToolBar
TreeList
Sharepoint Integration
FormDecorator
Filter
Slider
ScriptManager and StyleSheetManager
UI for ASP.NET AJAX in ASP.NET MVC
AutoCompleteBox
PivotGrid
Installer and VS Extensions
Spell
Documentation and Tutorials
ImageEditor
Captcha
RibbonBar
DropDownList
OrgChart
Visual Style Builder
DropDownTree
Gantt
ColorPicker
Notification
BinaryImage
SkinManager
TileList
Wizard
SearchBox
Spreadsheet
Map
ImageGallery
Rating
DatePicker
MediaPlayer
Diagram
XmlHttpPanel
Compression
DataPager
SiteMap
CloudUpload
LightBox
Gauge
PageLayout
AjaxLoadingPanel
Navigation
SocialShare
DataForm
Persistence Framework
ClientExportManager
ProgressArea
TagCloud
CheckBox
AjaxPanel
Barcode
ClientDataSource
NumericTextBox
PdfViewer
DateTimePicker
MultiColumnComboBox
MultiSelect
MaskedTextBox
RadioButtonList
Theme Builder
Styling
ProgressBar
DateInput
Chat
ODataDataSource
MonthYearPicker
Licensing
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
TreeMap
Security
DateRangePicker
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
+? 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?
Learn how
4557 4558
4559
4560 4561
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?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how