Questions on UI for ASP.NET AJAX Forum

3 answers

80 views

I am still fighting z-order issues in our UI.

First let me give you a little bit of background.

There is a RadMenu on our Site.Master, obiously that has a z-order of 8000.

I dynamically add menu items on the server side. These menu items are a way for the user
to choose from a selection of items provided by our database.

Also on the page there is a RadGrid, with Date Time filters.

Further more there is a RadDock, with a couple of Dock Areas, on for which contains a RadGrid
with a default Filter.

First iteration:
We undock the dock area. Now some of the icons bleed through the undocked DockArea.
The Menu on the Site.Master bleeds through too.

We fixed all of this by raising the z-index of the undocked area to 8001.

However now if I click on the RadMenu the menu items I created dynamically
appear behind the undocked DockArea.

So I need some way to raise the z-order of the Menu Items, or their surrounding elements.

I hope I have explained my self clearly enough.

TIA

Menu

answered on 23 Jun 2011

1 answer

186 views

Show Only Current Week in Week View

Hello, I would ideally only like to show the current and last week in the Week View based on today's date in the Rad Scheduler. Of course I will settle for just showing the current week if that is easier to explain, and then I can figure out the rest. So I load the Scheduler and I set the SelectedDate to today, I hide all other views so only Week View is showing (i have this part already) and the only weeks they can access and/or view are the current week and last week. Is there a way to do this? Or only allow a certain date range to show in the scheduler.

They can then only click back and forth to view last week and this week. I would image I would have to hide the date picker in the upper left so they cannot select other dates. Thank you for your help!

joe

Scheduler

answered on 23 Jun 2011

4 answers

176 views

Radio button in RadDock caption

Hi,

I'm trying to customize a RadDock caption adding a radio button using TitlebarTemplate. The problem is that the result is different in Internet Explorer and Firefox (in IExplorer I can't center the radio button vertically). This is the code I'm using:

<telerik:RadDockZone ID="RadDockZoneTest" Runat="server" Width="300px" BorderStyle="None" Skin="Forest">

<telerik:RadDock ID="RadDock4" Runat="server" Width="300px" DefaultCommands="None" EnableDrag="False"

EnableRoundedCorners="True" Skin="Forest">

<TitlebarTemplate>

<table style="width:100%;">

<tr>

<td style="vertical-align: middle; width: 20px;">

<telerik:RadButton ID="rbtnReport" runat="server" AutoPostBack="False"

ButtonType="ToggleButton" Text="" ToggleType="Radio" Skin="Forest">

</telerik:RadButton>

</td>

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

<asp:Label ID="Label7" runat="server" Text="CAPTION" Font-Names="Segoe UI" Font-Size="10pt"></asp:Label>

</td>

</tr>

</table>

</TitlebarTemplate>

<ContentTemplate>

<asp:Label ID="Label8" runat="server" Text="Result in IExplorer"></asp:Label>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

I attach a screen capture with the result in the two browsers.

How can I center vertically the radio button in the caption, in order the final result to be the same in IExplorer and Firefox?

Regards,
John.

Dock

answered on 23 Jun 2011

1 answer

47 views

Adjusting 32*32px Item Images When migrating from Classic Asp.Net to the New RadContextMenu

Hello,

I migrate from Asp.Net To Asp.Net Ajax ContextMenu. And for the same Appearence properties my ContextMenu was been different as you can see in the attached screenshots. How can I do to get my 32*32px Images adding to the menu items more adapted to the Menu as shown in the Image 2?

Thanks for your help,

Menu

answered on 23 Jun 2011

3 answers

319 views

Cannot call function in javascript file when using RadAjaxPanel

hello,

I has a problem: My Control need to execute functions in javascript file. Everything is ok until I use this control inside the RadAjaxPanel to enable ajaxfied. I fingure out that It cannot hit the function in javascript file and my control does not work anymore.

Any suggestion?

Regards,
dat019

Ajax

answered on 23 Jun 2011

1 answer

66 views

RadListView - usage scenario

Can RLV be used to query lists in other site collections?

Thanks.
Mark

UI for ASP.NET AJAX in ASP.NET MVC

answered on 23 Jun 2011

1 answer

86 views

RadChart bar type appearance bacground image is dissolving

Hi,
I am creating a chart using radchart control which is of chart type="bar".I am setting chart series propetes like below. after the image is loaded on a page observed that the bars are dissolving color at the end. I want the bar with solid image.

 <telerik:ChartSeries DataYColumn="UnitPrice" Name="Product Unit Price">
    <Appearance>
         <FillStyle FillType="Image">
            <FillSettings BackgroundImage="~/App_Themes/ESDTheme/Images/MechEngg/bar_bg.jpg">
            </FillSettings>
         </FillStyle>
         <LabelAppearance Visible="False">
         </LabelAppearance>
         <Border Visible="False"></Border>
         </Appearance>
  </telerik:ChartSeries>

Please find the attachment and help me.

Thanks,
Vikram

Chart (Obsolete)

answered on 23 Jun 2011

6 answers

187 views

File Open dialog window is not showing IE

<telerik:RadUpload ID="rupReqAttachment" runat="server" MaxFileSize="1000000000"

MaxFileInputsCount="1" ReadOnlyFileInputs="true"

InputSize="30" ControlObjectsVisibility="None" AllowedFileExtensions=".txt,.pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.bmp,.gif">

</telerik:RadUpload>

Hi,

I m using radupload control in Page. when i m clicking in the textbox of the radupload, file open dialog window is not showing IE but its showing FireFox and can't able to validate the control by asp.net required field validator. can any give me the soluation for the above problems.

Upload (Obsolete)

answered on 23 Jun 2011

6 answers

242 views

AsynchUpload in div with display none and AllowedFileExtensions

Hello,

I have a RadAsynchUpload control inside a div with style display:none.

When the user clicks a certain radio I switch the div to display:block. In this scenario the AllowedFileExtensions is ignored. If I put the upload control in a div with normal display it works.

Here is my code to reproduce the problem:

Javascript that handle showing div:

<telerik:RadScriptBlock ID="rsb" runat="server">

<script type="text/javascript">

function toggleDiv(div, st) {

$get('div' + div).style.display = st;

}

function validationFailed(sender, eventArgs) {

$(".ErrorHolder").append("<p><span style='color:red;'>Het bestand '" + eventArgs.get_fileName() + "' is te groot.<br />De maximale bestandsgrootte is 100Mb per bestand. Upload afgebroken.</span></p>").fadeIn("slow");

}

function filesSelected(sender, eventArgs) {

}

</script>

</telerik:RadScriptBlock>

aspx and html for upload that doesnt show the fileextensions in the open dialog:

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

</telerik:RadScriptManager>

<telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" DecoratedControls="RadioButtons, Textbox, Checkboxes, Buttons"

EnableRoundedCorners="false" Skin="Office2007" />

<asp:RadioButton ID="rb0post" runat="server" GroupName="g0" Text="per post" TextAlign="Right"

onclick="toggleDiv('0', 'none');" />

<br />

<asp:RadioButton ID="rb0email" runat="server" GroupName="g0" Text="digitaal" TextAlign="Right"

onclick="toggleDiv('0', '');" />

<br />

<div id="div0">

<telerik:RadAsyncUpload OnClientFilesSelected="filesSelected" MaxFileSize="102400000" ID="RadAsyncUpload0" runat="server" Skin="Office2007" TargetFolder="~/Uploads"

AllowedFileExtensions=

".doc,.xls,.ppt,.pdf,.jpg,.gif,.bmp,.tif,.tiff,.png,.sif,.zip,.swf,.docx,.xlsx,.pptx,.avi,.mpg,.mpeg,.mp3,.wav,.odt,.ods"

Culture="Dutch (Netherlands)" MultipleFileSelection="Automatic" OnClientValidationFailed="validationFailed">

<Localization Cancel="Annuleren" Remove="Verwijderen" Select="Selecteren" />

</telerik:RadAsyncUpload><div id="ErrorHolder"></div>

Reeds geüpload:

</div>

If I place an upload not in a div with display none it does work:

<telerik:RadAsyncUpload OnClientFilesSelected="filesSelected" MaxFileSize="102400000" ID="RadAsyncUpload1" runat="server" Skin="Office2007" TargetFolder="~/Uploads"

AllowedFileExtensions=

".doc,.xls,.ppt,.pdf,.jpg,.gif,.bmp,.tif,.tiff,.png,.sif,.zip,.swf,.docx,.xlsx,.pptx,.avi,.mpg,.mpeg,.mp3,.wav,.odt,.ods"

Culture="Dutch (Netherlands)" MultipleFileSelection="Automatic" OnClientValidationFailed="validationFailed">

<Localization Cancel="Annuleren" Remove="Verwijderen" Select="Selecteren" />

</telerik:RadAsyncUpload><div id="ErrorHolder">

Any suggestions?

AsyncUpload

answered on 23 Jun 2011

7 answers

656 views

RadStyleSheetManager with embedded resource style sheets

The application that I am working with has hundreds of style sheets for different clients that are dynamically loaded based on client configuration. All style sheet references are defined in the application's master page. After adding a few newer Telerik controls to some of the pages along with the additional custom skin css references, we have reached the 31+ max css limit for IE and various controls are beggining to experience style/rendering issues. The RadStyleSheetManager seems like a good solution to implement in order to consolidate these multiple css references into one.

From the little documentation available for the RadStyleSheetManager, it seems that it only works for style sheets that are in a separate class library defined as a web resource... is this the only way? Can the RadStyleSheetManager combine css embedded resources that are local to the project? Something like ...

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="RadStyleSheetManager._Default" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml" > 
        
            <head runat="server">  
        
                <title></title>  
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server">  
        
                <telerik:RadStyleSheetManager ID="RadStyleSheetManager1" Runat="server">  
        
                    <StyleSheets> 
        
                        <telerik:StyleSheetReference Path="Stylesheet1.css" Name="StyleSheet1.css" /> 
        
                        <telerik:StyleSheetReference Path="Stylesheet2.css" Name="StyleSheet2.css" /> 
        
                        <telerik:StyleSheetReference Path="Stylesheet3.css" Name="StyleSheet3.css" /> 
        
                    </StyleSheets> 
        
                </telerik:RadStyleSheetManager>   
        
                <div> 
        
                    <div class="Style1">Style 1</div> 
        
                    <div class="Style2">Style 2</div> 
        
                    <div class="Style3">Style 3</div> 
        
                </div> 
        
                </form> 
        
            </body> 
        
            </html>

ScriptManager and StyleSheetManager

answered on 23 Jun 2011