Hi,
If you increase the width of the file upload “Rad control” Input box.
The increases in the width is not reflected in Firefox and safari.
Thanks & regards,
Sandesh Mahadik.
| <%@ Register TagPrefix="telerik" Namespace="Telerik.Web.UI" Assembly="Telerik.Web.UI" %> |
| <asp:UpdatePanel runat="server" ID="UpdatePanel2"> |
| <ContentTemplate> |
| <telerik:RadDockLayout runat="server" ID="RadDockLayout1" EnableEmbeddedSkins="false" Skin="Telerik" |
| OnSaveDockLayout="RadDockLayout1_SaveDockLayout" OnLoadDockLayout="RadDockLayout1_LoadDockLayout"> |
| <table cellspacing="5" cellpadding="5" width="100%"> |
| <tr> |
| <td style="width: 50%;"> |
| <telerik:RadDockZone runat="server" ID="Column1" Orientation="vertical" FitDocks="true" EnableEmbeddedScripts="true" |
| Style="border: 0px;width: 99%;" Skin="Telerik" > |
| </telerik:RadDockZone> |
| </td> |
| <td style="width: 50%;"> |
| <telerik:RadDockZone runat="server" ID="Column2" Orientation="vertical" FitDocks="true" EnableEmbeddedScripts="true" |
| Style="border: 0px;width: 99%;" Skin="Telerik"> |
| </telerik:RadDockZone> |
| </td> |
| </tr> |
| </table> |
| </telerik:RadDockLayout> |
| </ContentTemplate> |
| <Triggers> |
| <asp:AsyncPostBackTrigger ControlID="ButtonAddDock" EventName="Click" /> |
| </Triggers> |
| </asp:UpdatePanel> |
| <div style="width: 0px; height: 0px; overflow: hidden; position: absolute; left: -10000px;"> |
| Hidden UpdatePanel, which is used to help with saving state when minimizing, moving |
| and closing docks. This way the docks state is saved faster (no need to update the |
| docking zones). |
| <asp:UpdatePanel runat="server" ID="UpdatePanel1"> |
| </asp:UpdatePanel> |
| </div> |
| <asp:Button runat="server" ID="ButtonAddDock" Text="Widget Toevoegen" OnClick="ButtonAddDock_Click" /> |
| <asp:DropDownList ID="DropDownWidget" runat="server" DataSourceID="widgetDataSource" DataTextField="Name" DataValueField="ID"/> |
| <asp:DropDownList ID="DropDownColumn" runat="server" DataSource="<%#GetZones() %>" DataTextField="ID" DataValueField="ClientID"/> |
| public partial class WidgetPortal : System.Web.UI.UserControl |
| { |
| WidgetFrameworkHandler wfh = new WidgetFrameworkHandler(); |
| private List<DockState> CurrentDockStates |
| { |
| get |
| { |
| //Store the info about the added docks in the session. For real life |
| // applications we recommend using database or other storage medium |
| // for persisting this information. |
| List<DockState> _currentDockStates = (List<DockState>)Session["CurrentDockStatesDynamicDocks"]; |
| if (Object.Equals(_currentDockStates, null)) |
| { |
| // _currentDockStates = CreateDockState(); |
| _currentDockStates = new List<DockState>(); |
| Session["CurrentDockStatesDynamicDocks"] = _currentDockStates; |
| } |
| return _currentDockStates; |
| } |
| set |
| { |
| Session["CurrentDockStatesDynamicDocks"] = value; |
| } |
| } |
| private List<DockState> CreateDockState() |
| { |
| List<DockState> returnList = new List<DockState>(); |
| List<PORT_Widget_Instance> widgets = wfh.LoadWidgets(); |
| foreach (PORT_Widget_Instance widget in widgets) |
| { |
| DockState ds = new DockState(); |
| ds.Collapsed = widget.Expanded; |
| ds.DockZoneID = "Column" +widget.Column_; |
| ds.Title = widget.Title; |
| returnList.Add(ds); |
| } |
| return returnList; |
| } |
| private RadDock CreateRadDockFromState(DockState state) |
| { |
| RadDock dock = new RadDock(); |
| dock.DockMode = DockMode.Docked; |
| dock.ID = string.Format("RadDock{0}", state.UniqueName); |
| dock.ApplyState(state); // <-- Deze verneukt het.. is state niet gezet ? |
| dock.Commands.Add(new DockCloseCommand()); |
| dock.Commands.Add(new DockExpandCollapseCommand()); |
| return dock; |
| } |
| private RadDock CreateRadDock() |
| { |
| int docksCount = CurrentDockStates.Count; |
| RadDock dock = new RadDock(); |
| dock.DockMode = DockMode.Docked; |
| dock.UniqueName = Guid.NewGuid().ToString(); |
| dock.ID = string.Format("RadDock{0}", dock.UniqueName); |
| dock.Title = "Dock"; |
| dock.Text = string.Format("Added at {0}", DateTime.Now); |
| dock.Commands.Add(new DockCloseCommand()); |
| dock.Commands.Add(new DockExpandCollapseCommand()); |
| return dock; |
| } |
| private void CreateSaveStateTrigger(RadDock dock) |
| { |
| //Ensure that the RadDock control will initiate postback |
| // when its position changes on the client or any of the commands is clicked. |
| //Using the trigger we will "ajaxify" that postback. |
| dock.AutoPostBack = true; |
| dock.CommandsAutoPostBack = true; |
| dock.AutoPostBack = true; |
| AsyncPostBackTrigger saveStateTrigger = new AsyncPostBackTrigger(); |
| saveStateTrigger.ControlID = dock.ID; |
| saveStateTrigger.EventName = "Command"; |
| UpdatePanel1.Triggers.Add(saveStateTrigger); |
| saveStateTrigger = new AsyncPostBackTrigger(); |
| saveStateTrigger.ControlID = dock.ID; |
| saveStateTrigger.EventName = "DockPositionChanged"; |
| UpdatePanel1.Triggers.Add(saveStateTrigger); |
| } |
| protected void Page_Init(object sender, EventArgs e) |
| { |
| //Recreate the docks in order to ensure their proper operation |
| for (int i = 0; i < CurrentDockStates.Count; i++) |
| { |
| RadDock dock = CreateRadDockFromState(CurrentDockStates[i]); |
| //We will just add the RadDock control to the RadDockLayout. |
| // You could use any other control for that purpose, just ensure |
| // that it is inside the RadDockLayout control. |
| // The RadDockLayout control will automatically move the RadDock |
| // controls to their corresponding zone in the LoadDockLayout |
| // event (see below). |
| RadDockLayout1.Controls.Add(dock); |
| //We want to save the dock state every time a dock is moved. |
| CreateSaveStateTrigger(dock); |
| LoadWidget(dock); |
| } |
| } |
| protected void RadDockLayout1_LoadDockLayout(object sender, DockLayoutEventArgs e) |
| { |
| //Populate the event args with the state information. The RadDockLayout control |
| // will automatically move the docks according that information. |
| foreach (DockState state in CurrentDockStates) |
| { |
| e.Positions[state.UniqueName] = state.DockZoneID; |
| e.Indices[state.UniqueName] = state.Index; |
| } |
| } |
| protected void RadDockLayout1_SaveDockLayout(object sender, DockLayoutEventArgs e) |
| { |
| //Save the dock state in the page Session. This will enable us |
| // to recreate the dock in the next Page_Init. |
| CurrentDockStates = RadDockLayout1.GetRegisteredDocksState(); |
| } |
| protected void ButtonAddDock_Click(object sender, EventArgs e) |
| { |
| RadDock dock = CreateRadDock(); |
| RadDockZone dz = (RadDockZone)FindControl(DropDownColumn.SelectedItem.Text); |
| dz.Controls.Add(dock); |
| CreateSaveStateTrigger(dock); |
| dock.Tag = DropDownWidget.SelectedValue; |
| LoadWidget(dock); |
| } |
| private void LoadWidget(RadDock dock) |
| { |
| if (string.IsNullOrEmpty(dock.Tag)) |
| { |
| return; |
| } |
| int widgetID = Convert.ToInt32(dock.Tag); |
| PORT_Widgets wdg = wfh.GetWidget(widgetID); |
| Control widget = LoadControl("Widgets/" + wdg.Url); |
| dock.ContentContainer.Controls.Add(widget); |
| } |
| public ArrayList GetZones() |
| { |
| ArrayList zones = new ArrayList(); |
| zones.Add(Column1); |
| zones.Add(Column2); |
| return zones; |
| } |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| if (!IsPostBack) |
| { |
| DropDownColumn.DataBind(); |
| } |
| } |
| } |
Hi,
I am having the following issue. In my user control i have a RadDatePicker, RadChart & a RadTreeView. Now these are all wrapped in a RadAjaxPanel. All works fine until i drill into the chart. Once i do that i find that the RadTreeView is no longer working (i.e. can't open or collapse the branches). This code was all working in the Q1 2009 release UNTIL i got the LATEST Q1 2009 release. I have replicated the code from my user control into a simple aspx page. Please see below.
Anyone got any ideas or experiencing the same problem??
| <%@ Page Language="vb" AutoEventWireup="false" %> |
| <%@ Register Assembly="IFMA.Web.UI.Controls" Namespace="IFMA.Web.UI.Controls" TagPrefix="ifma" %> |
| <script runat="server"> |
| Public Sub Page_Load() Handles Me.Load |
| RadTreeView1.LoadXml("<Tree AutoPostBack=""False"" Expanded=""True""><Node Expanded=""False"" Text=""<b>Matching Applications</b>""> <Node Text=""Application # N0326/03"" ImageUrl=""../../../common/controlImages/masterview.gif"" /></Node></Tree>") |
| lbl1.Text = Now |
| lbl2.Text = Now |
| If Not IsPostBack Then |
| drawChart() |
| End If |
| End Sub |
| Private Sub drawChart() |
| Dim s0 As ChartSeries |
| s0 = RadChart1.CreateSeries("Oustanding", Drawing.Color.Blue, Drawing.Color.Gold, ChartSeriesType.Pie) |
| Dim seriesItem As ChartSeriesItem |
| seriesItem = New ChartSeriesItem |
| seriesItem.YValue = "23" |
| seriesItem.Name = "item 1" |
| s0.Items.Add(seriesItem) |
| seriesItem = New ChartSeriesItem |
| seriesItem.YValue = "22" |
| seriesItem.Name = "item 2" |
| s0.Items.Add(seriesItem) |
| seriesItem = New ChartSeriesItem |
| seriesItem.YValue = "10" |
| seriesItem.Name = "item 3" |
| s0.Items.Add(seriesItem) |
| seriesItem = New ChartSeriesItem |
| seriesItem.YValue = "40" |
| seriesItem.Name = "item 4" |
| s0.Items.Add(seriesItem) |
| seriesItem = New ChartSeriesItem |
| seriesItem.YValue = "7" |
| seriesItem.Name = "item 5" |
| s0.Items.Add(seriesItem) |
| End Sub |
| Private Sub RadChart1_Click(ByVal sender As Object, ByVal args As Telerik.Charting.ChartClickEventArgs) |
| 'System.Threading.Thread.CurrentThread.Sleep(5000) |
| Dim item As ChartSeriesItem |
| For Each item In args.Series.Items |
| If item.Appearance.Exploded AndAlso (item Is args.SeriesItem) Then |
| 'lblResults.Text = item.Label |
| Else |
| item.Appearance.Exploded = False |
| End If |
| Next item |
| If Not args.SeriesItem.Appearance.Exploded Then |
| args.SeriesItem.Appearance.Exploded = True |
| 'lblResults.Text += args.SeriesItem.Label |
| End If |
| ''Session("SelectedGraphIndex") = args.SeriesItem.Index |
| 'Session("selectedGraphVal") = args.SeriesItem.Name |
| ''lblError.Text = "$" & args.SeriesItem.Name & "$" |
| 'displayMatchingResults() |
| 'divMatchingApplications.Visible = True |
| End Sub |
| </script> |
| <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> |
| <!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></title> |
| </head> |
| <body style="background-color:White;"> |
| <form id="form1" runat="server"> |
| <asp:ScriptManager ID="ScriptManager1" runat="server"> |
| </asp:ScriptManager> |
| <div> |
| <asp:Label ID="lbl1" runat="server" /> |
| <telerik:RadAjaxPanel ID="Radajaxpanel2" runat="server" LoadingPanelID="RadAjaxLoadingPanel1"> |
| <telerik:RadDatePicker ID="dt1" runat="server" /> |
| <asp:Label ID="lbl2" runat="server" /> |
| <telerik:RadChart ID="RadChart1" runat="server" OnClick="RadChart1_Click"> |
| <PlotArea> |
| <XAxis MaxValue="5" MinValue="1" Step="1"> |
| </XAxis> |
| <YAxis MaxValue="25" Step="5"> |
| </YAxis> |
| <YAxis2 MaxValue="5" MinValue="1" Step="1"> |
| </YAxis2> |
| </PlotArea> |
| </telerik:RadChart> |
| <br /> |
| <telerik:RadTreeView ID="RadTreeView1" runat="server"> |
| <%--<Nodes> |
| <telerik:RadTreeNode Text="1" Expanded=> |
| <Nodes> |
| <telerik:RadTreeNode Text="1a"></telerik:RadTreeNode> |
| </Nodes> |
| </telerik:RadTreeNode> |
| </Nodes>--%> |
| </telerik:RadTreeView> |
| </telerik:RadAjaxPanel> |
| <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server"> |
| </telerik:RadAjaxLoadingPanel> |
| </div> |
| </form> |
| </body> |
| </html> |
| var loadingPanel = ""; |
| var pageRequestManager = Sys.WebForms.PageRequestManager.getInstance(); |
| var postBackElement = ""; |
| pageRequestManager.add_initializeRequest(initializeRequest); |
| pageRequestManager.add_endRequest(endRequest); |
| //Ajax Request |
| function initializeRequest(sender, eventArgs) { |
| setLoadingPanelStyle($get('<% = RadAjaxLoadingPanel1.ClientID %>')) |
| loadingPanel = $find('<% = RadAjaxLoadingPanel1.ClientID %>'); |
| postBackElement = eventArgs.get_postBackElement().id; |
| loadingPanel.show(postBackElement); |
| } |
| //End Ajax Request |
| function endRequest(sender, eventArgs) { |
| loadingPanel = $find('<% = RadAjaxLoadingPanel1.ClientID %>'); |
| loadingPanel.hide(postBackElement); |
| } |
| //Set Style of loading Panel |
| function setLoadingPanelStyle(ourLoadingPanel) { |
| ourLoadingPanel.style.height = document.documentElement.scrollHeight + "px"; |
| ourLoadingPanel.style.width = document.documentElement.scrollWidth + "px"; |
| ourLoadingPanel.style.position = "absolute"; |
| ourLoadingPanel.style.top = "0"; |
| ourLoadingPanel.style.left = "0"; |
| } |
Dim
thisAssembly As [Assembly] = [Assembly].GetExecutingAssembly()
Dim RefAssembly As AssemblyName
For Each RefAssembly In thisAssembly.GetReferencedAssemblies()
Dim refAssembly2 As Assembly = [Assembly].Load(RefAssembly.FullName.ToString())
Dim ct2 As Type = refAssembly2.GetType("Telerik.Web.UI.RadComboBox")
Dim c2 As Object = Activator.CreateInstance(ct2)
....
I am able to set most properties from information in the database like so:
Dim prop As PropertyInfo = t2.GetProperty("EnableLoadOnDemand")
Dim propval2 As Object = Convert.ChangeType("True", Type.[GetType]("System.Boolean"))
prop.SetValue(c2, propval2,
Nothing)
However,
There is a property I would like to set that I am having trouble with.
The WebServiceSettings property is a class that does not contain a setvalue method.
I've tried creating an instance of the webservicesettings class, setting its properties and using that object to set the
webservicesettings property of the radcombobox, but to no avail.
I considered the approach of maybe using custom attributes to hold the path and method values and setting the corresponding properties client side but I didn't see that this was possible in the documentation and figured I had spent enough time on this to warrant posting and trying to get some direction.
Thanks in advance for your help.
Hi All,
Im new for telerik control.Im using two radpane.In between one splitterbar is placed.if i resize the left radpane and collapse and expand the splitter i want to set the 200px to left pane and remaining space right pane will fill.
In my case i set the left pane width as 200px but right pane i can't fill to remaining space. some white-space will be shown in right-side window.
How to resolve this issue.
Advance thanks.
| <div id="container"> |
| <div id="top"></div> |
| <div id="leftnav"> |
| <Telerik:RadPanelBar ID="RadPanelBar1" Runat="server" DataFieldID="menu_Title" |
| DataFieldParentID="menu_parent" DataNavigateUrlField="menu_NavURL" |
| DataSourceID="SqlDataSource1" DataTextField="menu_Text" |
| DataValueField="menu_Title" Height="100%" Skin="Panel" Width="100%" |
| DataMember="DefaultView" ExpandMode="SingleExpandedItem" EnableEmbeddedSkins="False" |
| OnClientItemClicked="CollapseAllItems"> |
| <CollapseAnimation Type="None" Duration="100"></CollapseAnimation> |
| <ExpandAnimation Type="None" Duration="100"></ExpandAnimation> |
| </Telerik:RadPanelBar> |
| <telerik:RadRotator ID="RadRotator1" runat="server" |
| DataSourceID="XmlDataSource1" Width="100%" FrameDuration="6000" |
| ScrollDirection="Left" ScrollDuration="800" Height="300px" |
| PauseOnMouseOver="False" ItemWidth="200px"> |
| <ItemTemplate> |
| <div class="tickdetail"> |
| <div class="clogo"><img src="<%# XPath("LogoFile") %>" alt=""/></div> |
| <div class="tickdesc" style="text-align:center"> |
| <telerik:RadTicker ID="Ticker1" runat="server" TickSpeed="50"> |
| <Items> |
| <telerik:RadTickerItem Text='<%# XPath("Description") %>' /> |
| </Items> |
| </telerik:RadTicker> |
| </div> |
| </div> |
| </ItemTemplate> |
| <SlideShowAnimation Duration="1000" Type="Fade" /> |
| </telerik:RadRotator> |
| <asp:XmlDataSource ID="XmlDataSource1" runat="server" DataFile="~/Ticker.xml"> |
| </asp:XmlDataSource> |
| </div> |
| <div id="content" runat="server"></div> |
| <div id="SubmitDiv" runat="server"></div> |
| <div id="footer"> |
| <p>© Copyright 2009</p> |
| </div> |
| </div> |