Questions on UI for ASP.NET AJAX Forum

4 answers

188 views

How to enable/disable RadMaskedTextBox clientside?

I need to enable/disable RadMaskedTextBox clientside?

I will appreciate any help.

Thanks.
Gauri

Ajax

answered on 03 May 2012

0 answers

114 views

How to use style sheet manager when using custom stylesheet generated by telerik style builder

Hi,

In our web application we are using telerik control's with custom style sheet. I used Telerik style builder to create stylesheets for each control. When i run the application, i see there .axd files which are generated for each control to support styles and as well as i have it's also need custom style sheet. I want to combine all style in one and want to make fewer http request to improve my web page performance.

Can somebody explain me exact steps to combine all stylesheets in one request when using custom style sheet for telerik control.

Thanks,
Neha Bhatt

ScriptManager and StyleSheetManager

asked on 03 May 2012

1 answer

106 views

Trying to override skin's font size

I am using ListView with the WebBlue skin. It is actually a set of nested ListViews that is being used to display the data. Throughout my site I am using font sizes defined in "em"s and a JavaScript function to increase and decrease the size of the text in the body. The ems inherit the way they are supposed to except in this (ultimate parent) ListView (and the child listviews). (Other parts of the page change as expected.) Using FireFox and FireBug I see that I keep getting a font-size of 12px and a line-height of 16px in the div that is created by the ListView control. How do I override this?

I found this thread and I tried adding a class to the ListView after the skin:

<telerik:RadListView ID="RadListView1" runat="server" DataSourceID="ldsContacts"
            Skin="WebBlue" CssClass="StripFont" OnItemDataBound="rlvContacts_ItemDataBound" 
            DataKeyNames="ContactID">

and then I added the StripFont class to my css:

div.StripFont, .StripFont table, .StripFont div, .StripFont .RadListView_WebBlue, 
.StripFont .RadListView_WebBlue div, .StripFont .RadListView_WebBlue body table
{    font-size: 1em;   }

I am not very good with CSS, so I am sure the fault lies with me. However, I am getting a bit frustrated after looking into this problem for at least 2 days. Please point out my mistake so I can move on with this.

Thanks for any help!

ListView

answered on 03 May 2012

9 answers

168 views

fixed word in subject field

I want all appointments made "reserved" appear to want. Any date, for example I write "go dentist" but field appear will be "reserved" .
How can we do this ?
Thank you telerik team....

Scheduler

answered on 03 May 2012

5 answers

182 views

Tags being stripped from RichHtmlField

Hi.

I'm working on a migration project, and I have an issue with the WCM radeditor integration. In MOSS 2007 it behaves as expected, but after the upgrade, i have problems with custom tags that are being stripped in a RichHtmlField, which makes resuable content useless.

If I insert a stadard radeditor webpart on the page, the tags are not being stripped, so it must have something to do with how I have configured the richhtmlfield. The appropriate features are activated "Use RadEditor to edit HTML fields" and "Use RadEditor to edit List" Items.

Using version 6.1.7.0.

This is an excerpt of what I have got in a pagelayout:
..
<%@ Register Tagprefix="moss" Namespace="Microsoft.SharePoint.Publishing.WebControls" Assembly="Microsoft.SharePoint.Publishing, Version=12.0.0.0, Culture=neutral, PublicKeyToken=71e9bce111e9429c" %>
..
<moss:RichHtmlField id="RichHtmlField1" FieldName="PublishingPageContent" runat="server" AllowReusableContent="true"></moss:RichHtmlField>

ConfigFile.xml
<configuration>
<property name="ToolbarMode">ShowOnFocus</property>
<property name="ToolsWidth">560px</property>
<property name="ContentAreaMode">Div</property>
<property name="AllowScripts">true</property>
<property name="ConvertToXHtml">false</property>
<property name="ContentFilters">None</property>
<property name="AllowSpecialTags">true</property>
</configuration>

Any help would be much appreciated.

Best regards

Klaus

Sharepoint Integration

answered on 03 May 2012

4 answers

128 views

Loading Panel "loading icon" not showing in firefox

<asp:Content ID="ChildPage" ContentPlaceHolderID="MainContent" runat="server">

<div id="PageContainerDiv">

<div id="ProjectNameDiv">

<h1><img src="/images/icon.gif" alt="APP" /> My Application Name</h1>

</div>

<telerik:RadScriptManager ID="ScriptManager" runat="server">

</telerik:RadScriptManager>

<telerik:RadSkinManager ID="SkinManager" runat="server" Skin="Telerik">

</telerik:RadSkinManager>

<div id="AjaxManagerDiv">

<telerik:RadAjaxManager ID="AjaxManager" runat="server" >

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="NameList">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="NameList" />

<telerik:AjaxUpdatedControl ControlID="CompanyListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="CompanyListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CompanyListFrom">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CompanyListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="CompanyListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="CompanyListTo">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="CompanyListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="CompanyListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="WindowListFrom">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="WindowListTo">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="WindowListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="WindowListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="AccountListFrom">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

<telerik:AjaxSetting AjaxControlID="AccountListTo">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="AccountListFrom" LoadingPanelID="LoadingPanel" />

<telerik:AjaxUpdatedControl ControlID="AccountListTo" LoadingPanelID="LoadingPanel" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

</div>

<div id="LoadingPanelDiv">

<telerik:RadAjaxLoadingPanel ID="LoadingPanel" runat="server" Skin="Telerik"

InitialDelayTime="800" MinDisplayTime="5000" CssClass="RadAjax">

</telerik:RadAjaxLoadingPanel>

</div>

<div id="NameListDiv-Name" class="ListBoxDiv">

<h2>Names</h2>

<div id="NameListGrid">

<telerik:RadGrid ID="NameList"

AutoGenerateColumns="false"

runat="server"

AllowPaging="true"

AllowSorting="true"

OnSortCommand="NameList_SortCommand"

OnItemCommand="NameList_ItemCommand"

CssClass="RadGrid_Telerik"

>

<ClientSettings AllowKeyboardNavigation="true" EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView AutoGenerateColumns="false"

DataKeyNames="USERID"

OnSelectedIndexChanged="Name_SelectedIndexChanged"

>

<Columns>

<telerik:GridBoundColumn DataField="USERID" HeaderText="User ID" ReadOnly="True"

SortExpression="USERID" UniqueName="UserID">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="USERNAME" HeaderText="Member" ReadOnly="True"

SortExpression="USERNAME" UniqueName="UserName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="ADDREMAIL" HeaderText="Email" ReadOnly="True"

SortExpression="ADDREMAIL" UniqueName="UserEmail">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FLGPENDING" HeaderText="Pending Update" ReadOnly="True"

SortExpression="FLGPENDING" UniqueName="Pending">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

</div>

<div id="CompanyListDiv-Name" class="ListBoxDiv">

<h2>Companies</h2>

<div id="CompanyListN">

<telerik:RadListBox ID="CompanyListFrom"

runat="server"

Height="150px"

DataTextField="COMPANY"

DataValueField="COMPANYID"

ToolTip="Companies inaccessible to the user"

SelectionMode="Multiple"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="All companies are assigned"

AllowTransfer="true"

TransferToID="CompanyListTo"

OnInserted="CompanyListFrom_Inserted"

OnTransferred="CompanyListFrom_Transferred"

CssClass="RadListBox_Telerik"

>

<ButtonSettings Position="Right" VerticalAlign ="Middle" />

<FooterTemplate>Companies <strong class="red">un</strong>assigned to the user</FooterTemplate>

</telerik:RadListBox>

</div>

<div id="CompanyListY">

<telerik:RadListBox ID="CompanyListTo"

runat="server"

Height="150px"

DataTextField="COMPANY"

DataValueField="COMPANYID"

ToolTip="Companies accessible to the user"

SelectionMode="Single"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No company is assigned"

OnInserted="CompanyListTo_Inserted"

OnSelectedIndexChanged="CompanyListTo_SelectedIndexChanged"

CssClass="RadListBox_Telerik"

>

<FooterTemplate>Companies assigned to the user</FooterTemplate>

</telerik:RadListBox>

</div>

<div id="WindowListDiv-Name" class="ListBoxDiv">

<h2>Windows</h2>

<div id="WindowListN">

<telerik:RadListBox ID="WindowListFrom"

runat="server"

Height="150px"

DataTextField="WINDOWNAME"

DataValueField="WINDOWID"

ToolTip="Windows inaccessible to the user"

SelectionMode="Multiple"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No window generated or all windows have been assigned"

AllowTransfer="true"

TransferToID="WindowListTo"

OnInserted="WindowListFrom_Inserted"

OnTransferred="WindowListFrom_Transferred"

CssClass="RadListBox_Telerik"

>

<ButtonSettings Position="Right" VerticalAlign ="Middle" />

<FooterTemplate>Windows <strong class="red">un</strong>assigned to the user</FooterTemplate>

</telerik:RadListBox></div>

<div id="WindowListY">

<telerik:RadListBox ID="WindowListTo"

runat="server"

Height="150px"

DataTextField="WINDOWNAME"

DataValueField="WINDOWID"

ToolTip="Windows accessible to the user"

SelectionMode="Single"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No window is assigned"

OnInserted="WindowListTo_Inserted"

CssClass="RadListBox_Telerik"

>

<FooterTemplate>Windows assigned to the user</FooterTemplate>

</telerik:RadListBox></div>

</div>

<div id="AccountListDiv-Name" class="ListBoxDiv">

<h2>Accounts</h2>

<div id="AccountListN">

<telerik:RadListBox ID="AccountListFrom"

runat="server"

Height="150px"

DataTextField="ACCOUNTNAME"

DataValueField="ACCOUNTID"

ToolTip="Customer accounts inaccessible to the user"

SelectionMode="Multiple"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No customer account generated or all accounts have been assigned."

AllowTransfer="true"

TransferToID="AccountListTo"

OnInserted="AccountListFrom_Inserted"

OnTransferred="AccountListFrom_Transferred"

CssClass="RadListBox_Telerik"

>

<ItemTemplate>

<asp:Label ID="AcctIDFrom" runat="server"></asp:Label>

<asp:Label ID="AcctNameFrom" runat="server"></asp:Label>

</ItemTemplate>

<ButtonSettings Position="Right" VerticalAlign ="Middle" />

<FooterTemplate>Accounts <strong class="red">un</strong>assigned to the user</FooterTemplate>

</telerik:RadListBox></div>

<div id="AccountListY">

<telerik:RadListBox ID="AccountListTo"

runat="server"

Height="150px"

DataTextField="ACCOUNTNAME"

DataValueField="ACCOUNTID"

ToolTip="Customer accounts accessible to the user"

SelectionMode="Single"

Sort="Ascending"

AutoPostBack="true"

AutoPostBackOnTransfer="true"

EmptyMessage="No account is assigned"

OnInserted="AccountListTo_Inserted"

CssClass="RadListBox_Telerik"

>

<ItemTemplate>

<asp:Label ID="AcctIDTo" runat="server"></asp:Label>

<asp:Label ID="AcctNameTo" runat="server"></asp:Label>

</ItemTemplate>

<FooterTemplate>Accounts assigned to the user</FooterTemplate>

</telerik:RadListBox></div>

</div>

</asp:Content>

This is the structure of my web app Master Page - Master Page - Child Pages

Here's the first child page's aspx code. When I move an item from left to right (grant access) or right to left (remove access), the green "loading icon" should display to allow the user to know I'm processing the request.

This code completely works well in IE but not in Firefox. Any help is appreciated. Thanks.

Ajax

answered on 03 May 2012

1 answer

98 views

Simple Single File Upload

I have been playing with the radUpload control, and I want to try to use it to allow users to upload a single file. The file will be large, so I want to show the progress of the upload as it goes. I thought this would be simple to do, but using the basic controls I can't seem to get it to work without throwing a java script error, and I never get the file.

Here is the code:

<script type="text/javascript">

//<![CDATA[

function onClientProgressBarUpdating(progressArea, args) {

progressArea.updateVerticalProgressBar(args.get_progressBarElement(), args.get_progressValue());

args.set_cancel(true);

}

//]]>

</script>

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

<telerik:radupload id="Radupload1" runat="server" initialfileinputscount="1" MaxFileInputsCount="1" ControlObjectsVisibility="None" TargetPhysicalFolder="C:\Temp\UploadedFiles" />

<asp:button id="buttonSubmit" runat="server" text="Submit" onclick="buttonSubmit_Click" cssclass="RadUploadSubmit" />

<telerik:RadProgressManager id="Radprogressmanager1" runat="server" />

<telerik:RadProgressArea id="RadProgressArea1" runat="server" CssClass="module" onclientprogressbarupdating="onClientProgressBarUpdating" ProgressIndicators="TotalProgressBar, TotalProgress, TotalProgressPercent, TimeEstimated, TransferSpeed" />

Do you see what is wrong?

Upload (Obsolete)

answered on 03 May 2012

2 answers

52 views

Radscheduler browser mode issue in IE8 2011.1.315.35 dll

Hi i am using , telerik dll 2011.1.315.35, in my sharepoint 2007 site,
One of my page has Radscheduler, it has timeline mode and i am also using groupby with resources on that.

It has problem with ie browser ( it works fine on firefox and google chrome)
-when the page loads, it won't load my appoinments automatically, i need to hover the mouse to load the appointments.(sometime it woks sometime not , like random things)
- When i clicked on timeslot except the top-left corner, it will not popup my insert form.

=> I am using default master page, and my radscheduler is inside content place holder,
- i also tried

<meta http-equiv="X-UA-Compatible" content="IE=100" /> <!-- IE8 mode -->

meta tag and its different combination ,
- also tried to set in inetmgr with http headers too, and also refer following links
http://msdn.microsoft.com/en-us/library/ms533876%28v=vs.85%29.aspx
http://www.telerik.com/community/forums/aspnet-ajax/scheduler/ie8-does-not-support-radscheduler.aspx

but nothing workout,

can you please help me on that,
Thanks.
Nirav.

Scheduler

answered on 03 May 2012

4 answers

104 views

Status bar in self referencing grid visible on collapse but not expand

I have a self referencing grid inwhich the users want to see a processing status indicator. I have set the ShowStatusBar="True" and it appears to be working when the hierarchy within the grid is collapsed but it is not showing when the grid is expanding. There is nothing in the code behind that would stop this from appearing. Does anyone have any idea why this would happen? I need the status to display on both the expand and collapse.

Thanks!

Grid

answered on 03 May 2012

1 answer

70 views

Prompt Dialog upon Drag and Drop

Hello,
I have a treeview that allows drag and drop. I'm able to move or copy branches server side in the "OnNodeDrop" event, from one node to another. What I would like to do is when a user attempts to drag a node and drop it, before this happens popup a dialog that asks the user to Move, Copy or Cancel the operation. Based upon that input response perform the necessary action. What is the best way to implement this? Thanks

TreeView

answered on 03 May 2012