Questions on UI for ASP.NET AJAX Forum

5 answers

117 views

Grid / Hierarchy with Templates Editing Data

hi

i have been following the example from
http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx

and taken it to the point where on each tab in the template the user can edit/add data within it.
also another difference is the RadGrids in each tab are only simple grids , no heirachy etc,

the problem i am having is accessing field data from the top level grid , as i need it for the insert forms.

currently the only time i seem to be able to access the ControllingRows Data is on the PreRender event of the Parent Grid , at any point after that i cant seem to access the Parent Row.

i dont know its at the right point , but on the InsertCommand for the grids in the innerContainer i cant seem to find a way to access the parent row from the top level grid.

can anyone suggest the correct way so access the data.

Peter.

Grid

answered on 18 Jul 2011

4 answers

183 views

Width % problem with splitter in tab/Pageview

I am attempting to use the splitter control inside a tab but the width is defaulting to a fixed value (398px) rather than the 100% width I've specified. I am using Q1 2010... When I view the generated HTML the <div/> tags for the splitter container and each pane all have a style attribute that specifies width:398px. Any help would be greatly appreciated! Here is a sample page that illustrates what is happening:

    
            <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Dialog.aspx.cs" Inherits="TelerikTester.Dialog" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/tr/xhtml11/dtd/xhtml11.dtd">   
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
                <title>Dialog</title> 
        
                <style type="text/css"> 
        
            html, body, form  
        
            { 
        
                margin:0; 
        
                padding:0; 
        
                height: 100%;  
        
                width: 100%; 
        
            } 
        
                </style> 
        
            </head> 
        
            <body> 
        
                <form id="form1" runat="server" submitdisabledcontrols="true"> 
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server"> 
        
                    <Scripts> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" /> 
        
                        <asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" /> 
        
                    </Scripts> 
        
                </telerik:RadScriptManager> 
        
                <telerik:RadAjaxManager ID="AjaxManager1" runat="server" /> 
        
            <telerik:RadSplitter ID="spltMain" runat="server" Width="100%" Height="100%" Orientation="Horizontal" BorderSize="0" BorderStyle="None"> 
        
            <telerik:RadPane ID="rpHeader" runat="server" Height="60px" MaxHeight="60" Locked="true" Scrolling="None"> 
        
            Header 
        
            </telerik:RadPane> 
        
            <telerik:RadPane ID="rpTabs" runat="server" height="25px" MaxHeight="25" Locked="true"> 
        
            <div style="height: 100%; vertical-align: bottom;"> 
        
            <telerik:RadTabStrip ID="rtsDialog" runat="server" Skin="Black" EnableEmbeddedSkins="true" MultiPageID="rmpDialog" SelectedIndex="0"> 
        
                <Tabs> 
        
                    <telerik:RadTab Text="Tab1" Value="Tab1" Selected="true" PageViewID="rpvTab1" /> 
        
                    <telerik:RadTab Text="Tab2" Value="Tab2" PageViewID="rpvTab2" /> 
        
                </Tabs> 
        
            </telerik:RadTabStrip> 
        
            </div> 
        
            </telerik:RadPane> 
        
            <telerik:RadPane ID="rpBody" runat="server" Scrolling="None"> 
        
            <telerik:RadMultiPage ID="rmpDialog" runat="server" Width="99%" Height="98%" ScrollBars="Vertical" SelectedIndex="0" RegisterWithScriptManager="true" 
        
                    BorderStyle="Solid" BorderWidth="1" BorderColor="#333333" > 
        
                <telerik:RadPageView ID="rpvTab1" runat="server" Height="100%"> 
        
                <asp:Panel ID="pnlTab1" runat="server"> 
        
                    Tab1 
        
                </asp:Panel> 
        
                </telerik:RadPageView> 
        
                <telerik:RadPageView ID="rpvTab2" runat="server"> 
        
                    <telerik:RadSplitter ID="splitTab2" runat="server" Width="100%" Orientation="Horizontal"> 
        
                        <telerik:RadPane ID="paneTab2Filter" runat="server" Width="100%" MaxHeight="200" Scrolling="None"> 
        
                            Filter 
        
                        </telerik:RadPane> 
        
                        <telerik:RadSplitBar ID="barTab2" runat="server" CollapseMode="Both" Visible="true" Width="100%" /> 
        
                        <telerik:RadPane ID="paneTab2Grid" runat="server" Scrolling="None" Width="100%"> 
        
                            Grid 
        
                        </telerik:RadPane> 
        
                    </telerik:RadSplitter> 
        
                </telerik:RadPageView> 
        
            </telerik:RadMultiPage> 
        
            </telerik:RadPane> 
        
            </telerik:RadSplitter> 
        
                </form> 
        
            </body> 
        
            </html>

Splitter

answered on 18 Jul 2011

10 answers

196 views

RadDatePicker enable disable issue in IE8 and Mozilla

Hi,

We are using telerik version 2011.1.413.35. We use telerik RadDatePicker. My criteria is to enable or disable DatePopUpButton based on the check in the check box. The following code i have used,

<asp:CheckBox ID="CheckBoxNoExpiration" runat="server" Text="No Expiration" Checked="true"

CssClass="chkBox" onclick="javascript:return ToggleDatePicker();" />

<telerik:RadDatePicker DateInput-DisplayDateFormat="MM/dd/yyyy" ID="RadExpiryDate"

EnableEmbeddedSkins="false" Skin="Web20" Culture="en-US" Width="100px" MinDate="01/01/1900"

runat="server" TabIndex="11">

<Calendar ID="Calendar1" runat="server" EnableEmbeddedSkins="false" ShowOtherMonthsDays="false"

ShowRowHeaders="false" Skin="Web20" BorderWidth="1">

<SpecialDays>

<telerik:RadCalendarDay Repeatable="Today" Date="">

<ItemStyle BackColor="#E0F0FF" BorderColor="Gray" />

</telerik:RadCalendarDay>

</SpecialDays>

</Calendar>

<DateInput runat="server" ID="radDateExpiry" DateFormat="MM/dd/yyyy" Culture="en-US"

MaxLength="10" ReadOnly="false" MinDate="01/01/1900" Style="height: 16px; background: white;

padding-top: 3px; border: 1px solid #7F9DB9; text-align: left; margin-top: 1px;

font-size: 13px; font-family: Verdana, Verdana, Sans-Serif; color: black;">

</DateInput>

<DatePopupButton HoverImageUrl="../Images/calendar.png" ImageUrl="../Images/calendar.png"

Enabled="false" />

</telerik:RadDatePicker>

The scripts for enabling and disabling DateInput and DatePopUpButton are,

function ToggleDatePicker() {

setTimeout(SetEnablePropertyToExpDate, 100);

}

function SetEnablePropertyToExpDate() {

setTimeout(SetEnablePropertyToExpDate, 100);

var CheckBoxNoExpiration = document.getElementById('<%= CheckBoxNoExpiration.ClientID %>');

var DatePicker = $find('<%= RadExpiryDate.ClientID %>');

var MandatoryMark = document.getElementById('<%= MandatoryMark.ClientID %>');

if (CheckBoxNoExpiration != null) {

if (CheckBoxNoExpiration.checked) {

if (MandatoryMark != null)

MandatoryMark.style.display = 'none';

DatePicker.get_dateInput().disable();

DatePicker.get_dateInput.onclick = function() { return false; };

DatePicker._popupButton.disabled = true;

DatePicker._popupButton.onclick = function() { return false; };

}

else {

if (MandatoryMark != null)

MandatoryMark.style.display = 'inline';

DatePicker.get_dateInput().enable();

DatePicker._popupButton.disabled = false;

DatePicker._popupButton.onclick = function() { DatePicker.togglePopup(); return false; };

}

My problem is the DateInputButton shown as disbled in firefox irrespective of the check. but i can click the popup and retrieve the date. only the appearance shows as disabled. In IE8 the appearance of the DateInputButton is shown as enabled irrespective of the check. Is there any way to solve this? Please guide me.

Thanks,
Hema.

Calendar

answered on 18 Jul 2011

12 answers

255 views

RadGrid Column Headers Out of Sync (IE8)

I have a RadGrid inside a user control that is placed on a page inside a div tag. I am setting the width to 100% so that when screen resolutions change, the grid expands or shrinks to correctly fill entire container. I have UseStaticHeaders set to true and fixed widths on the columns. When the grid loads in IE 8, the columns expand correctly but the headers are compressed and end about 1/2 of the way across the grid. The footer does the same thing (In Firefox, everything works correctly). Also, if I set UseStaticHeaders to "false", it also works correctly but then I have to scroll down to see the footer. When the grid loads, if I double-click on one of column headers, they all expand correctly to fill the grid. I just can't seem to get them to do that initially without having to double-click on them. I downloaded and installed the latest Telerik patch (2009.3.1208.35), but it did not help.

Grid

answered on 18 Jul 2011

1 answer

63 views

IE8 crash after image resize

If I have a RadEditor on a page in edit mode (i.e. I can edit text/add images), and have an image pasted from the web, and resize the image, IE8 will crash on postback.

I also had the crash without resizing, when I added an image from IE7, saved, then opened the page from IE8 and simply saved without doing anything.

Also, what's the IE version support for resize and paste of images?

Thanks,

Jeff

Editor

answered on 18 Jul 2011

3 answers

181 views

Question about height window in the browser

Hi, my name is Daniel Castro and I have a question:

I need configure one application that include: Image Header (116px height fixed), Image footer (95px height fixed) and the body (controls telerik).

How to set this body for the total height (header + body + footer) be 100% of the browser window.

If I configure the body height to 100%, this don't disscount the header and the footer height.

I attach an image.

Thank's for your assistance.

General Discussions

answered on 18 Jul 2011

1 answer

144 views

Headers not aligning when using a repeater

If I use a repeater with my Telerik:RadGrid the headers do not align with table cells.

An example can be found here.

http://img40.imageshack.us/img40/1810/issuel.png

As you can see in the first instance of the table the headers align correctly with the data and they don't overlap above the scroll bar. On the table below the headers dont align and they do overlap above the scroll bar.

The MasterTableView and Columns have the same settings and structure as they are produced using a asp repeater.

So basically I was just wondering whether anyone has had a similar problem and whether they have a solution.

Let me know if you need to see any code.

Grid

answered on 18 Jul 2011

8 answers

130 views

Cannot insert .mov file using Media Manager

Hello All,

I'm using Moss2007 and the Moss radeditor (5.2.3.0).

In a content page i added my radcontrol (see code below) with custom configfile.xml and toolsfile.xml.
I pasted my configfile.xml below and as you can see i added *.mov to the mediafilters property.
But when i try to upload a .mov file using the MediaManager of the radeditor i get an error that the "extension of the uploaded file is not allowed.. " ( see screenshot).
If you look at the screenshot you can see that the under the allowed extensions i dont see the *.mov file and the filesize is also smaller then i allowed in my configfile.xml..

Where am i going wrong here? I appreciate all help..

configfile.xml

    
            <?xml version="1.0" encoding="utf-8"?>  
        
            <configuration> 
        
              <property name="AllowThumbGeneration">True</property> 
        
              <property name="ConvertToXhtml">True</property> 
        
              <property name="EnableDocking">False</property> 
        
              <property name="ShowHtmlMode">True</property> 
        
              <property name="ShowPreviewMode">False</property> 
        
              <property name="StripAbsoluteAnchorPaths">False</property> 
        
              <property name="StripAbsoluteImagesPaths">False</property> 
        
              <property name="ToolbarMode">ShowOnFocus</property> 
        
              <property name="ToolsWidth">600px</property> 
        
              <property name="Skin">Telerik</property> 
        
              <property name="MediaFilters">*.wma,*.wmv,*.avi,*.wav,*.mpeg,*.mpg,*.mpe,*.mp3,*.m3u,*.mid,*.midi,*.snd,*.mkv,*.mov</property> 
        
              <property name="MaxMediaSize">4048000</property> 
        
              <property name="ImagesPaths">  
        
                <item>PublishingImages</item> 
        
                <item>/SiteCollectionImages</item> 
        
              </property> 
        
              <property name="CssFiles">  
        
                <item>/_wpresources/amphia/CssEditor.css</item> 
        
              </property> 
        
            </configuration>

    
            <rad:RadHtmlField ConfigFile="/_LAYOUTS/STYLES/Radboud/radeditor/ConfigFile.xml" ToolsFile="/_LAYOUTS/STYLES/Radboud/radeditor/ToolsFile.xml"   
        
                            id="pageContent" FieldName="PublishingPageContent" InputFieldLabel="Content" DisplayWidth="460" DisplayHeight="300" runat="server"  EnableExtensions="true" AllowSpecialTags="true"/>

WebParts for SharePoint

answered on 18 Jul 2011

1 answer

273 views

Where to place javascript?

Hi,

I have some confusion on the best practices to place the javascript in the page.
Whenever, i add a new webform via the 'Add RadControl Scenarios' from the Solution Explorer, 
it will generate this for me.

The question I have is where is the best place for me to place the javascript?
Right now, I place it after the //Put your JavaScript code here. 
However, after looking various examples in your demo and this, http://www.telerik.com/help/aspnet-ajax/ajax-radscriptblock-radcodeblock.html
I am not sure where is the best location to place my javascript.

Please advise.


	<telerik:RadScriptManager ID="RadScriptManager1" runat="server">
		<Scripts>
			<%--Needed for JavaScript IntelliSense in VS2010--%>
			<%--For VS2008 replace RadScriptManager with ScriptManager--%>
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.Core.js" />
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQuery.js" />
			<asp:ScriptReference Assembly="Telerik.Web.UI" Name="Telerik.Web.UI.Common.jQueryInclude.js" />
		</Scripts>
	</telerik:RadScriptManager>
	<script type="text/javascript">
		//Put your JavaScript code here.
 
	    function ShowRadWindowM() {
	        var wnd = $find("<%=RadWindow4.ClientID %>");
	        wnd.setUrl("radwindow_MinimizeZone.aspx");
	        wnd.show();
	        wnd.maximize();
	    }
    </script>

ScriptManager and StyleSheetManager

answered on 18 Jul 2011

1 answer

187 views

Rad script manager on master page

Hi i have a Rad script manager on my master page but im having trouble using the client side api in pages that use the master page e.g. the $find('someid'); doesn't work and returns null.

I think the problem is the script is present in the DOM but it is not finding the Rad controls on the page.

Is there any way to use the script manager from the master page or should the script manager be placed on each page separately?

Thanks Andrew

ScriptManager and StyleSheetManager

answered on 18 Jul 2011