Telerik Forums
UI for ASP.NET AJAX Forum
or
Ask question
All Questions
Unanswered
Answered
110,776 questions
1 answer
277 views
Preventing Form Submission During File Upload
Is there a graceful way to prevent a form from being submitted while there is a file uploading via RadAsyncUpload?  I'm not fond of disabling the submit button or anything of that nature.  I'm thinking more along the lines of allowing the submit button to be clicked, and a loading panel displays until the file is finished uploading and the form is submitted.  I'm using ajax, so I need to use the AsyncUpload (otherwise I'd just use RadUpload and be done with it).  Any suggestions?
AsyncUpload
Dimitar Terziev
Telerik team
 answered on 23 Dec 2011
7 answers
236 views
Table dialog customization
I would like to customize the InsertTable dropdown tool by removing much of the functionality. I just want the tool to allow users to add a table, and add/delete rows and columns. I want to remove the table wizard and all the formatting capabilities (fonts, sizes, colors, backgrounds, borders, etc.).

I see the dialog code for each of the details (Table Wizard, Table Properties, Cell Properties) but I don't see anywhere that I can change the dropdown. Is that possible?

OK, I made progress on this. The InsertTable item is a button, so there isn't any dialog and it's not a dropdown, so I can't remove child items. I edited the TableWizard dialog, set the whole table to display:none, and added a div above the table with text that says these features are not available. So that meets my immediate need, because all the settings I don't want are in the TableWizard dialog.

So now the question is less urgent, because I have most of a solution. Does anyone know if there's any way to remove the Table Wizard, Table Properties and Cell Properties links from the InsertTable button? It would be better if the user could not make an invalid choice. But this doesn't seem likely to be something I can modify.
Editor
Richard
Top achievements
Rank 1
 answered on 23 Dec 2011
3 answers
96 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
110 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
37 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
109 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
131 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
348 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
130 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
62 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
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
MediaPlayer
DatePicker
XmlHttpPanel
Diagram
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
RadioButtonList
MaskedTextBox
Theme Builder
Styling
ProgressBar
DateInput
Chat
Licensing
ODataDataSource
MonthYearPicker
TimePicker
LinkButton
ToggleButton
Accessibility
Label
Localization
DateRangePicker
Security
TreeMap
ImageButton
InputManager
Timeline
Card
Drawer
PushButton
Ticker
Signature
Avatar
Switch
OTPInput
Breadcrumb
SplitButton
DragDropManager
Stepper
FloatingActionButton
Chip
ChipList
AIPrompt
Badge
SpeechToText
+? more
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
4562 4563
4564
4565 4566
Top users last month
Edmond
Top achievements
Rank 1
Iron
fabrizio
Top achievements
Rank 2
Iron
Veteran
RobMarz
Top achievements
Rank 2
Iron
Fakhrul
Top achievements
Rank 1
Iron
Tejas
Top achievements
Rank 2
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Learn how
Want to show your ninja superpower to fellow developers?
Learn how