Questions on UI for ASP.NET AJAX Forum

2 answers

75 views

Hi,

I'm developing an aspx page.
This page it consists of 3 html tables :
The first contains the search criteria.
The second contains a RadGrid EditButtons.
the third is in an UpdatePanel and contains an user control.
At first it appears the first and second table. When I click the EditButton in the grid and I choose to display a line in the user control in third table, it displays correctly and displays, also, the first table however it is not supposed to appear.

Have you any idea about the origin of the error???

Grid

answered on 09 Dec 2010

2 answers

140 views

Horizontal Splitter

Hi All

I have got a Vertical Splitterand and a Horizontal splitter on the same page,
Everything seems to be fine untill i collapse the Horizontal one? The Horizontal one wont keep its proportions after that?
I have posted my code if anyone has any ideas i would appricate hearing them.

Many Thanks

Regards

Darren

<%@ Page Language="VB" AutoEventWireup="false" CodeFile="Default.aspx.vb" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title></title>

<style type="text/css">

hmtl, body, form , a img

{

height: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

border: 0;

}

</style>

</head>

<body>

<form id="form1" runat="server">

<telerik:RadScriptManager ID="RadScriptManager1" runat="server">

</telerik:RadScriptManager>

<div id="ParentDivElement" style="height: 100%;">

<telerik:RadSplitter ID="RadSplitter1" runat="server" Height="100%" LiveResize="True"

Orientation="Horizontal" Skin="Web20" Width="100%" VisibleDuringInit="false"

FullScreenMode="True" BorderColor="0">

<telerik:RadPane ID="RadPane1" runat="server" Scrolling="None" Height="450px" MaxHeight="450" MinHeight="450">

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar1" runat="server" CollapseMode="Forward">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane3" runat="server" Scrolling="None" Index="2" Height="250px" MaxHeight="250" MinHeight="250" >

<telerik:RadSplitter ID="RadSplitter2" runat="server" Orientation="Vertical"

Skin="Web20" VisibleDuringInit="false" BorderColor="0" Width="100%" Height="100%">

<telerik:RadPane ID="RadPane2" runat="server" Scrolling="None">

<telerik:RadSlidingZone ID="RadSlidingZone1" runat="server" SlideDirection="Bottom" DockedPaneId="RadSlidingPane2">

<telerik:RadSlidingPane ID="RadSlidingPane1" runat="server" Title="Child Movements" ViewStateMode="Inherit" DockOnOpen="true" IconUrl="Images/Icons/cmove16.png" Scrolling="None" Height="500" Width="250" MinWidth="500">

</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="RadSlidingPane2" runat="server" Title="Movement Notes" ViewStateMode="Inherit" DockOnOpen="true" IconUrl="Images/Icons/note16.png" Scrolling="None" Height="500" Width="250" MinWidth="500">

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar2" runat="server" CollapseMode="Both">

</telerik:RadSplitBar>

<telerik:RadPane ID="RadPane4" runat="server">

<telerik:RadSlidingZone ID="RadSlidingZone2" runat="server" SlideDirection="Bottom">

<telerik:RadSlidingPane ID="RadSlidingPane3" runat="server" Title="Future Stuff" Height="230" Width="500" >

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</div>

</form>

</body>

</html>

Splitter

answered on 09 Dec 2010

9 answers

136 views

How do I pass values to the service?

I want to have a toggle button decide which rotator items get sent into the control...

Now looking at the clientside functions I think I could do it manually by adding items, but since it's already got the service functionality built in I'd love to just leverage that...

Steve

Rotator

answered on 09 Dec 2010

1 answer

82 views

Caching issue

Hi,

This is to do with the accordian menu control in ajax Since you use ajax internally for the telerik contraols, I thought of asking this question to you.

I show and hide a menu item in the accordian menu based on a dropdown selection. The problem is that I have refresh the page to show/hide the link and I can track down this to caching or viewstate issue. Is this sometime you can help with?

Thanks

Ajax

answered on 09 Dec 2010

1 answer

103 views

Timelineview and sorting

Hello

I am using the RadScheduler and I am trying to make a custom sorting on resources names in Time Line View...
Do you have any idea to do so?

Secondly, always in TimeLineView, is there a way to make a sort on the beginning date of the appointements, in order to make a kind of Gantt Diagram ?

Thank you for help...

Read you soon.

Scheduler

answered on 09 Dec 2010

1 answer

105 views

Tooltip not showed correctly

I have a list of data that displayed in RadGrid. When mouseover the label, the tooltip shown. For the first load, the data in the tooltip is loaded correctly. When navigate to another set (by clicking the "Next" button in the demo below), then mouseover to the same position, the tooltip is loaded but the data is not correct.

What do i need to change so that the tooltip can be loaded correctly.

Below is the sample code that can produce this issue.

Thanks in advance.

<%@ Page Language="C#" AutoEventWireup="true" Codebehind="Tooltip.aspx.cs" Inherits="RadControlsWebApplication1.Tooltip" %>

<%@ Import Namespace="System.Data" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

<title>Tooltip</title>

</head>

<body>

<form id="form1" runat="server">

<asp:ScriptManager ID="ScriptManager" runat="server" />

<div>

<telerik:RadScriptBlock runat="server" ID="ScriptBlock">

<script type="text/javascript">

function toolTipManagerClientBeforeShow(sender, args)

{

// clear the tooltip value

var tooltipLabel = document.getElementById("<%= Label1.ClientID %>");

tooltipLabel.innerHTML = "";

var panel = $find("<%= XmlHttpPanel1.ClientID %>");

sender.set_contentElement(panel.get_element());

panel.set_value(sender.get_value());

}

</script>

</telerik:RadScriptBlock>

<telerik:RadAjaxManager ID="AjaxManager" runat="server">

<ajaxsettings>

<telerik:AjaxSetting AjaxControlID="Grid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Grid1" />

<telerik:AjaxUpdatedControl ControlID="ToolTipManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="Button1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="Grid1" />

<telerik:AjaxUpdatedControl ControlID="ToolTipManager1" />

</UpdatedControls>

</telerik:AjaxSetting>

</ajaxsettings>

</telerik:RadAjaxManager>

<div style="display: none;">

<telerik:RadToolTipManager ID="ToolTipManager1" runat="server" Width="250px" Skin="Telerik"

Position="BottomCenter" HideEvent="LeaveToolTip" OnClientBeforeShow="toolTipManagerClientBeforeShow" />

<telerik:RadXmlHttpPanel ID="XmlHttpPanel1" runat="server" OnServiceRequest="XmlHttpPanel1_ServiceRequest">

<asp:Label ID="Label1" runat="server" CssClass="tooltip"></asp:Label>

</telerik:RadXmlHttpPanel>

</div>

<telerik:RadGrid ID="Grid1" runat="server" AutoGenerateColumns="False" Skin="Vista"

GridLines="None" BorderWidth="0px" OnItemDataBound="Grid1_ItemDataBound" Width="300">

<mastertableview>

<Columns>

<telerik:GridBoundColumn DataField="Title" HeaderText="Title"/>

<telerik:GridTemplateColumn HeaderText="Child" UniqueName="Child">

<ItemTemplate>

<nobr>

<asp:Repeater ID="Repeater1" runat="server" DataSource='<%# ((DataRowView)Container.DataItem).Row.GetChildRows("Children") %>'>

<ItemTemplate><asp:Label ID="LabelName" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "[\"Name\"]")%>' />

</ItemTemplate>

<SeparatorTemplate>,</SeparatorTemplate>

</asp:Repeater>

<nobr>

</ItemTemplate>

<HeaderStyle Width="150px" />

<ItemStyle VerticalAlign="Top" Width="150px" />

</telerik:GridTemplateColumn>

</Columns>

</mastertableview>

</telerik:RadGrid>

<asp:Button ID="Button1" runat="server" Text="Next Set" OnClick="Button1_Click" />

</div>

</form>

</body>

</html>

using System;

using System.Data;

using System.Configuration;

using System.Collections;

using System.Web;

using System.Web.Security;

using System.Web.UI;

using System.Web.UI.WebControls;

using System.Web.UI.WebControls.WebParts;

using System.Web.UI.HtmlControls;

using Telerik.Web.UI;

namespace RadControlsWebApplication1

{

public partial class Tooltip : System.Web.UI.Page

{

private void BindData(int startIndex)

{

DataSet ds = new DataSet();

DataTable tb = new DataTable();

tb.TableName = "Parent";

tb.Columns.Add("ID");

tb.Columns.Add("Title");

ds.Tables.Add(tb);

DataTable tbChild = new DataTable();

tbChild.TableName = "Child";

tbChild.Columns.Add("ID");

tbChild.Columns.Add("Name");

ds.Tables.Add(tbChild);

ds.Relations.Add("Children", ds.Tables["Parent"].Columns["ID"], ds.Tables["Child"].Columns["ID"]);

for (int i = startIndex; i < startIndex + 10; i++)

{

DataRow row = tb.NewRow();

row["ID"] = i;

row["Title"] = "Title " + startIndex;

tb.Rows.Add(row);

for (int x = 0; x < 3; x++)

{

DataRow rowChild = tbChild.NewRow();

rowChild["ID"] = i;

rowChild["Name"] = "Name " + i + " " + x;

tbChild.Rows.Add(rowChild);

}

Grid1.DataSource = ds;

Grid1.DataBind();

}

protected void Page_Load(object sender, EventArgs e)

{

if (!IsPostBack)

{

BindData(0);

ViewState["Index"] = 10;

}

protected void Button1_Click(object sender, EventArgs e)

{

BindData(int.Parse(ViewState["Index"].ToString()));

ViewState["Index"] = int.Parse(ViewState["Index"].ToString()) + 10;

}

protected void XmlHttpPanel1_ServiceRequest(object sender, Telerik.Web.UI.RadXmlHttpPanelEventArgs e)

{

if (e.Value != null && e.Value != "")

Label1.Text = e.Value;

}

protected void Grid1_ItemDataBound(object sender, Telerik.Web.UI.GridItemEventArgs e)

{

if (e.Item.ItemType == GridItemType.Item || e.Item.ItemType == GridItemType.AlternatingItem)

{

Repeater rpt1 = (Repeater)e.Item.FindControl("Repeater1");

RepeaterItemDataBound(rpt1);

}

private void RepeaterItemDataBound(Repeater repeater)

{

foreach (RepeaterItem rptItem in repeater.Items)

{

Label lblName = (Label)rptItem.FindControl("LabelName");

ToolTipManager1.TargetControls.Add(lblName.ClientID, lblName.Text, true);

}

ToolTip

answered on 09 Dec 2010

8 answers

95 views

TabStrip and controls at runtime (CodeBehind)

Hi,

I'm trying to create a page with TabStrip+Multipage+PanelBar+TextBox but it isn't work.
Somebody can help me?

Following my code:

Imports Telerik.Web.UI

Partial Public Class _Default

Inherits System.Web.UI.Page

Protected Sub Page_Load(ByVal sender As Object, ByVal e As System.EventArgs) Handles Me.Load

'Multipage

Dim myMultipage As New RadMultiPage

myMultipage.ID = "myMultipage"

myMultipage.ScrollBars = MultiPageScrollBars.Auto

'Tabs

Dim tabProduto As New RadTab

tabProduto.Text = "Produtos"

tabProduto.PageViewID = tabProduto.Text

Dim tabCliente As New RadTab

tabCliente.Text = "Clientes"

tabCliente.PageViewID = tabCliente.Text

Dim tabCondPag As New RadTab

tabCondPag.Text = "Condições de Pagamento"

tabCondPag.PageViewID = tabCondPag.Text

Dim tabfornecedor As New RadTab

tabfornecedor.Text = "Fornecedores"

tabfornecedor.PageViewID = tabfornecedor.Text

'TabStrip

Dim myTabStrip As New RadTabStrip

myTabStrip.MultiPageID = "myMultipage"

myTabStrip.Tabs.Add(tabProduto)

myTabStrip.Tabs.Add(tabCliente)

myTabStrip.Tabs.Add(tabCondPag)

myTabStrip.Tabs.Add(tabfornecedor)

'PageView

Dim pagviewProduto As New RadPageView

pagviewProduto.ID = tabProduto.Text

Dim pagviewCliente As New RadPageView

pagviewCliente.ID = tabCliente.Text

Dim pagviewCondPag As New RadPageView

pagviewCondPag.ID = tabCondPag.Text

Dim pagviewFornecedor As New RadPageView

pagviewFornecedor.ID = tabfornecedor.Text

'Controles da TabCliente (My classes inherited from Textboxes)

Dim myTextBox As New gInputText("Nome", 80)

Dim myTextBox2 As New gInputText("Endereço", 80)

Dim myTextBox3 As New gInputText("Bairro", 50)

Dim myTextBox4 As New gInputText("Cidade", 50)

'Painel Principal da aba TabCliente

Dim myGroupParent As New RadPanelBar

myGroupParent.Width = 900

myGroupParent.ExpandMode = PanelBarExpandMode.FullExpandedItem

myGroupParent.Skin = "Office2007"

'Grupo Dados Gerais do cliente

Dim myGroup As New RadPanelItem

myGroup.Expanded = True

myGroup.Text = "Dados Gerais do Cliente"

myGroup.Selected = True

myGroup.Controls.Add(myTextBox)

myGroup.Controls.Add(myTextBox2)

myGroup.Controls.Add(myTextBox3)

myGroup.Controls.Add(myTextBox4)

myGroupParent.Items.Add(myGroup)

tabCliente.Controls.Add(myGroupParent)

Panel1.Controls.Add(myTabStrip)

End Sub

End Class

Tks

Luiz

TabStrip

answered on 09 Dec 2010

1 answer

85 views

RadScheduler AdvancedForm Cancelling takes time

Hi,

If the cancel button of the AdvancedForm of Scheduler is clicked, I need to wait for some seconds.
I'd like to close the AdvancedForm immediately after i clicked the cancel button.
How could i do that?

Thanks in advance.

Regards,
Nyi Nyi

Scheduler

answered on 09 Dec 2010

1 answer

123 views

Telerik Grid Static Headers Problem

Hi,

I have been using Telerik grid with UseStaticHeaders="true", which is used to enable static headers in the grid. But if change the page size from 10 to 50, then my grid is getting the data from database and loading into grid. so in that case, when i scroll the horizontal scroll bar then the headers are getting freezed, but datagrid rows are scrolling.
when i scroll from left to right, the header bar is getting freezed but rows are getting scrolling.

Please let me know the best solution to resolve this error.

Thanks in advance.

Grid

answered on 09 Dec 2010

1 answer

117 views

Open Rad Window from the Rad Scheduler

Hello Telerik Team,

I have a requirement to make the Rad Scheduler.
Here i want to open a Rad Window for the Particular Schedule/Task Click.

When user double clicks on any Schedule/Task i need to open the Details of the Schedule/Task in the Rad window which is already created with whole code. I just need to pass the 4 Values to that Rad Window.

Kindly let me know the way i need to do to achive this functionality.

Thank you

Brijesh Shah

Scheduler

answered on 09 Dec 2010