| <telerik:RadCodeBlock ID="RadCodeBlock1" runat="server"> |
| <script type="text/javascript"> |
| function Insert() |
| { |
| window.radopen("Form.aspx", null); |
| return false; |
| } |
| function Update() |
| { |
| window.radopen("Form.aspx", null); |
| } |
| function RefreshGrid(arg) |
| { |
| $find("<%= RadAjaxPanel1.ClientID %>").ajaxRequest(arg); |
| } |
| </script> |
| </telerik:RadCodeBlock> |
| <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" OnAjaxRequest="RadAjaxPanel1_AjaxRequest"> |
| <telerik:RadGrid ID="RadGrid1" EnableAJAX="false" runat="server" |
| OnItemCommand="RadGrid1_ItemCommand"> |
| <MasterTableView> |
| <CommandItemTemplate> |
| <asp:LinkButton ID="insertButton" OnClientClick="return Insert();" runat="server">Insert</asp:LinkButton> |
| </CommandItemTemplate> |
| <Columns> |
| <telerik:GridButtonColumn ButtonType="ImageButton" ImageUrl="Edit.gif" CommandName="InitUpdate" /> |
| <telerik:GridBoundColumn DataField="Name" HeaderText="Name" /> |
| <telerik:GridDropDownColumn DataSourceID="listDataSource" ListValueField="Id" ListTextField="Name" DataField="List" HeaderText="List" /> |
| </Columns> |
| </MasterTableView> |
| </telerik:RadGrid> |
| </telerik:RadAjaxPanel> |
| //code behind |
| protected void RadGrid1_ItemCommand(object source, GridCommandEventArgs e) |
| { |
| switch (e.CommandName) |
| { |
| case "InitUpdate": |
| ScriptManager.RegisterStartupScript(this, Page.GetType(), "callback", "Update();", true); |
| break; |
| } |
| } |
I am creating custom dialogs using Telerik.Web.UI. DialogDefinition.
In the code behind
| String virtualPath == customdialog.ascx |
| DialogDefinition cb3ModalDialog = new DialogDefinition(virtualPath, new DialogParameters()); |
| cb3ModalDialog.Modal = true; |
| cb3ModalDialog.VisibleTitlebar = true; |
| cb3ModalDialog.VisibleStatusbar = true; |
| cb3ModalDialog.Width = Unit.Pixel(width); |
| cb3ModalDialog.Height = Unit.Pixel(height); |
| cb3ModalDialog.VisibleStatusbar = false; |
| cb3ModalDialog.Title = dialogTitle; |
| this.RadEditorControl.DialogOpener.DialogDefinitions.Add(“CB3ImageManager”, cb3ModalDialog); |
And in javascript
| var dialogOpener = editor.get_dialogOpener(); | |
| dialogOpener.open('CB3ImageManager', args); | |
Localization JavaScript object on custom dialogs.
I am creating custom dialogs using Telerik.Web.UI. DialogDefinition.
In the code behind
String virtualPath == customdialog.ascx
DialogDefinition cb3ModalDialog = new DialogDefinition(virtualPath, new DialogParameters());
cb3ModalDialog.Modal = true;
cb3ModalDialog.VisibleTitlebar = true;
cb3ModalDialog.VisibleStatusbar = true;
cb3ModalDialog.Width = Unit.Pixel(width);
cb3ModalDialog.Height = Unit.Pixel(height);
cb3ModalDialog.VisibleStatusbar = false;
cb3ModalDialog.Title = dialogTitle;
this.RadEditorControl.DialogOpener.DialogDefinitions.Add(“CB3ImageManager”, cb3ModalDialog);
And in javascript
var dialogOpener = editor.get_dialogOpener();
dialogOpener.open('CB3ImageManager', args);
Now the questions are
1. Is this is proper way to create custom dialogs? Mainly these dialogs loads faster that the way shown here http://demos.telerik.com/aspnet-ajax/editor/examples/customdialogs/defaultcs.aspx
2. How to make localization JavaScript object available on this ascx dialog so that I can design multilingual custom dialog correctly. In my case if write document.write(localization["Flip"]); it gives error.
3. How can I make server controls like RAD Tab strips localized for custom dialogs?
4. What is the syntax/proper method of adding new localization strings to .resx files.

| <telerik:RadChart ID="chartPercent" runat="server" DefaultType="StackedBar100" |
| SeriesOrientation="Horizontal" Width="355px" Height="30px"> |
| <Series> |
| <telerik:ChartSeries Name="Series 1" Type="StackedBar100"> |
| <Appearance BarWidthPercent="100"> |
| <FillStyle FillType="Image" > |
| <FillSettings BackgroundImage="C:\Inetpub\wwwroot\emiApplicationForecast\images\bar_red.gif"></FillSettings> |
| </FillStyle> |
| <LabelAppearance Visible="False"> |
| </LabelAppearance> |
| <Border Color="185, 185, 185" /> |
| </Appearance> |
| </telerik:ChartSeries> |
| <telerik:ChartSeries Name="Series 2" Type="StackedBar100"> |
| <Appearance BarWidthPercent="100"> |
| <FillStyle FillType="Image"> |
| <FillSettings BackgroundImage="C:\Inetpub\wwwroot\emiApplicationForecast\images\bar_gray.gif"> |
| </FillSettings> |
| </FillStyle> |
| <LabelAppearance Visible="False"> |
| </LabelAppearance> |
| <Border Color="185, 185, 185" /> |
| </Appearance> |
| </telerik:ChartSeries> |
| </Series> |
| <PlotArea> |
| <XAxis Visible="False"> |
| <Appearance MajorTick-Visible="False"> |
| <LabelAppearance Visible="False"> |
| </LabelAppearance> |
| </Appearance> |
| <AxisLabel> |
| <Appearance Position-AlignedPosition="Top" RotationAngle="270"> |
| </Appearance> |
| </AxisLabel> |
| </XAxis> |
| <YAxis Visible="False"> |
| <Appearance MajorTick-Visible="False" MinorTick-Visible="False"> |
| <LabelAppearance Visible="False"> |
| </LabelAppearance> |
| </Appearance> |
| <AxisLabel> |
| <Appearance RotationAngle="0"> |
| </Appearance> |
| </AxisLabel> |
| </YAxis> |
| <YAxis2 Visible="False"> |
| <Appearance MajorTick-Visible="False" MinorTick-Visible="False"> |
| <LabelAppearance Visible="False"> |
| </LabelAppearance> |
| </Appearance> |
| <AxisLabel> |
| <Appearance RotationAngle="0"> |
| </Appearance> |
| </AxisLabel> |
| </YAxis2> |
| <Appearance Dimensions-Margins="0px, 0px, 0px, 0px"> |
| <FillStyle FillType="Solid" MainColor="White" SecondColor="White"> |
| </FillStyle> |
| <Border Color="" Width="0" /> |
| </Appearance> |
| </PlotArea> |
| <ChartTitle Visible="False"> |
| <Appearance Visible="False"> |
| </Appearance> |
| </ChartTitle> |
| <Legend Visible="False"> |
| <Appearance Visible="False"> |
| </Appearance> |
| </Legend> |
| </telerik:RadChart> |
| protected void Page_Load(object sender, EventArgs e) |
| { |
| chartPercent.Series[0].AddItem(80.0); |
| chartPercent.Series[1].AddItem(20.0); |
| } |