Hello All,

How can I programatically change the source (src) attribute of an iframe that's in a RadPageView which is in turn tied to a RadTabStrip tab? Meaning.. I would like to achieve something like this:

If variable temp1's value is 1:
<telerik:RadPageView ID="RadPageView2" runat="server">
                <iframe width="100%" height="100%" src="Page1.aspx" ></iframe>
</telerik:RadPageView>

If variable temp1's value is 2:
<telerik:RadPageView ID="RadPageView2" runat="server">
                <iframe width="100%" height="100%" src="Page2.aspx" ></iframe>
</telerik:RadPageView>

Something on the line of:
if(temp1 == 1)
{
               RadPageView2.iframe.setSource("Page1.aspx");
}
else if (temp1 == 2)
{
               RadPageView2.iframe.setSource("Page2.aspx");
}

Thanks in advance !!

Hi,

I am trying to figure out why I am having a problem with RadDock when I use a master page. If I split the same functionality up using a master page then I seem to have problems when I dynamically create a RadDock. I think it might have something to do with the fact that the first time a RadDock is created it is in a postback click handler, subsequent creation of the RadDock happen in the init handler. However, I only see this problem when I use a master page. I do not see the same problem when all code is within a single page.

The problem I am having is that I create a RadDock in a click handler and then I attempt to move the RadDock to a different zone, the RadDock 'snaps' back to the zone it was created in, if I then try to move the RadDock I am successful.

I have included a DockNoMaster.aspx/cs which works as I expect. I can click on Add Module and a RadDock is created in the middle zone. I can move the RadDock to the right or left zone and click Postback and the RadDock 'remebers' its position.

--DockNoMaster.aspx

 

 

<telerik:RadScriptManager ID="ScriptManager1" runat="server" />

 

 

 

 

 

 

<telerik:RadDockLayout runat="server" ID="RadDockLayout1" EnableEmbeddedSkins="false" >

 

 

 

 

 

 

<table>

 

 

 

 

 

<tr>

 

 

 

 

 

<td bgcolor="#99ffcc">

 

 

 

 

 

<telerik:RadDockZone runat="server" ID="leftZone" Width="200" MinHeight="200" Orientation="vertical" Style="border: 0px;" />

 

 

 

 

 

</td>

 

 

 

 

 

<td bgcolor="#99ffcc">

 

 

 

 

 

<asp:Button runat="server" ID="btnAddModule" OnClick="btnAddModule_Click" Text="Add Module" />

 

 

 

 

 

&nbsp;<asp:Button runat="server" ID="btnPostback" OnClick="btnPostback_Click" Text="Postback" />

 

 

 

 

 

<br /><br />

 

 

 

 

 

<telerik:RadDockZone runat="server" ID="middleZone" Width="200" MinHeight="200" Orientation="vertical" Style="border: 0px;" />

 

 

 

 

 

</td>

 

 

 

 

 

<td bgcolor="#99ffcc">

 

 

 

 

 

<telerik:RadDockZone runat="server" ID="rightZone" Width="200" MinHeight="200" Orientation="vertical" Style="border: 0px;" />

 

 

 

 

 

</td>

 

 

 

 

 

</tr>

 

 

 

 

 

</table>

 

 

 

 

 

 

</telerik:RadDockLayout>

 

 

 

--DockNoMaster.cs

 

public

 

partial class Test_Templates_DockNoMaster : System.Web.UI.Page

 

 

 

 

 

{

 

protected void Page_Load(object sender, System.EventArgs e)

 

{

 

if (!IsPostBack)

 

{

}

}

 

private List<DockState> CurrentDockStates

 

{

 

get

 

 

 

 

 

{

 

List<DockState> _currentDockStates = (List<DockState>)Session["CurrentDockStatesDynamicDocks"];

 

 

if (Object.Equals(_currentDockStates, null))

 

{

_currentDockStates =

new List<DockState>();

 

Session[

"CurrentDockStatesDynamicDocks"] = _currentDockStates;

 

}

 

return _currentDockStates;

 

}

 

set

 

 

 

 

 

{

Session[

"CurrentDockStatesDynamicDocks"] = value;

 

}

}

 

private RadDock CreateRadDockFromState(DockState state)

 

{

 

RadDock dock = new RadDock();

 

dock.DockMode =

DockMode.Docked;

 

dock.ID =

string.Format("RadDock{0}", state.UniqueName);

 

dock.ApplyState(state);

dock.Commands.Add(

new DockCloseCommand());

 

dock.Commands.Add(

new DockExpandCollapseCommand());

 

dock.AutoPostBack =

true;

 

dock.CommandsAutoPostBack =

true;

 

 

return dock;

 

}

 

void dock_DockPositionChanged(object sender, DockPositionChangedEventArgs e)

 

{

}

 

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.Width =

Unit.Pixel(300);

 

dock.Commands.Add(

new DockCloseCommand());

 

dock.Commands.Add(

new DockExpandCollapseCommand());

 

dock.AutoPostBack =

true;

 

dock.CommandsAutoPostBack =

true;

 

 

return dock;

 

}

 

protected void Page_Init(object sender, EventArgs e)

 

{

 

RadDockLayout dockLayout = RadDockLayout1;

 

dockLayout.LoadDockLayout +=

new DockLayoutEventHandler(dockLayout_LoadDockLayout);

 

dockLayout.SaveDockLayout +=

new DockLayoutEventHandler(dockLayout_SaveDockLayout);

 

 

 

 

 

 

for (int i = 0; i < CurrentDockStates.Count; i++)

 

{

 

RadDock dock = CreateRadDockFromState(CurrentDockStates[i]);

 

dockLayout.Controls.Add(dock);

}

}

 

protected void dockLayout_LoadDockLayout(object sender, DockLayoutEventArgs e)

 

{

 

foreach (DockState state in CurrentDockStates)

 

{

e.Positions[state.UniqueName] = state.DockZoneID;

e.Indices[state.UniqueName] = state.Index;

}

}

 

protected void dockLayout_SaveDockLayout(object sender, DockLayoutEventArgs e)

 

{

 

RadDockLayout dockLayout = RadDockLayout1;

 

CurrentDockStates = dockLayout.GetRegisteredDocksState();

}

 

protected void btnAddModule_Click(object sender, EventArgs e)

 

{

 

RadDockLayout dockLayout = RadDockLayout1;

 

 

RadDock dock = CreateRadDock();

 

middleZone.Controls.Add(dock);

}

 

protected void btnPostback_Click(object sender, EventArgs e)

 

{

}

}

 

I have also included DockWithMaster.aspx/cs and DockMaster.master/cs which does not work as I expect. If I click Add Module then a RadDock is created in the middle zone. However, if I drag the RadDock to the left or right zone it immediately goes back to the middle zone. The second time I move the RadDock to the left or right zone, it will remember its position.

In the master sample the RadDockLayout and the left and right RadDockZone are in the DockMaster.master file. The middle RadDockZone and the add and postback buttons are in the DockWithMaster.aspx file. The saving and loading of dock state is handled in the content .aspx file, not the master.

-- DockMaster.master

 

 

<telerik:RadScriptManager ID="ScriptManager1" runat="server" />

 

 

 

<telerik:RadDockLayout runat="server" ID="RadDockLayout1" EnableEmbeddedSkins="false" >

 

 

 

<table>

 

 

<tr>

 

 

<td bgcolor="#99ffcc">

 

 

<telerik:RadDockZone runat="server" ID="leftZone" Width="200" MinHeight="200" Orientation="vertical" Style="border: 0px;" />

 

 

</td>

 

 

<td bgcolor="#99ffcc">

 

 

<asp:ContentPlaceHolder id="middleContent" runat="server" />

 

 

</td>

 

 

<td bgcolor="#99ffcc">

 

 

<telerik:RadDockZone runat="server" ID="rightZone" Width="200" MinHeight="200" Orientation="vertical" Style="border: 0px;" />

 

 

</td>

 

 

</tr>

 

 

</table>

 

 

 

</telerik:RadDockLayout>

-- DockMaster.cs does not have anything in it

-- DockWithMaster.aspx

 

 

 

<

 

asp:Content ID="Content1" ContentPlaceHolderID="middleContent" runat="server">

 

 

<asp:Button runat="server" ID="btnAddModule" OnClick="btnAddModule_Click" Text="Add Module" />

 

 

&nbsp;<asp:Button runat="server" ID="btnPostback" OnClick="btnPostback_Click" Text="Postback" />

 

 

<br /><br />

 

 

<telerik:RadDockZone runat="server" ID="middleZone" Width="200" MinHeight="200" Orientation="vertical" Style="border: 0px;" />

 

</

 

asp:Content>

 

 

 

-- DockWithMaster.cs

 

public

 

partial class Test_Templates_DockWithMaster : System.Web.UI.Page

 

{

 

protected void Page_Load(object sender, System.EventArgs e)

 

{

 

if (!IsPostBack)

 

{

}

}

 

private List<DockState> CurrentDockStates

 

{

 

get

 

{

 

List<DockState> _currentDockStates = (List<DockState>)Session["CurrentDockStatesDynamicDocks"];

 

 

if (Object.Equals(_currentDockStates, null))

 

{

_currentDockStates =

new List<DockState>();

 

Session[

"CurrentDockStatesDynamicDocks"] = _currentDockStates;

 

}

 

return _currentDockStates;

 

}

 

set

 

{

Session[

"CurrentDockStatesDynamicDocks"] = value;

 

}

}

 

private RadDock CreateRadDockFromState(DockState state)

 

{

 

RadDock dock = new RadDock();

 

dock.DockMode =

DockMode.Docked;

 

dock.ID =

string.Format("RadDock{0}", state.UniqueName);

 

dock.ApplyState(state);

dock.Commands.Add(

new DockCloseCommand());

 

dock.Commands.Add(

new DockExpandCollapseCommand());

 

dock.AutoPostBack =

true;

 

dock.CommandsAutoPostBack =

true;

 

 

return dock;

 

}

 

void dock_DockPositionChanged(object sender, DockPositionChangedEventArgs e)

 

{

}

 

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.Width =

Unit.Pixel(300);

 

dock.Commands.Add(

new DockCloseCommand());

 

dock.Commands.Add(

new DockExpandCollapseCommand());

 

dock.AutoPostBack =

true;

 

dock.CommandsAutoPostBack =

true;

 

 

return dock;

 

}

 

protected void Page_Init(object sender, EventArgs e)

 

{

 

RadDockLayout dockLayout = (RadDockLayout)this.Master.FindControl(middleZone.LayoutID);

 

dockLayout.LoadDockLayout +=

new DockLayoutEventHandler(dockLayout_LoadDockLayout);

 

dockLayout.SaveDockLayout +=

new DockLayoutEventHandler(dockLayout_SaveDockLayout);

 

 

for (int i = 0; i < CurrentDockStates.Count; i++)

 

{

 

RadDock dock = CreateRadDockFromState(CurrentDockStates[i]);

 

dockLayout.Controls.Add(dock);

}

}

 

protected void dockLayout_LoadDockLayout(object sender, DockLayoutEventArgs e)

 

{

 

 

foreach (DockState state in CurrentDockStates)

 

{

e.Positions[state.UniqueName] = state.DockZoneID;

e.Indices[state.UniqueName] = state.Index;

}

}

 

protected void dockLayout_SaveDockLayout(object sender, DockLayoutEventArgs e)

 

{

 

RadDockLayout dockLayout = (RadDockLayout)this.Master.FindControl(middleZone.LayoutID);

 

CurrentDockStates = dockLayout.GetRegisteredDocksState();

}

 

protected void btnAddModule_Click(object sender, EventArgs e)

 

{

 

RadDockLayout dockLayout = (RadDockLayout)this.Master.FindControl(middleZone.LayoutID);

 

 

RadDock dock = CreateRadDock();

 

middleZone.Controls.Add(dock);

}

 

protected void btnPostback_Click(object sender, EventArgs e)

 

{

}

}

Dear sir/mam,

i have radtabstrip with loading panel not working. pls help me      


      <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="RadTabStrip1">
            <UpdatedControls>
                <telerik:AjaxUpdatedControl ControlID="RadTabStrip1" LoadingPanelID="RadAjaxLoadingPanel1" />
                  <telerik:AjaxUpdatedControl ControlID="RadMultiPage1" LoadingPanelID="RadAjaxLoadingPanel1" />
            </UpdatedControls>
        </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>
<telerik:RadAjaxLoadingPanel Skin="WebBlue" EnableSkinTransparency="false" BackgroundPosition="Center"
    ID="RadAjaxLoadingPanel1" runat="server" />
                       <telerik:RadTabStrip ID="RadTabStrip1" runat="server" Skin="Vista" MultiPageID="RadMultiPage1"
                Width="90%" BorderStyle="None" BackColor="#E3E3E3" SelectedIndex="0" ReorderTabsOnSelect="True"
                ValidationGroup="WP">
                <Tabs>
                 
                      <telerik:RadTab Text="Options" Width="120px" ImageUrl="../../Images/options.png"
                                    Font-Names="Times New Roman" Font-Size="13px" TabIndex="1" PageViewID="RadPageOptions">
                    </telerik:RadTab>
                </Tabs>
            </telerik:RadTabStrip>
         <telerik:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" BackColor="White"
                            Width="100%">
                         
                            <telerik:RadPageView ID="RadPageOptions" Width="100%" runat="server">
                                <table class="MainTable2">
                                    <tr>
                                        <td class="pad" width="535">
                                            <div class="pad" style="float: left; width: 535">
                                                <asp:Label ID="Label10" runat="server" SkinID="Label1" Font-Bold="true" Text="File attachment "></asp:Label>
                                            </div>
                                            <div class="pad" style="float: left;">                                               
                                                <asp:ImageButton ID="BtnPopUp" runat="server" OnClick="BtnPopUp_Click" ImageUrl="~/Images/SPECIFY.png" />
                                                   <asp:Label ID="lblfilename1" runat="server" SkinID="LabelErr" Visible="true"></asp:Label>
                                                <asp:Label ID="Lerror" runat="server" SkinID="LabelErr" Visible="true"></asp:Label>
                                                <asp:ImageButton ID="BtnRemove" runat="server"  OnClick="BtnRemove_Click"  ImageUrl="~/Images/Delete.gif"  OnClientClick="return confirm('Are you sure to delete these Photo?'); " />
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </telerik:RadPageView>
                        </telerik:RadMultiPage>




<div>
    <asp:UpdatePanel ID="UP2" runat="server">
        <ContentTemplate>
            <asp:Button ID="BtnUploadPopup" runat="server" Style="display: none" />
            <cc1:ModalPopupExtender ID="ModalPopupExtender1" runat="server" TargetControlID="BtnUploadPopup"
                PopupControlID="PanelUpload" CancelControlID="IBClose" BackgroundCssClass="modalBackground" />
            <asp:Panel ID="PanelUpload" runat="server" Width="650" Style="height: 400; display: ">
                <div id="PopupDiv" style="text-align: left">
                    <div class="PopuInner">
                        <table width="95%">
                            <tr>
                                <td>
                                    <asp:Label ID="Label11" SkinID="LabelHead" runat="server" Style="font-size: Large;
                                        font-weight: bold;" Text="Select Document"></asp:Label>
                                </td>
                                <td align="right">
                                    <asp:ImageButton runat="server" ID="IBClose" ImageUrl="~/Images/close.gif" OnClick="IBClose_Click" />
                                </td>
                            </tr>
                        </table>
                    </div>
                    <div style="border-width: thin; margin: 15px 15px 5px 5px; width: 100%;">
                        <table width="100%">
                            <caption>
                                <hr style="font-size: 2px; color: Black;" width="100%" />
                                <tr>
                                    <td colspan="4" style="font-size: medium; font-family: Times New Roman;">
                                        <asp:Label ID="Label16" runat="server" Text="Choose whether you want to upload a file from your computer or link to an existing
                                        file." SkinID="LabelS"></asp:Label>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:RadioButton ID="RBUPloadFile" runat="server" AutoPostBack="true" OnCheckedChanged="RBUPloadFile_CheckedChanged" />
                                    </td>
                                    <td>
                                        <div>
                                            <asp:Label ID="Label12" runat="server" Text="Upload File" SkinID="Label1"></asp:Label>
                                        </div>
                                        <div>
                                            <asp:Label ID="Label15" runat="server" Text="Select a file to upload." SkinID="LabelS"></asp:Label>
                                        </div>
                                    </td>
                                    <td>
                                        <asp:UpdatePanel ID="update" runat="server">
                                            <ContentTemplate>
                                                <asp:FileUpload ID="FileUpload1" runat="server" />
                                            </ContentTemplate>
                                            <Triggers>
                                                <asp:PostBackTrigger ControlID="BtSaveUpload" />
                                            </Triggers>
                                        </asp:UpdatePanel>
                                        <%-- <cc1:AsyncFileUpload ID="FileUpload1" OnUploadedComplete="UploadFile1" runat="server"
                                            CompleteBackColor="#55FF55" UploadingBackColor="#FFFF2A" ErrorBackColor="#FF002A"
                                            ThrobberID="Throbber" />--%>
                                    </td>
                                    <td style="margin-right: 40px;">
                                        <%-- <asp:Label ID="Throbber" runat="server" Style="display: none">
                                            <asp:Image ID="Image2" runat="server" ImageUrl="~/Images/indicator.gif" ImageAlign="Left"
                                                Width="50px" Height="50px" />
                                        </asp:Label>--%>
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                        <asp:RadioButton ID="RBUploadLink" runat="server" AutoPostBack="true" OnCheckedChanged="RBUploadLink_CheckedChanged" />
                                    </td>
                                    <td>
                                        <div>
                                            <asp:Label ID="Label13" runat="server" Text="Link to URL" SkinID="Label1"></asp:Label>
                                        </div>
                                        <div>
                                            <asp:Label ID="Label14" runat="server" Text=" Enter the URL where an existing file resides."
                                                SkinID="LabelS"></asp:Label>
                                        </div>
                                    </td>
                                    <td colspan="2">
                                        <asp:TextBox ID="TxtFileLink" runat="server" SkinID="TxtPopUp" ValidationGroup="URL"
                                            Width="215px"></asp:TextBox>
                                        <asp:RegularExpressionValidator ID="RegularExpressionValidator1" runat="server" ControlToValidate="TxtFileLink"
                                            ErrorMessage="Enter Valid URL" ValidationGroup="URL" ValidationExpression="http(s)?://([\w-]+\.)+[\w-]+(/[\w- ./?%&amp;=]*)?">*</asp:RegularExpressionValidator>
                                    </td>
                                </tr>
                                <tr>
                                    <td align="left" colspan="4">
                                        <div style="padding-top: 3px; padding-bottom: 3px;">
                                            <%--  <asp:Button ID="BtSaveUpload" runat="server" OnClick="BtSaveUpload_Click" Text="Save"
                                                SkinID="Buttons70" ValidationGroup="URL" />--%>
                                            <asp:ImageButton ID="BtSaveUpload" runat="server" OnClick="BtSaveUpload_Click" ValidationGroup="URL "
                                                ImageUrl="~/Images/Save.png" />
                                            <asp:Label ID="LblUploadMag" runat="server" SkinID="LabelErr"></asp:Label>
                                            <asp:ValidationSummary ID="ValidationSummary1" runat="server" ValidationGroup="URL" />
                                        </div>
                                    </td>
                                </tr>
                            </caption>
                        </table>
                    </div>
                </div>
            </asp:Panel>
        </ContentTemplate>
        <Triggers>
            <asp:AsyncPostBackTrigger ControlID="RBUPloadFile" EventName="CheckedChanged" />
            <asp:AsyncPostBackTrigger ControlID="RBUploadLink" EventName="CheckedChanged" />
        </Triggers>
    </asp:UpdatePanel>
</div>

Hi,

I have placed an Iframe inside the RadDock dynamically and passing the "src" attribute dynamically with jquery.
When i want to get the latest src attribute of iframe on server side it returns me the original one .Please suggest what should i do?

Thanks

Hello!

I have some problems with validatng fields through radGrid/popup edit form. The fields to be validated are used in both 'Add' and 'Edit' popups, but validation works only in 'Add' form. Here is my approach. In ascx file:



And on cs file the validation function:


Aditionally the ascx file is build in a way that the same file defines edit and add forms so that fields used in both are the same. So basically the submit is done by following button definitions:


So, basically when using the 'Add' popup the system prints an error text if the field is not valid, but doesn't do the same when using 'Edit'.  I don't know where to start digging. Help on this would be much appreciated.

-Sami

Hi,

Can you tell me how to change rad grid row back color, height and selected item or focused row in css?

Thanks,

Hi,

I'm using an own css file like this:

ContentAreaCssFile="~/App_Themes/Content.css"

That's all OK. But now, table borders (dotted borders for non-vosible table borders) aren't shown during editing and this is a real problem.
How can I use own style and the standard RadEditor styles for showing table borders ...

Do I need to refernce standard radeditor css file?

Please give me a little hint. It's urgent.

Kind regards!

Hi,

I'm getting frustrated using Telerik RadGrid, i just create a simple page with 

And my code behind :


Every time i click Add New Record, it call the ajax loading panel, but it doesn't open my popup modal. It does nothing.

Is there anything wrong with my code ? Or is it impossible to do this kind of binding with RadGrid ?

Thanks in advance

I have added some of the columns in grid at run time and some at design time.Sorting is not working on some of the columns and on clicking those columns the entire grid gets disappears and filtering is not at all working.

i have added all columns at runtime. as well delete and edit as gridbutton columns..i m able to open a file on clicking delete but not able
 to delete..
following is the code
  gbtc = new GridButtonColumn();
            gbtc.HeaderText = "Delete";
            gbtc.UniqueName = "ibtnDelete";
            gbtc.ImageUrl = "~/App_Themes/Bari_Default/images/delete_ico.png";
            gbtc.ButtonType = GridButtonColumnType.ImageButton;
            gbtc.CommandName = "Delete";
            gbtc.Visible = false;
            gbtc.FilterImageToolTip = "";
            rgdProcedureMaster.MasterTableView.Columns.Add(gbtc);


do i need to add more information for it to get done