Telerik Forums
UI for ASP.NET AJAX Forum
5 answers
206 views
Hi,

I am having a dynamic tab control and multipage control. When I add new tab and pageview when in a button click,
radMultiPage_PageViewCreated(object sender, RadMultiPageEventArgs e) event fire and initialize the conntrol

Requirement : when I select a item from dropdown and click add button. New tab and page view should be added. Load usercontrol
Inside the page view 

HTML --
<asp:dropdownlist id="ddlLanguages" runat="server">
</asp:dropdownlist>
<asp:linkbutton id="lbtAddLanguage" runat="server" text="Add" tooltip="Click to add this language"></asp:linkbutton>

<asp:panel id="pnlOuter" runat="server">
    <div id="divTab" runat="server">
     <asp:label id="lblTime" runat="server"></asp:label>
        <rad:radtabstrip id="TabStrip" runat="server" multipageid="MultiPage"
            autopostback="False">
            <tabs>
            </tabs>
        </rad:radtabstrip>
        <rad:radmultipage id="MultiPage" runat="server">
        </rad:radmultipage>
    </div>
</asp:panel>


Code --

protected override void OnInit(EventArgs e)
		{
			
			lbtAddLanguage.Click += new EventHandler(lbtAddLanguage_Click);
			MultiPage.PageViewCreated += new RadMultiPageEventHandler(radMultiPage_PageViewCreated);
			
			
		}

void lbtAddLanguage_Click(object sender, EventArgs e)
		{
			RadTab		tab = new RadTab();
			
			ListItem item = ddlLanguages.SelectedItem;
			tab.Text		= item.Text;
			RadPageView	view = new RadPageView();
			view.ID			= item.Value;
			tab.PageViewID = view.ID;
			tab.Selected = true;
			
			TabStrip.Tabs.Add(tab);
			MultiPage.PageViews.Add(view);
 
		}

void radMultiPage_PageViewCreated(object sender, RadMultiPageEventArgs e)
		{
			
			Details		detailControl		= LoadControl(Constant.CONTROL_WIZARD_DETAILS) as Details;
			if (detailControl != null)
			{
				detailControl.SelectedLanguage	= GetLanguage();
				detailControl.LoadControls();
				e.PageView.Controls.Add(detailControl);
			}
			
		}


My issue is, When I click the button to add tabs, PageViewCreated event fires before the button click and try to Initialize all the page views. How can we stop this. Thanks

Nencho
Telerik team
 answered on 10 Sep 2012
1 answer
198 views
I am very new to using this rad Control and unfamilar with how it works. I am loading the image via a ajax call, as shown in one of the demos. After the image is loaded, When I select the crop icon, the dialog comes up but does not load properly, the textboxs are not editable and the dropdown list is not working. When I select the crop button to crop the image, it does not crop around the area that the tool was hovered over. 

 <telerik:RadImageEditor ID="ImageEditor" runat="server" ToolsFile="~/DataPages/Basic.xml" ToolsLoadPanelType="XmlHttpPanel"<br>                Width="820px" Height="383px" EnableResize="false" OnImageEditing="RadImageEditor1_ImageEditing" <br>                ><br>                <Tools><br>                    <telerik:ImageEditorToolGroup><br>                 <telerik:ImageEditorTool CommandName="Crop" /><br>        <telerik:ImageEditorToolSeparator /><br>        <telerik:ImageEditorTool CommandName="MakeGrayscale" ToolTip="Make Grayscale" ImageUrl="/img/bw.png" /><br>        <telerik:ImageEditorTool CommandName="RoundCorners" ToolTip="Round Corners" ImageUrl="/img/rounded.png" /><br>                        <br>                    </telerik:ImageEditorToolGroup><br>                </Tools><br>            </telerik:RadImageEditor>

function LoadImageIntoEditor(photoID) {//Load Image
        $find("<%= RadAjaxManager.GetCurrent(Page).ClientID %>").ajaxRequest("LoadImage*" + photoID);
    }
Vessy
Telerik team
 answered on 10 Sep 2012
1 answer
64 views
Hi,

How can i disable right click on Ribbon Bar item.
Alok
Top achievements
Rank 2
 answered on 10 Sep 2012
20 answers
588 views
Can someone please tell me how to enable the emptymessage to show in a radgridcombobox on page load?

I am binding the data from a datasource, and can not seem to get the "Please Select..." to show on page load.

I have tried setting the me.radcombobox1.selectedindex to -1 or .text =  me.radcombobox1.emptymessage in every place I could think of.

Any help would be greatly appreciated.
Ivana
Telerik team
 answered on 10 Sep 2012
1 answer
76 views
I have a radgrid with AllowAutomaticInserts ="True" and AllowAutomaticUpdates="True" and EditMode ="EditForms".  This grid is bound to a telerik:OpenAccessLinqDataSource.  Everything works fine, records are displayed, and user can edit and insert records.
 
Now I have this same scenario, but I need one of the combos in the grid to be populated according to the selected item in another combo in the same grid (during insert or update).  This I have done and works fine (using OnSelectedIndexChanged), but the value in the freshly populated combo is not automatically picked up by the grid during inserting or updating.
 
I have seen examples using code behind to save the record but my quesion is this:
 
I like the automatic display and save of the radgrid using automaticupdates and automaticinserts with virtually no code behind.  Is it possible to keep this model and still have the related combo's in some way (i.e. to get the saving of records without resorting to much or any code behind)?
 
Thanx
Kostadin
Telerik team
 answered on 10 Sep 2012
2 answers
173 views
Hi,
    Does anyone know of a way to validate a RadUpload that is located inside of a RadDrid's FormTemplate via JavaScript.  I want to validate these two things: 1) That the RadUpload contains a file. 2) That the RadUpload's File contains a valid extensions.  I have looked at some tutorials for Client-Side validation, but none show how to validate a control within the FormTemplate.

Thanks in advance,
Clarence
Bozhidar
Telerik team
 answered on 10 Sep 2012
2 answers
82 views
Hi, I want to find control i.e. place inside AppointmentTemplate OnClientAppointmentClick event in Javascript. I've searched for many forums but didn't find anything related to javascript findcontrol.

Thanks in Advance,
Mangesh
Mangesh
Top achievements
Rank 1
 answered on 10 Sep 2012
11 answers
437 views
i want to add PUSH button in each row dynamically
datasource is coming from other aspx page
Binding of datsource and column creation is done in code behind.
so adding button should also be done dynamically
Please help me regarding the same
thanks
prince
Prince
Top achievements
Rank 1
 answered on 10 Sep 2012
4 answers
652 views
I have a page that contains a multipageview with 2 tabs in the tabstrip.  On each tab, I have a RadGrid.  The first tab has a grid that contains the proper number of records for the paging setup but there is a blank space between the grid header and the grid body that should not be there and the paging controls are not showing up.  I'm attaching screenshots.  On the second tab, I have a RadGrid that will not show but 1 row of data (and the very top of the next row) irrespective of the grid size.  All the records that should be bound to the grid are bound, they just won't show up in the grid.

I'd appreciate any help available.  I'm evaluating the ASP.NET for AJAX controls and I'm still within the 30 day trial period.

I need to get past this problem so I can try to implement drag and drop for ordering of grid items in the second grid.

Thanks in advance for any help.

Steve

 
Pavlina
Telerik team
 answered on 10 Sep 2012
4 answers
107 views
I have created a server control that contains various Telerik controls, however it seems whenever I include a RadListBox control on the page, it completely breaks the entire styling/rending of the page that the control is included in. The page that the control gets loaded into also gets loaded into a RadWindow. I tried commenting out all events and even the managed server side stuff that modifies the controls, and it still breaks the entire page. It seems like something goes wrong in rendering and one of the managers can't load the skins/CssClass(es) somehow, or maybe the manager breaks in applying them. I also don't get any javascript errors or exceptions when debugging so I have no idea how to troubleshoot this.

AddEditUser.ascx

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="AddEditUser.ascx.cs" Inherits="Caw.ClientAccessWeb.Main.Users.AddEditUser" %>
 
<telerik:RadToolBar ID="AddEditUserToolBar" Width="100%" runat="server" OnButtonClick="AddEditUserToolBar_Click">
    <Items>
        <telerik:RadToolBarButton runat="server" Text="Save Changes" CommandName="Save" CommandArgument="" ImageUrl="~/Main/Content/Images/Icons/check.png" CausesValidation="true" />
        <telerik:RadToolBarButton runat="server" Text="Save And Add Another" CommandName="Save" CommandArgument="true" ImageUrl="~/Main/Content/Images/Icons/check.png" CausesValidation="true" Visible="false" />
        <telerik:RadToolBarButton runat="server" Text="Cancel" CommandName="Cancel" ImageUrl="~/Main/Content/Images/Icons/delete.png" CausesValidation="false" />
    </Items>
</telerik:RadToolBar>
 
<div >
 
<div class="PageViewHeader" >
    <asp:Label ID="AddEditLabel" runat="server" CssClass="LabelFont"></asp:Label>
</div>
 
<div class="riTextBox"></div>
 
<input type="hidden" id="UserIdHidden" runat="server" />
<input type="hidden" id="ClientIdHidden" runat="server" />
<input type="hidden" id="CurrentUsernameHidden" runat="server" />
 
<div style="width: 100%">
    <telerik:RadTextBox ID="UsernameTextBox" runat="server" Label="Username" Width="400px" WrapperCssClass="EmailRTBWrapper" />
    <asp:Label ID="UsernameRequiredImage" runat="server" Visible="true" CssClass="TelerikFont">*</asp:Label>
        <asp:RequiredFieldValidator
            ID="UserNameRequired"
            runat="server"
            ControlToValidate="UsernameTextBox"
            Display="Dynamic"
            ErrorMessage="Username is required"
            EnableClientScript="true"
            CssClass="TelerikFont"
            ForeColor="DarkRed" Width="45%"/>
        <asp:RegularExpressionValidator
            ID="UsernameExpression"
            runat="server"
            ControlToValidate="UsernameTextBox"
            ValidationExpression=""        
            ErrorMessage="Username already exists"                            
            Display="Dynamic"
            CssClass="TelerikFont"
            ForeColor="DarkRed" />
</div>
<div style="width: 100%">
<telerik:RadTextBox ID="FullNameTextBox" runat="server" Label="Full Name" Width="400px" WrapperCssClass="EmailRTBWrapper" />
<asp:Label ID="FullNameRequiredImage" runat="server" Visible="true" CssClass="TelerikFont">*</asp:Label>
    <asp:RequiredFieldValidator
        ID="FullNameRequired"
        runat="server"
        ControlToValidate="FullNameTextBox"
        Display="Dynamic"
        ErrorMessage="Full Name is required"
        EnableClientScript="true"
        CssClass="TelerikFont"
        ForeColor="DarkRed" />
</div>
<div style="width: 100%">
<telerik:RadTextBox ID="EmailTextBox" runat="server" Label="Email Address" Width="400px" WrapperCssClass="EmailRTBWrapper" />
    <asp:RegularExpressionValidator
            ID="EmailExpression"
            runat="server"
            ControlToValidate="EmailTextBox"
            ValidationExpression="\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*" 
            ErrorMessage="Invalid email address"                            
            Display="Dynamic"
            CssClass="TelerikFont"
            ForeColor="DarkRed"/>
</div>
<p class="HelpText TelerikFont" style="padding-left: 5px;"><span style="font-weight:bold;">Password Requirements:</span> <%= Configuration.PasswordPolicy.ToString() %></p>
<div style="width: 100%">
<telerik:RadTextBox ID="PasswordTextBox" runat="server" Label="Password" Width="400px" WrapperCssClass="EmailRTBWrapper" TextMode="Password" />
<asp:Label ID="PasswordRequiredImage" runat="server" Visible="false" CssClass="TelerikFont">*</asp:Label>
    <asp:RequiredFieldValidator
        ID="PasswordRequired"
        runat="server"
        ControlToValidate="PasswordTextBox"
        Display="Dynamic"
        ErrorMessage="Password is required"
        EnableClientScript="true"
        CssClass="TelerikFont"
        Enabled="false"
        ForeColor="DarkRed" />
    <asp:RegularExpressionValidator
        ID="PasswordLengthExpression"
        runat="server"
        ControlToValidate="PasswordTextBox"
        ValidationExpression=""
        ErrorMessage=""
        Display="Dynamic"
        CssClass="TelerikFont"
        ForeColor="DarkRed" />
    <asp:RegularExpressionValidator
        ID="PasswordAlphaExpression"
        runat="server"
        ControlToValidate="PasswordTextBox"
        ValidationExpression="^.*(?=.*[a-z]|[A-Z]).*$"
        ErrorMessage="Password must contain at least one alpha character"
        Display="Dynamic"
        Enabled="false"
        CssClass="TelerikFont"
        ForeColor="DarkRed" />
    <asp:RegularExpressionValidator
        ID="PasswordNumberExpression"
        runat="server"
        ControlToValidate="PasswordTextBox"
        ValidationExpression="^.*(?=.*[\d]).*$"
        ErrorMessage="Password must contain at least one number"
        Display="Dynamic"
        Enabled="false"
        CssClass="TelerikFont"
        ForeColor="DarkRed" />
    <asp:RegularExpressionValidator
        ID="PasswordSpecialExpression"
        runat="server"
        ControlToValidate="PasswordTextBox"
        ValidationExpression="^.*(?=.*[\W]).*$"
        ErrorMessage="Password must contain at least one special character"
        Display="Dynamic"
        Enabled="false"
        CssClass="TelerikFont"
        ForeColor="DarkRed" />
    <asp:RegularExpressionValidator
        ID="PasswordMixedCaseExpression"
        runat="server"
        ControlToValidate="PasswordTextBox"
        ValidationExpression="^.*(?=.*[a-z])(?=.*[A-Z]).*$"
        ErrorMessage="Password must contain at least one lowercase and one uppercase letter"
        Display="Dynamic"
        Enabled="false"
        CssClass="TelerikFont"
        ForeColor="DarkRed" />
</div>
<br />
 
<telerik:RadButton ID="AccountLockedCheckBox" runat="server" Text="Account Locked" ButtonType="ToggleButton" AutoPostBack="false"
    ToggleType="CheckBox" CssClass="SettingsRadCheckBox" />
<telerik:RadButton ID="Permission_OverrideIpRestrictionsCheckBox" runat="server" Text="Override IP Restrictions" AutoPostBack="false"
    ButtonType="ToggleButton" ToggleType="CheckBox" Visible="false" CssClass="SettingsRadCheckBox" />
<input type="hidden" ID="Permission_OverrideIpRestrictionsHidden" runat="server" value="OverrideIpRestrictions"
    Visible="false"/>
<telerik:RadButton ID="PasswordExpiredCheckBox" runat="server" Text="Password Expired" ButtonType="ToggleButton" AutoPostBack="false"
    ToggleType="CheckBox" CssClass="SettingsRadCheckBox" />
 
<br /><br />
 
<telerik:RadListBox ID="ClientSourceListBox" runat="server" DataKeyField="Number" DataValueField="Id" Height="200px"
    CssClass="LeftListBox" ToolTip="Select Clients For The New User To Access"
    AllowTransfer="true" TransferMode="Move" TransferToID="ClientDestinationListBox" AllowTransferOnDoubleClick="true"
    SelectionMode="Multiple" />
<telerik:RadListBox ID="ClientDestinationListBox" runat="server" DataKeyField="Number" DataValueField="Id" Height="200px"
    CssClass="RightListBox" AllowTransferOnDoubleClick="true" SelectionMode="Multiple"
    ToolTip="Clients The New User May Access" />
 
 
<fieldset id="PermissionFieldSet" runat="server" class="rfdRoundedCorners">
    <legend>Permissions</legend>
</fieldset>
<telerik:RadScriptBlock runat="server">
    <script type="text/javascript">
 
        // This function may be used as a utility or event handler function. Sender is a RadButton object from event or
        // ID of a hierarchy control element to find object from.
        function EnableOptions(sender, eventArgs) {
 
            // NOTE: The sending button handle object contains the fieldSetId in the RadButton's CommandArgument attribute
            var setElement = null;
            if ( typeof(sender) == "object" ) {
                // if the type is object the function was called as event handler
                setElement = sender;
            }
            else {
                // the ID was passed as a string from function called as utility
                setElement = $find(sender);
            }
 
            var fieldElement = $("#" + setElement.get_commandArgument())[0];
            var cboxes = fieldElement.getElementsByTagName('a');
 
            for (var j = 0; j < cboxes.length; j++) {
                var subObject = $find(cboxes[j].id);
                var checked = setElement.get_checked();
                if (!checked) subObject.set_checked(false);
                subObject.set_enabled(checked);
            }
        }
 
        function LoadWindow() {
            <%= LoadScripts %>
        }
 
        $.SiteUtilities_PageLoad(function() { LoadWindow(); });
    </script>
</telerik:RadScriptBlock>
 
</div>

Dimitar Terziev
Telerik team
 answered on 10 Sep 2012
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?