Questions on UI for ASP.NET AJAX Forum

1 answer

255 views

RadToolBar Item Command on Radgrid. How do you hide some buttons

Hi Guys,

I am currently using the Radtoolbar to launch Item Commands from Radgrids. Everything works great, opening Radwindows to load new ASPX pages etc.

I have now come across a situation where some of our customers shouldn't see some of the buttons. In our system we use a DB table called Parameters set with Values like YES or NO. What I am trying to do, is from Javascript, check to see if a buttons parameter is set to YES or NO and then display or not display the button.

In VB this is quite easy, however with the Radtoolbar using Javascript Im unsure how I can implement similar functionality.

Cheers
Joel

ToolBar

answered on 04 Apr 2012

6 answers

658 views

RadScriptManagerProxy ???

Before using Telerik, I used script managers and script manager proxies.
Now, if I use a master page, I put a RadScriptManager on the master page, but I don't see the corresponding RadScriptManagerProxy control. How do I accomplish the code below on a content page using the Rad Controls?

    
                <asp:ScriptManagerProxy ID="ScriptManagerProxy1" runat="server">  
        
                    <Scripts> 
        
                        <asp:ScriptReference Path="~/Scripts/Common.js" /> 
        
                        <asp:ScriptReference Path="~/Scripts/Uploads.js" /> 
        
                    </Scripts> 
        
                </asp:ScriptManagerProxy>

Thanks ... Ed

Ajax

answered on 04 Apr 2012

3 answers

132 views

Show context menu on rigth click

Hello everyone,

I would like to know if it is possible to right click on a radTreeView, WITHOUT slecting a node, and show a menu.
So far, I've only seen code that show a menu when a node is selected.
Is it possible?

Thank you
Shirya

TreeView

answered on 04 Apr 2012

2 answers

1.0K+ views

how can i fill grid with json data

i have Json oblect contains Keys and values
what i want is bind grid with this JsonObject

Grid

answered on 04 Apr 2012

1 answer

101 views

How to use RadAjaxManager and RadAjaxPanel in Visual Webpart

Hi,

I am having a Visual Webpart showing certain data from a list. I am showing this data as per my required format. Now I need to auto refresh this data at a regular interval say every 2 minutes. It seems RadAjaxManager, RadAjaxPanel and a Timer can be useful to achieve this.

However I am new in using Telerik controls in SharePoint (the version that I am using is SharePoint 2010). Can any one please explain me the steps to follow to build this. It would be really helpful if any sample is provided along with the steps.

Thanks in advance.

Regards,
Kishore

General Discussions

answered on 04 Apr 2012

0 answers

196 views

RadMenu scroll problem

Hi Telerik Team,

When we scroll the scrollable RadMenu by using Mouse wheel (moving downwards) till the end, RadMenu popup height is reducing, Due to this effect, only few items are visible in the top of the menu.

This scrollable RadMenu is working fine in (Telerik.Web.UI (2008)) , but it is not working fine in (Telerik.Web.UI (2011).

Design : Default.aspx
----------------------------




                        <telerik:RadMenu ID="rmDisplay" runat="server"   CausesValidation="False"    ClickToOpen="true"   >
                            <Items>
                                <telerik:RadMenuItem runat="server" Text="Display: Table" Value="Table" PostBack="false" >
                                    <GroupSettings ExpandDirection="Up" Height="100px" OffsetX="0" OffsetY="0" />

                                    <Items>

                                    <telerik:RadMenuItem runat="server" Text="Graph" Value="Table1">

                                </telerik:RadMenuItem>


                                 <telerik:RadMenuItem runat="server" Text="Images" Value="Table2">

                                </telerik:RadMenuItem>

                                  <telerik:RadMenuItem runat="server" Text="Graph" Value="Table1">

                                </telerik:RadMenuItem>




                                  <telerik:RadMenuItem runat="server" Text="Graph" Value="Table1">

                                </telerik:RadMenuItem>


                                 <telerik:RadMenuItem runat="server" Text="Images" Value="Table2">

                                </telerik:RadMenuItem>


                                  <telerik:RadMenuItem runat="server" Text="Graph" Value="Table1">

                                </telerik:RadMenuItem>


                                <telerik:RadMenuItem runat="server" Text="Graph" Value="Table1">

                                </telerik:RadMenuItem>


                                 <telerik:RadMenuItem runat="server" Text="Images" Value="Table2">

                                </telerik:RadMenuItem>


                                  <telerik:RadMenuItem runat="server" Text="Graph" Value="Table1">

                                </telerik:RadMenuItem>

                                 <telerik:RadMenuItem runat="server" Text="Graph" Value="Table1">

                                </telerik:RadMenuItem>


                                 <telerik:RadMenuItem runat="server" Text="Images" Value="Table2">

                                </telerik:RadMenuItem>


                                  <telerik:RadMenuItem runat="server" Text="Graph" Value="Table1">

                                </telerik:RadMenuItem>





                                    </Items>

                                </telerik:RadMenuItem>



                            </Items>
                            <DefaultGroupSettings ExpandDirection="Up"     />
                            <CollapseAnimation Duration="200" Type="None"   />
                        </telerik:RadMenu>

---- code ends here ----------------

The code uses the theme file (menu.Agionet.css).

Theme file (menu.agionet.css)
------------------------------------------

/* r.a.d.menu Web 2.0 skin */

.RadMenu_Agionet
{
   /*background: #666666 url('Menu/Agionet/img/MenuItemBackground.gif');*/
   font: normal 9pt Arial, "Ms Sans Serif", "Ms Serif",sans-serif;
   margin: 0;
   padding: 0;
   z-index:3000;
   position: static !important;
}

.RadMenu_Agionet .rmRootGroup
{
   /*max-width: 130px;
   _width: 130px;*/
}
#Filter1_rmX,
#Filter1_rmX .rmText
{
   /*resize X button */
   width: 14px !important; /* x */
   margin: 0;
   padding: 0;
}

.RadMenu_Agionet .rmLink,
.RadMenu_Agionet .rmLink:visited,
.RadMenu_Agionet .rmLink:active
{
   text-decoration: none;
   color: #004D6B;
   background: #FFFFFF url(Menu/Agionet/img/MainItemBackground.gif) repeat-x bottom center;
   line-height: 22px;
   border: 1px solid #004D6B;
   overflow:hidden;

}
.RadMenu_Agionet .rmLink:hover,
.RadMenu_Agionet .rmFocused,
.RadMenu_Agionet .rmExpanded
{
   color: #FF991A;
   border: 1px solid #FF991A;
   background: #FFFFFF url(Menu/Agionet/img/MainItemBackgroundHover.gif) repeat-x bottom center;
   cursor: hand;
   cursor: pointer;
   overflow:hidden
}

.RadMenu_Agionet .rmRootGroup .rmText
{
   /* line-height: 22px; */
   padding: 0 0 0 5px;
   cursor: hand;
   cursor:pointer;
   background-image:none;
   display:block !important; /* x */
   width:100% !important; /* x */
}

.RadMenu_Agionet .rmItem
{
   width:100% !important; /* x */
}

.RadMenu_Agionet .rmSlide
{
   margin-top:-1px;
   border: 0;
   width: 100% !important;
}

.RadMenu_Agionet .rmGroup
{

   border: 1px solid #FF991A;
   background: #FFE6C7 url(Menu/Agionet/img/rmGroup_bckgr.gif) repeat-x bottom;
   text-align: left;
   overflow-x:hidden !important;
   overflow-y:auto !important;
}

.RadMenu_Agionet .rmVertical
{
   /* IE8 fix --- menu type and effekt */
   display: block !important;
   width:100% !important;
   background-color:#FFC884 !important;
   color:#004D6B !important;

}

.RadMenu_Agionet .rmGroup .rmLink
{
   background: none;
   border: 0px !important;
   border-bottom: solid 1px #000000;
   width:100% !important; /* x */

}

.RadMenu_Agionet .rmGroup .rmText
{
   background: none;
   margin-right: 0px !important;
   padding-left: 8px;
   padding-right: 8px;
   color: #004D6B;
   _display: inline !important;
   border: 0px !important;
   width:auto !important;
}
.RadMenu_Agionet .rmLeftImage
   {
   margin-right: 5px;
   /*margin: 2px 5px 2px 0;
   padding: 0;*/
   border: 1px solid;
   border-top-color: #5B5B5B;
   border-right-color: #606264;
   border-bottom-color: #CCCCCC;
   border-left-color: #EFEFEF;
    position:relative !important;
    padding:0 !important;
    margin:0 !important;
   }
.RadMenu_Agionet .rmRightItem { padding: 2px 0;}
.RadMenu_Agionet .rmGroup .rmLink:hover,
.RadMenu_Agionet .rmGroup .rmFocused,
.RadMenu_Agionet .rmGroup .rmExpanded
{
   background: none;
   background-color:#FFC884;
   color: #004D6B;
   /*border-bottom: solid 1px #d8dde0;*/
}

.RadMenu_Agionet .rmHorizontal .rmExpandBottom,
.RadMenu_Agionet .rmHorizontal .rmExpandTop
{     overflow-x:hidden;
}

.RadMenu_Agionet .rmVertical .rmSeparator .rmText
{
   padding-top: 2px;
   background: #6788be;
   font-size: 1px;
}

/* mozilla only - disabled state */
.RadMenu_Agionet .rmLink.disabled,
.RadMenu_Agionet .rmLink.disabled:hover {
   color: #CCCCCC;
   border: solid 1px #CCCCCC;
   background-color: #FFFFFF;

}

/*right-to-left support*/

.RadMenu_Agionet_rtl,
.RadMenu_Agionet_rtl *
{
    text-align:right;
}

.RadMenu_Agionet_rtl .rmRootGroup .rmText
{
   padding: 0px;
   margin: 0;

}

.RadMenu_Agionet_rtl .rmGroup .rmText
{
   margin-left: 0 !important;

}

.RadMenu_Agionet_rtl .rmHorizontal .rmExpandBottom,
.RadMenu_Agionet_rtl .rmHorizontal .rmExpandTop
{
background-position:left center;
}

.RadMenu_Agionet_rtl .rmVertical .rmExpandLeft,
.RadMenu_Agionet_rtl .rmVertical .rmExpandRight
{
background: transparent url('Menu/Agionet/img/invertedGroupImageRTL.gif') no-repeat left center;
}

.RadMenu_Agionet_rtl .rmGroup .rmExpandLeft,
.RadMenu_Agionet_rtl .rmGroup .rmExpandRight
{
background: transparent url('Menu/Agionet/img/groupImageRTL.gif') no-repeat 5px center;
}

.RadMenu_Agionet_rtl .rmVertical .rmLink:hover .rmExpandLeft,
.RadMenu_Agionet_rtl .rmVertical .rmLink:hover .rmExpandRight,
.RadMenu_Agionet_rtl .rmVertical .rmFocused .rmExpandLeft,
.RadMenu_Agionet_rtl .rmVertical .rmFocused .rmExpandRight,
.RadMenu_Agionet_rtl .rmVertical .rmExpanded .rmExpandLeft,
.RadMenu_Agionet_rtl .rmVertical .rmExpanded .rmExpandRight
{
   background: transparent url(Menu/Agionet/img/invertedGroupImageRTL.gif) left center no-repeat;
}

.RadMenu_Agionet_rtl .rmGroup .rmLink:hover .rmExpandLeft,
.RadMenu_Agionet_rtl .rmGroup .rmLink:hover .rmExpandRight,
.RadMenu_Agionet_rtl .rmGroup .rmFocused .rmExpandLeft,
.RadMenu_Agionet_rtl .rmGroup .rmFocused .rmExpandRight,
.RadMenu_Agionet_rtl .rmGroup .rmExpanded .rmExpandLeft,
.RadMenu_Agionet_rtl .rmGroup .rmExpanded .rmExpandRight
{
   background: transparent url(Menu/Agionet/img/groupImageRTL.gif) 5px center no-repeat;
}

#Filter1_divSecondarySelection { margin-right: 1%}

/*#Control1_Help1_rmLogout .rmText,
#Control1_Help1_rmHelp .rmText */
.RadMenu_Agionet_center
{
   text-align:center;
   margin: 0 auto;
   width: 100px !important;
}

---- code ends here ------------

Please do the needful.

Thanks,

V. Raguraman.

Menu

asked on 04 Apr 2012

3 answers

105 views

RadDatePicker culter is not reflected from page_load

Hi
i am using raddatepicker in ascx page
<radCln:RadDatePicker ID="dtpDateOfBirthDriverDetail" Culture="(Default)" runat="server" Width="170px" EnableTyping="False">

</DateInput>

</Calendar>

</radCln:RadDatePicker>
and its Culture is updated vai page_load of ascx.cs page

System.Globalization.CultureInfo c = new System.Globalization.CultureInfo(sCulture);

c.DateTimeFormat.CalendarWeekRule = System.Globalization.CalendarWeekRule.FirstFourDayWeek;

c.DateTimeFormat.FirstDayOfWeek = DayOfWeek.Monday;
dtpDateOfBirthDriverDetail.Culture=c;

but its functinality is not working as expected for "week no" or as working in other aspx pages
while it is working fine for aspx pages

Calendar

answered on 04 Apr 2012

2 answers

154 views

OnFilterMenuShowing client-side event does not working for RadGrid Column

In my page there is a RadGrid having filter functionality enabled.

I am handling the "OnHeaderMenuShowing" event for one of my requirement and its working fine but while trying the "OnFilterMenuShowing" client-side event its not working for me, even the simple method having to show alert message also not being called by this event handler and also without throwing any error.

Please see my code example below :-

    function FilterMenuShowing(sender, eventArgs){
                                    alert('hi');
                                                 }

again this is called at the client-side event like below for the RadGrid :-

Can any body say here if anything missed for it to work ?
OR anything to do more for get it worked ?

Thanks in advance ... :)

Grid

answered on 04 Apr 2012

1 answer

402 views

Busy Indicator

I have some client side processing that creates some data then rebinds to a radgrid. I want to show a busy indicator while this is happening. How can i do this? I would also like to use this in other parts of the program where there may not be a grid.

Thanks.

General Discussions

answered on 04 Apr 2012

1 answer

97 views

Hide edit panel

Hi,

I'm trying to figure out how to hide the edit panel after the user presses entered. The edit panel is what comes up below the selected row with the update and cancel button. I just want the postback to occur after the user presses enter to get the row that is currently being worked on. I'm creating the detail of the record below the grid. This sounds simple, but I just can't figure it out. Seems like I need to set something to false.

I have the following settings on in Client Settings tag:

<ClientSettings EnablePostBackOnRowClick="true" Selecting-AllowRowSelect="true" AllowKeyboardNavigation="true" />

Thank you,

Grid

answered on 04 Apr 2012