Questions on UI for ASP.NET AJAX Forum

7 answers

364 views

Rad menu Scroll

How to add scroll to rad menu child items dynamically

<telerik:RadMenu ID="rm_top" runat="server" Style="z-index: 2000" CausesValidation="False"

Font-Names="Arial" Width="100%" OnPreRender="rm_top_PreRender" EnableRoundedCorners="true"

BorderStyle="None" >

<CollapseAnimation Type="OutExpo" Duration="200"></CollapseAnimation>

</telerik:RadMenu>

binding code:

rm_top.DataFieldID = "AdminMenuID";

rm_top.DataFieldParentID = "AdminMenuParentID";

rm_top.DataTextField = "AdminMenuName";

rm_top.DataValueField = "AdminMenuID";

rm_top.DataNavigateUrlField = "AdminMenuUrl";

rm_top.DataBind();

Menu

answered on 18 Aug 2010

1 answer

191 views

Radgrid Inside RadWindow Pagination Problem

Hi! Today i had a problem and i can´t solve alone so i´ve decided to ask you ...
The problem is:

    I have a control ascx and inside it i have a radgrid ..
    I have it to, inside my control, a RadWindow so when the user choose to add a new item on my grid, i show that window.
    Inside that window i have another RadGrid (both grids have AllowPaging = True), so i have automatic pagination on both.
    My problem is when i choose any page on pagination bar of my grid, the one that is inside my window, it is made a postback and my   window closes automatically :| ..
    That way I can´t see my pagination working on my grid existing inside my RadWindow ...
    Any ideas, how to solve my problem ??

    I would be very glad if ou can help me.

Best regards,

Ricardo.

Grid

answered on 18 Aug 2010

1 answer

133 views

ToolBar Design

Good Day All

I have a Toolbar that is Currently defined like this

<telerik:RadToolBar ID="RadToolBar1" Runat="server" EnableViewState="False"

Height="100%" Skin="Forest" Width="100%">

<Items>

<telerik:RadToolBarButton Width="100%" runat="server" Text="Button1">

<ItemTemplate>

<asp:ImageButton ID="btnoweb" runat="server" Height="50"

ImageUrl="~/images/o!logo.png" Width="50" />

<asp:ImageButton ID="btnCalender" runat="server"

ImageUrl="~/images/CalenderView.png" OnClick="btnCalender_Click" />

<asp:ImageButton ID="btnAttach" runat="server" ImageUrl="~/images/Attach.png" />

<asp:Menu ID="mnuMenu" runat="server">

</asp:Menu>

<telerik:RadMenu ID="mnuAdd" runat="server" Visible="true">

<ItemTemplate>

<asp:Image ID="imgicon" runat="server" EnableViewState="false"

ImageUrl="~/images/Add.png" />

</ItemTemplate>

</telerik:RadMenu>

<asp:TextBox ID="txtsearch" runat="server" onkeypress="keyPress()" Font-Size="X-Large" Height="40px"

Width="650px"></asp:TextBox>

<asp:ImageButton ID="btnsearch" runat="server"

ImageUrl="~/images/btnsearch.png" OnClick="btnSearch_Click" />

<asp:ImageButton ID="btnCancel" runat="server" ImageUrl="~/images/Cancel.png"

OnClick="btnCancel_Click" />

</ItemTemplate>

</telerik:RadToolBarButton>

</Items>

</telerik:RadToolBar>

And Currently it looks like the one in the Image named "Current_ToolBar" and the one that i want is supposed to look like the image ToolBarDesign. As you can see the round corners and the textbox is inside and the the image button on the right looks as if is inside the text and the other icon on the left.

How can i do this Design.

Thanks

ToolBar

answered on 18 Aug 2010

3 answers

418 views

DestroyOnClose not working with client-side close

Hi,

I am using client script to close my RadWindow after postback, as follows:

<telerik:RadWindowManager ID="rwmWindow" Width="500px" Height="375px"

runat="server" DestroyOnClose="true" Modal="true" VisibleOnPageLoad="false"

Title="New Rad Window">

<Windows>

<telerik:RadWindow ID="rwWindow" runat="server" ReloadOnShow="true" ShowContentDuringLoad="false" DestroyOnClose="true" Behaviors="Close,Resize,Move" OpenerElementID='<%# Parent.FindControl("btnMyLaunchButton").ClientID %>'>

<ContentTemplate>

<script language ="javascript" type ="text/javascript" >

function GetRadWindow() {

var oWindow = null;

if (window.radWindow)

oWindow = window.RadWindow; //Will work in Moz in all cases, including clasic dialog

else if (window.frameElement.radWindow)

oWindow = window.frameElement.radWindow; //IE (and Moz as well)

return oWindow;

}

function Close() {

GetRadWindow().Close();

}

</script>

<div class="window">

<p>This is the new rad window</p>

<asp:literal ID="litClose" runat="server" Visible="false"></asp:literal>

<asp:Button ID="btnSubmit" runat="server" Text="Submit" OnClick="Submit_Click"/>

</div>

</ContentTemplate>

</telerik:RadWindow>

</Windows>

</telerik:RadWindowManager>

Now within Submit_Click I update the literal as follows:

litClose.Text =

"<script type='text/javascript'>Close()</" + "script>";

This works fine, but the DestroyOnClose attribute of the window seems to be ignored as when I next launch the window, the contents are still there.

How can I destroy the window using the client-side close?

Thanks.

Window

answered on 18 Aug 2010

1 answer

95 views

[Solved] Missing item

The docs for the RadListBoxItem client-side API don't include the get_enabled() method.

I know it (the method) is there 'cos I've just successfully used it.

--
Stuart

Documentation and Tutorials

answered on 18 Aug 2010

1 answer

462 views

RadGrid Assign DataSource in javascript?

I am going to create a RadGrid Control In Client side and want to assign the Datasource from javascript

How to do that,

Here is code what I did so far,

var gridXml = "<employees><employee><name>Ram</name><age>25</age></employee><employee><name>John</name><age>30</age></employee></employees>";

//To Convert xml to Json
var myJsonObject = xml2json.parser(gridXml);

//To Create RadGrid
var radgrid = new Telerik.Web.UI.RadGrid("TestGrid");

//To Get the Table View -- But I got Null value while calling this method
var tableView=radgrid.get_masterTableView();

tableView.set_dataSource(myJsonObject );

tableView.dataBind();

But tableview value is null, so how can i assingn datasource to gridview Control from javascript,

Thanks in advance,

Grid

answered on 18 Aug 2010

1 answer

194 views

On tooltip in grid



I applied DataFormatString="<nobr>{0}</nobr>" to grid bound column and grid template column as below.

telerik:GridTemplateColumn>

<ItemTemplate>

<asp:LabelText='<%# Eval("ContactTitle", "<nobr>{0}</nobr>") %>' ID="Label1" runat="server"></asp:Label>

</ItemTemplate>

</telerik:GridTemplateColumn

>





In both the cases tool tip is displaying in single line.when huge amount of data is there we are unable to see the tooltip content.



My intension is without removing <nobr>{0}</nobr> to "Grid bound" or "Grid template column",tool tip has to be displayed in multi line.



If there is any alternative for this solution.Let me know please.

Thanking you..

Grid

answered on 18 Aug 2010

1 answer

229 views

Using multiple skins om a page

I've created some skins in the stylebuilder that I want to use on one of my pages. I have an overall theme that I use, but I also want to use a custom tab on the same page that differs from the tab-style in my main theme. To use my main theme I added it at the top of my markup as "Theme="MySkin" and used it on different places later in the code as Skin="MySkin" and enableembeddedskins(?) as false.

Now, how can use my other skin in parts of the page aswell?

Visual Style Builder

answered on 18 Aug 2010

5 answers

203 views

[Solved] Filling the container

I want my RadEditor to fill the container it's in so I set the Width and Height properties to 100%.

When the page renders the width is set as expected but the height seems to being rendered as 100px rather than 100%. You should be able to see what I mean from the attached screenshot. The markup is shown below...

<telerik:RadEditor ID="edtHistory"

runat="server"

EnableResize="false"

ContentAreaMode="Div"

EditModes="Preview"

Height="100%"

NewLineBr="false"

Width="100%">

<CssFiles>

<telerik:EditorCssFile Value="~/App_Themes/Default/Default.css" />

</CssFiles>

<Modules>

<telerik:EditorModule Name="RadEditorStatistics" Enabled="false" Visible="false" />

<telerik:EditorModule Name="RadEditorDomInspector" Enabled="false" Visible="false" />

<telerik:EditorModule Name="RadEditorHtmlInspector" Enabled="false" Visible="false" />

<telerik:EditorModule Name="RadEditorNodeInspector" Enabled="false" Visible="false" />

</Modules>

</telerik:RadEditor>

FYI, I'm using Q2 2010.

--
Stuart

Editor

answered on 18 Aug 2010

0 answers

47 views

Update Panel & progress doubts?

Dear friends,
how to implement Ajax Extention control's update panel,Update Progress in 3.5 frawrk of Visual studio2008.
Plz anyone tell me i am struggling a lot in tat.
Regards,
Srinivas

General Discussions

asked on 18 Aug 2010