Questions on UI for ASP.NET AJAX Forum

1 answer

91 views

This might be a bit hard to explain but basically im looking for a setting where I can specify where in the page the html editor is (in css terms) so it picks up on particular css.

It'll be easier to explain with an example.

So I hook the rad editor up to a particular css file :
radEditor.CssFiles.Add("<path to css file");

Then say in the css file there is a div with an id of test, and that div has particular style set in the css file.
What id then like to do is have the rad editor content styled as if it is located in the div with id of test, so it picks up on all relevent css relating to that div.

I think this probably isn't possible but just double checking?

Editor

answered on 30 Oct 2012

3 answers

184 views

add two types of validation check to radbutton

Hello,
I have a two radtextbox, rad upload , radbutton and a seperate rad grid.
I already added validation to radtextboxes and rad upload using asp req field validator and custom field validator.
And I also wanted to add another validation to rad upload button which checks the value in radtextbox1 if exists in the radgrid column "TemplateName". if this condition get true I want a popup message "This tmp exist, are you want to replace it?" if user click ok. it will call the method and if not do nothing. Otherwise do normal scenario. Can I do this? if can, how?

Here is the code snippts,

<div style="margin-left: 12px;">

<table>

<tr>

<td></td>

</tr>

<tr>

<td>

<telerik:RadTextBox ID="RadTextBox1" runat="server" EnableSingleInputRendering="true"

EmptyMessage="Template Name..." Width="230px">

</telerik:RadTextBox>

</td>

<td>

<asp:RequiredFieldValidator ID="TextBoxRequiredFieldValidator" runat="server" Display="Dynamic"

ControlToValidate="RadTextBox1" ErrorMessage="*Please enter a name" ForeColor="DimGray"

CssClass="fontFamily" ValidationGroup="SubmitButton"></asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td style="height: 64px">

<telerik:RadTextBox ID="RadTextBox2" runat="server" EnableSingleInputRendering="true"

EmptyMessage="Template Description..." TextMode="MultiLine" Width="230px" Height="60px">

</telerik:RadTextBox>

</td>

<td style="height: 64px">

<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" Display="Dynamic"

ControlToValidate="RadTextBox2" ErrorMessage="*Please enter a description" ForeColor="DimGray"

CssClass="fontFamily" ValidationGroup="SubmitButton">

</asp:RequiredFieldValidator>

</td>

</tr>

<tr>

<td>

<telerik:RadUpload ID="RadUpload1" runat="server" AllowedFileExtensions=".doc,.docx"

ControlObjectsVisibility="None" MaxFileInputsCount="1" OverwriteExistingFiles="true"

ValidationGroup="SubmitButton" Width="240px">

</telerik:RadUpload>

<%-- <asp:Button ID="SubmitButton" runat="server" CssClass="fontFamily"

OnClick="SubmitButton_Click" Text="Upload" ValidationGroup="SubmitButton"

Width="16%" />--%>

</td>

<td>

<asp:CustomValidator ID="CustomValidator1" runat="server" ClientValidationFunction="validateRadUpload"

CssClass="fontFamily" ErrorMessage="*Please select a ms word template file" ForeColor="DimGray"

ValidationGroup="SubmitButton"></asp:CustomValidator>

</td>

</tr>

<tr>

<td>

<telerik:RadButton ID="SubmitButtdon" runat="server" Text="Upload" OnClick="SubmitButton_Click"

ValidationGroup="SubmitButton" Width="30%" OnClientClicked="checkExt">

</telerik:RadButton>

</td>

</tr>

</table>

<table>

<tr>

<td>

<telerik:RadProgressArea ID="RadProgressArea1" runat="server" >

</telerik:RadProgressArea>

</td>

</tr>

</table>

</div>

Javascript using

function validateRadUpload(source, e) {

e.IsValid = false;

var upload = $find("<%= RadUpload1.ClientID %>");

var inputs = upload.getFileInputs();

for (var i = 0; i < inputs.length; i++) {

//check for empty string or invalid extension

if (inputs[i].value != "" && upload.isExtensionValid(inputs[i].value)) {

e.IsValid = true;

break;

}

this is the grid

<telerik:RadGrid ID="RadGrid1" runat="server" AutoGenerateColumns="False" CellSpacing="0"

GridLines="None" OnItemCommand="RadGrid1_ItemCommand" Width="100%" OnNeedDataSource="RadGrid1_NeedDataSource">

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<MasterTableView>

<Columns>

<telerik:GridButtonColumn ButtonType="LinkButton" Text="<img src='../App_Themes/default/images/Delete.gif' border='0' title='Delete'/>"

UniqueName="DeleteColumn" ConfirmText="Are you sure you want to delete this Template?"

ConfirmTitle="Delete Template" CommandName="Delete">

<HeaderStyle Width="3%" />

</telerik:GridButtonColumn>

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

<ItemTemplate>

<asp:ImageButton ID="GD" runat="server" ImageUrl="~/App_Themes/Default/images/Printer16.gif"

CommandName="G" OnClick="ImageButton1_Click" ToolTip="Generate Documents"></asp:ImageButton>

</ItemTemplate>

<HeaderStyle Width="3%" />

</telerik:GridTemplateColumn>

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

<ItemTemplate>

<asp:ImageButton ID="DT" runat="server" ImageUrl="~/App_Themes/Default/images/genDoc.gif"

CommandName="DT" OnClick="ImageButton2_Click" ToolTip="Download Template"></asp:ImageButton>

</ItemTemplate>

<HeaderStyle Width="3%" />

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column column" HeaderText="Template Name"

UniqueName="TemplateName" DataField="TemplateName">

<HeaderStyle Width="30%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn FilterControlAltText="Filter column column" HeaderText="Template Details"

UniqueName="TemplateDescript" DataField="TemplateDescript">

<HeaderStyle Width="61%" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

This grid is enable ajax to call server function

<script type="text/javascript">

function requestStart(sender, args) {

if (args.get_eventTarget().indexOf("GD") > 0)

args.set_enableAjax(false);

if (args.get_eventTarget().indexOf("DT") > 0)

args.set_enableAjax(false);

}

</script>

Please help me, Thanks

Upload (Obsolete)

answered on 30 Oct 2012

2 answers

298 views

set border for rad tab page

How do I add a border like attach image to radtab? do I need to use custom css or are there any inbuilt features provide this facility

TabStrip

answered on 30 Oct 2012

19 answers

653 views

RadAjaxLoadingPanel not showing

Hello,
I have a problem with RadAjaxLoadingPanel:
my web application has a RadGrid control and a RadTreeView.
When I click on a node of the radtreeview the radgrid performs a rebind action and loads data associated with the node values.

I use a RadAjaxManager to perform the update/rebind action of the radgrid and i use a RadAjaxLoadingPanel to hide the radgrid while loading data.
The update process is correctly performed but the RadAjaxLoadingPanel is not displayed.

In my application there are other controls that trigger the update action of ther radgrid and the update is correctly performed and also the RadAjaxLoadingPanel is correctly displayed.

How can I fix my problem and make the RadAjaxLoadingPanel visible during the update of the radgrid when clicking on a Radtreeview node, like with the other controls?

A short part of the code is following:

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Block" EnableHistory="False">
    <AjaxSettings>
        <telerik:AjaxSetting AjaxControlID="CheckBoxMerge">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                    <telerik:AjaxUpdatedControl ControlID="TextElementi" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="CheckBox1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                    <telerik:AjaxUpdatedControl ControlID="TextElementi" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="RadGridAccounts">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="ButtonEseguiFiltro">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                    <telerik:AjaxUpdatedControl ControlID="TextElementi" />
                </UpdatedControls>
            </telerik:AjaxSetting>
            <telerik:AjaxSetting AjaxControlID="CatTree1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGridAccounts" LoadingPanelID="RadAjaxLoadingPanel1" UpdatePanelRenderMode="Block" />
                    <telerik:AjaxUpdatedControl ControlID="TextElementi" />
                </UpdatedControls>
            </telerik:AjaxSetting>
    </AjaxSettings>
</telerik:RadAjaxManager>

CheckBoxMerge, CheckBox1, RadGridAccounts, ButtonEseguiFiltro perform correctly the update and also the RadAjaxLoadingPanel1 is displayed, while CatTree1(the radtreeview) performs the update but the RadAjaxLoadingPanel1 is ot displayed

Ajax

answered on 30 Oct 2012

7 answers

380 views

Duplicate RadControls in toolbox

Hi,

I am using Visual Studio 2008 SP1 and have just installed RadControls for ASP.NET AJAX Q1 2010. There have been no previous installations of RadControls or Visual Studio on this machine.

After installing RadControls for ASP.NET AJAX Q1 2010 I noticed that there are two of every RadControl in the toolbox.

Why is this and is there a way to fix it?

Installer and VS Extensions

answered on 30 Oct 2012

1 answer

56 views

One usercontrol to edit data in a 2 lvl datagrid

Hi team,

Based on http://demos.telerik.com/aspnet-ajax/grid/examples/dataediting/usercontroleditform/defaultcs.aspx, where I instead is working with a gridview with a hierarchy - i'm trying to create a user control wherefrom the user can update data from both levels of the datagrid when pressing 'Edit' on an item in the top level of the grid.

My problem is that for items within the second level I cant bind them as shown below: (for the top level)

<telerik:RadTextBox ID="FunctionTextBox" runat="server" Width="100%" Text='<%# DataBinder.Eval( Container, "DataItem.function_description") %>'></telerik:RadTextBox>

Is there a way to accomplish this?

I've also unsuccessfully been trying to access the gridview directly from the code behind file of the user control with the following:

RadGrid r = (RadGrid)this.Parent.FindControl("TerminalGrid");

Please let me know if you need more data and I'll try to supply it.

Thanks.

Grid

answered on 30 Oct 2012

2 answers

155 views

Run Without Page Load Event

Is there a way to set up RadNotification to run only one method at a fixed interval, and then display only if conditions are met?

Right now it just seems to spam the page_load event, I do not want this behavior.

Thanks!

Notification

answered on 30 Oct 2012

1 answer

92 views

Telerik Reporting Chart... Drill down?

Hi,

We have a page with this control and we're eager to implement a drill down for it. Is it possible to have this for the Telerik.Reporting Chart?

Thanks!

General Discussions

answered on 30 Oct 2012

3 answers

99 views

Is it possible to move GridGroupPanel?

Is it possible to move GridGroupPanel.
For example between Header and GridCommandItem.

Grid

answered on 30 Oct 2012

2 answers

131 views

Design of RadUpload and RadProgressArea messed up..

Design of rad upload and progress area is messed up after partial page load.

Below is the page markup.

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="All" />

<div id="ImageGallery_MainDiv">

<telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server" EnableSkinTransparency="true" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1" HorizontalAlign="NotSet" LoadingPanelID="LoadingPanel" Width="672px"

Height="610px" ClientEvents-OnResponseEnd="mb_ManageBase_ImageGallery_SetInterface">

<asp:HiddenField ID="hfGalleryID" runat="server" Value="0" />

<asp:HiddenField ID="hfContentItemID" runat="server" Value="0" />

<ModuleControls:MessageNotification ID="Notification" runat="server" MessageMode="Success">

</ModuleControls:MessageNotification>

<%----%>

<ModuleControls:ConfigurationDockLayout ID="RadDockLayout1" runat="server">

<ModuleControls:ConfigurationDockZone ID="RadDockZone1" runat="server">

<telerik:RadDock ID="GalleryEditConfigurationArea" runat="server" Title="ManageBase Gallery" DockMode="Docked" Collapsed="True"

DefaultCommands="ExpandCollapse" EnableRoundedCorners="true" EnableAnimation="True" Index="0" Tag="" EnableDrag="false">

<Commands>

<telerik:DockExpandCollapseCommand />

<telerik:DockToggleCommand AutoPostBack="true" CssClass="RadDockCustomSaveCommand" AlternateCssClass="RadDockCustomSaveCommandHover"

Name="CommandSaveGallery" />

<telerik:DockToggleCommand AutoPostBack="true" CssClass="RadDockCustominfoCommand" AlternateCssClass="RadDockCustomInfoCommandHover"

Name="Info" />

</Commands>

<ContentTemplate>

<table border="0" cellpadding="2" cellspacing="6" width="98%">

<tr>

<td>

<asp:Label ID="ltrSelectGallery" runat="server" Text="Administrera"></asp:Label>

</td>

<td>

<asp:Label ID="ltrGalleryName" runat="server" Text="Gallery-namn"></asp:Label>

</td>

<td>

<asp:Label ID="ltrGallerystill" runat="server" Text="Gallery still"></asp:Label>

</td>

<td>

</td>

</tr>

<tr>

<td>

<GalleryControl:ImageGalleryDropDown ID="ddlImageGallerys" runat="server" EmptyMessage="Välj Galleri" AutoPostBack="True"

Font-Names="Arial" ForeColor="#666666" Font-Size="14px" Width="180px">

</GalleryControl:ImageGalleryDropDown>

</td>

<td>

<telerik:RadTextBox runat="server" ID="txtGalleryName" Columns="23" Skin="Default" Font-Names="Arial" ForeColor="#666666"

Font-Size="14px" Width="180px">

</telerik:RadTextBox>

</td>

<td>

<GalleryControl:GelleryViewTypeDropDown ID="ddlGalleryPreviewType" runat="server" EmptyMessage="Välj still" AutoPostBack="True"

Font-Names="Arial" ForeColor="#666666" Font-Size="14px" Width="180px">

</GalleryControl:GelleryViewTypeDropDown>

</td>

<td>

<telerik:RadButton ID="btnUpdateGallery" CssClass="ImageGallery_glUpdateGalleryStrip" Text="" runat="server">

<Image EnableImageButton="true" IsBackgroundImage="true" />

</telerik:RadButton>

</td>

<td>

<telerik:RadButton ID="btnDeleteGallery" runat="server" CssClass="ImageGallery_glDelete" HoveredCssClass="ImageGallery_glDeleteHover"

Text="">

<Image EnableImageButton="true" IsBackgroundImage="true" />

</telerik:RadButton>

</td>

</tr>

<tr>

<td>

</td>

<td>

</td>

<td colspan="3" align="right">

<telerik:RadButton ID="btnSaveGallery" runat="server" Text="Spara som nytt Galleri">

</telerik:RadButton>

</td>

</tr>

</table>

</ContentTemplate>

</telerik:RadDock>

</ModuleControls:ConfigurationDockZone>

</ModuleControls:ConfigurationDockLayout>

<div style="margin-top: 18px;">

<asp:Panel ID="pnlDisplayGalleryConfiguration" runat="server">

<table border="0" cellpadding="2" cellspacing="6">

<tr>

<td>

<telerik:RadComboBox ID="ddlThunmnailSize" runat="server" AutoPostBack="true" Font-Names="Arial" ForeColor="#666666" Font-Size="14px"

Width="180px">

<Items>

<telerik:RadComboBoxItem Text="100 X 60" Value="100-60" Selected="true" />

<telerik:RadComboBoxItem Text="110 X 70" Value="110-70" />

<telerik:RadComboBoxItem Text="120 X 80" Value="120-80" />

<telerik:RadComboBoxItem Text="140 X 90" Value="140-90" />

<telerik:RadComboBoxItem Text="170 X 120" Value="170-120" />

</Items>

</telerik:RadComboBox>

</td>

<td>

<telerik:RadComboBox ID="ddlBorder" runat="server" EmptyMessage="Välj inramning" AutoPostBack="True" Font-Names="Arial" ForeColor="#666666"

Font-Size="14px" Width="180px">

<Items>

<telerik:RadComboBoxItem Text="Raka hörn utan skugga" Value="CornerSimple" />

<telerik:RadComboBoxItem Text="Raka hörn med skugga" Value="CornerShadow" />

<telerik:RadComboBoxItem Text="Runda hörn utan skugga" Value="RoundedSimple" />

<telerik:RadComboBoxItem Text="Runda hörn med skugga" Value="RoundedShadow " />

</Items>

</telerik:RadComboBox>

</td>

<td>

<telerik:RadComboBox ID="ddlEffect" runat="server" EmptyMessage="Välj effekt" Font-Names="Arial" ForeColor="#666666" Font-Size="14px"

Width="180px">

</telerik:RadComboBox>

</td>

<td>

</td>

<td>

</td>

</tr>

<tr>

<td style="vertical-align: middle">

<asp:Label ID="ltrImageWidth" runat="server" Text="Visning bredd pixl"></asp:Label>

<asp:TextBox runat="server" ID="txtImagePixelSize" Text="1000" Enabled="false" Font-Names="Arial" Width="40px" ForeColor="#666666"

Font-Size="14px">

</asp:TextBox>

</td>

<td valign="middle">

<telerik:RadButton ID="btnOpenUploadWindow" runat="server" Text="Ladda upp bilder">

</telerik:RadButton>

</td>

<td valign="middle">

</td>

<td valign="middle">

</td>

<td valign="middle">

</td>

</tr>

</table>

<asp:PlaceHolder ID="phGalleryView" runat="server"></asp:PlaceHolder>

<uc1:GalleryViewSimple ID="GalleryViewSimple1" runat="server" Visible="true" />

</asp:Panel>

<asp:Panel ID="pnlUploadImages" runat="server" Visible="false">

<div style="text-align: right; margin-right: 20px;">

<telerik:RadButton ID="btnBackFromUpload" runat="server" Text="Tillbaka">

</telerik:RadButton>

</div>

<telerik:RadProgressManager runat="server" ID="RadProgressManager1" Skin="Transparent" />

<telerik:RadAsyncUpload ID="upImages" runat="server" MaxFileSize="10485760" MultipleFileSelection="Automatic" AllowedFileExtensions=".jpg,.png,.jpeg,.bmp,.gif"

PostbackTriggers="btnUploadToServer" OnClientFilesUploaded="onClientFileUploaded" OnClientValidationFailed="onValidationFailed"

Skin="Transparent" Width="300px">

<Localization Cancel="Avbyrt" Remove="Ta bort" Select="Välj bilder" />

</telerik:RadAsyncUpload>

<telerik:RadButton ID="btnUploadToServer" runat="server" Text="Ladda upp till Galleriet" Enabled="false" AutoPostBack="false"

OnClientClicked="updatePictureAndInfo">

</telerik:RadButton>

<telerik:RadProgressArea runat="server" ID="RadProgressArea1" Skin="Transparent" Width="100%">

</telerik:RadProgressArea>

<telerik:RadNotification ID="RadNotification1" runat="server" Skin="Transparent" EnableRoundedCorners="true" EnableViewState="false"

EnableShadow="true" ShowTitleMenu="false" Position="Center" Width="300" Height="100">

</telerik:RadNotification>

</asp:Panel>

</div>

</telerik:RadAjaxPanel>

</div>

I have also attached the image to show the messed page .

Ajax

answered on 30 Oct 2012