Hi Team,

  My requirement is : I have search page, in this page I have 2 filed set, in first field set I'm using "

JQuery :: Client-side Collapse/expand" below some  textboxes like title,number,etc..textbox controls. so user can enter data any text box control and click on Search button Filed set 2 open with releated filter condition data can be populated in radgrid. This can be working fine for me.

 

My problem is :  defautly Hide Search Criteria [Expand panel] below
                                               Search Criteria

Title :

                                                   Number :  
 like some text box have and below 2 buttons Search and Cancel
 If I enter in "Title" text box as "AAA" and click on Search button open a field set 2  Search Results and displaying radgrid with releated data[in rad grid I have columns S.No,Title,Number...] ok, means everything is working fine for me.

now when I click on "+" image button Show Search Criteria [Collapse panel]  here I hide the Search Criteria field set and only display Field set 2 means Search result field set area only I display. here in rad grid when I want to do sorting perform on columns [Title] column is sorting and panel also "Expand" please can you help me in this issue.

for you reference below  I mention my JQuery script
<script language="javascript" type="text/javascript" src="../JS/jquery-1.4.1.min.js"></script>
<script language="javascript" type="text/javascript" src="../JS/jquery.tooltip.js"></script>
-------------------------------------------------------------------------------------------------------------------------------------------
// Expand collapse
        function ExpandCollapseDivFilters() {
            var lbl = document.getElementById("<%= lblfilterTitle.ClientID %>");
            var pnl = document.getElementById("<%= pnlFilter.ClientID %>");
            var img = document.getElementById("<%= img.ClientID %>");

            //debugger;

            var divstyle = pnl.style.display;
            if (divstyle.toLowerCase() == "block" || divstyle == "") {
                $(pnl).slideUp("slow");
                img.src = "../Images/Buttons/Open1.gif";
                img.alt = "Open";

                lbl.innerHTML = "Show Search Criteria";
            }
            else {
                  $(pnl).slideDown("slow");
                img.src = "../Images/Buttons/Close1.gif";
                img.alt = "Close";

                lbl.innerHTML = "Hide Search Criteria";
            }
        }
--------------------------------------------------------------------------------------------------------------------------------------------
 <table id="divToggle" style="background-color: Blue; height: 25px; width:100%;" onclick="ExpandCollapseDivFilters();">
            <tr>
                <td align="left">
                    <img id="img" runat="server" src="~/Images/Buttons/Close1.gif" alt="Close" />
                    <asp:Label ID="lblfilter" runat="server" />
                    <span id="lblfilterTitle" class="labelContent" runat="server"></span>
                </td>
            </tr>
        </table>
 <asp:Panel ID="pnlFilter" runat="server">
  // here I'm writing Field set 1 means  here I define my textbox controls[Search Criteria]
</asp:Panel>
                         <fieldset style="display: none" id="SearchResults" runat="server">
                                <legend >
                                    <asp:Label ID="lblResults" runat="server" Text="Search Results" CssClass="legend"></asp:Label>
                                </legend>
                                <uc:SearchControl ID="uscSearchControl" runat="server" /> // in this user control I have  Rad grid      
                       </fieldset>
Now I hope you can be clear ...
Advance Thanks
Mr. Perfect

hi .. i'm a web designer and my company just bought telerik and we're using it in one of our applications ... i want to change the grid's css "and every thing else" to the look i designed .. i tried using your online style builder http://stylebuilder.telerik.com 

and choose one of the existing skins to create new one from it .. but when i open the options for editing the grid "fine-tune" i can see very few options to edit  -for example when i choose "Grid Wrapper" all the options i can see are background and box but still i can't edit/add every thing i want .. i can either put a background color or image .. but i want to use css3 background gradient also , box-shadow, border-radius ,etc... "not necessarily for the Grid Wrapper or the grid control alone but for every thing" and any other css3 attributes  .. how can i do that , i wanna have full control over the design/skin ... and "even" when i try to edit the background options provided for the "Grid Wrapper"  nothing happens "IE9 and Chrome" , nothing changes i wait and hit save and wait but it doesn't change even after saving


please help me get full control over the skin

Hello,

Some of our RadRibbonbuttons have a text like 'Send direct e-mail'. This looks very odd in the RibbonBar, see image.
Is there a property or workaround to Word Wrap a RibbonBarButton text?  

Kind Regards,
Remco

I'm displaying a set of records on the RadGrid. Below is the issue I'm facing.

1. User1 wants to edit one of the records by clicking edit button.
2. Meanwhile User2 inserts a new record. User1 didnt see this new record before clicking the edit button since no postback was issued and hence NeedDataSource was not fired.
3. For example:  When user1 clicks the edit button on the third row, a postback is issued, new record added by the user2 apperars as the first record in the grid. Now THIRD record is in edit mode. Actually 4th record should be in edit mode because of the new recorded added to the grid by User2.

I guess all this is happening because of the change in the row index when  new records are added.

How do I handle this issue?

See The Attachment

this._autoPostBackControl=Telerik.Web.UI.Calendar.AutoPostBackControl.None

Thanks Advance,
Mohamed.

I'm having an issue with the hover effect on the RadCalendar.

I'm using special days to highlight days that have events on that day, these items have a grey color. Every other day is white, selected days are green. My selected days are classed "Populated"

So if i click on a date, that is NOT a special day with the 'populated' class, the selected date bg color goes green. This is expected. If i mouse around the selected date color stays which is what I want.

Now if i selected a 'Special Day' the color goes green, however when I hover over it and go off it, the color goes back to special day color. Inspecting the element I see that the rcSelected class is removed and the Populated class is there.

How come the normal days retain the rcSelected class on mouseover / out and the Special days lose the rcSelected class on mouseover/out?

**My rcSelected background color is !important, I know that the class is being removed via the IE dev toolbar.
I appreciate any help.

Hi, i have a radslider and a label nested like this:

<telerik:RadTreeList>

 <EditFormSettings EditFormType="Template">

  <FormTemplate>

    <asp:Panel>

        <asp:Label />

        <telerik:RadSlider />

.....

I try differnet approches to set the label text to choosen radslider value. But i cant seem to find the controls.

         

Hi,

How to remove the refresh button in code behind?
Any help is highly appreciated.

Hello all,

How can I close the insert form on an external button click?

Thanks in advance.