4 answers

209 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

224 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

292 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

82 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

214 views

[Solved] 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

163 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

166 views

[Solved] 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

319 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

209 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

1 answer

1.2K+ views

System.NullReferenceException: Object reference not set to an instance of an object.

Hi I am using the telerik version Q2 2010 SP2 . using Visual Studio 2010. whenever i try to load the page which is using RadControls for ASP.NET AJAX Q2 2010 SP2 . I am getting the Following Error. Do you have any Idea why I am getting this error.

Server Error in '/EDWICD10' Application.

Object reference not set to an instance of an object.

Description: An unhandled exception occurred during the execution of the current web request. Please review the stack trace for more information about the error and where it originated in the code.

Exception Details: System.NullReferenceException: Object reference not set to an instance of an object.

Source Error:

An unhandled exception was generated during the execution of the current web request. Information regarding the origin and location of the exception can be identified using the exception stack trace below.

Stack Trace:


            [NullReferenceException: Object reference not set to an instance of an object.]
   Telerik.Web.UI.ScriptEntrySlot.GetSerializedAssemblyInfo(ScriptEntry scriptEntry) +208
   Telerik.Web.UI.ScriptEntrySlot.SerializeScriptEntry(ScriptEntry scriptEntry) +71
   Telerik.Web.UI.ScriptEntryUrlBuilder.TryAddScriptEntry(ScriptEntry scriptEntry) +56
   Telerik.Web.UI.ScriptEntryUrlBuilder.RegisterScriptEntry(ScriptEntry scriptEntry) +239
   Telerik.Web.UI.RadStyleSheetManager.Page_PreRenderComplete(Object sender, EventArgs e) +373
   System.EventHandler.Invoke(Object sender, EventArgs e) +0
   System.Web.UI.Page.OnPreRenderComplete(EventArgs e) +8933914
   System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +2716

Version Information: Microsoft .NET Framework Version:4.0.30319; ASP.NET Version:4.0.30319.1

UI for ASP.NET AJAX in ASP.NET MVC

answered on 18 Jul 2011