Questions on UI for ASP.NET AJAX Forum

1 answer

130 views

[Solved] IE9

[Title should be: IE9 scroll bar bug (2011.1.225.40)]

Hi,

I ran into an issue with nested splitters in IE9 (RC).
IE9 adds unnecessary scrollbars to a nested splitter.
There are several ways to reproduce it:

Dock Pane A/B/C and/or dock Pane 1/2/3
Shrink the browser window (just a few pixels are enough)
Load the site in a very small browser window (I used a viewport size of 624*349 pixels for reproduction)

The scrollbars disappear when you:

Undock a Pane (if you have docked a pane from each SlidingPaneZone scrollbars disappear as soon as you undock any pane)
Increase viewport size (just a little bit)

This issue does not repro in IE7/8.

Please see the attached screenschots and markup for further reference.

<telerik:RadSplitter ID="RadSplitter1" Height="100%" HeightOffset="80" runat="server"

BackColor="#30B8CF" ClientIDMode="AutoID" SplitBarsSize="" LiveResize="False"

ResizeMode="Proportional" Width="100%" Orientation="Horizontal" VisibleDuringInit="false">

<telerik:RadPane ID="TopPane" runat="server" Height="22px" Scrolling="none">

<telerik:RadSlidingZone ID="SlidingZone1" runat="server" Height="22px">

<telerik:RadSlidingPane ID="RadSlidingPane1" Title="Pane1" runat="server" Width="150px">

Pane 1 Content a

</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="Radslidingpane2" Title="Pane2" runat="server" Width="150px">

Pane 2 Content a

</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="Radslidingpane3" Title="Pane3" runat="server" Width="150px">

Pane 3 Content a

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="Radsplitbar1" runat="server" />

<telerik:RadPane ID="ContentPane" runat="server" Scrolling="None">

<telerik:RadSplitter ID="Radsplitter2" runat="server" Orientation="Vertical" LiveResize="False"

ResizeMode="Proportional" VisibleDuringInit="false">

<telerik:RadPane ID="LeftContentPane" Width="22px" runat="server">

<telerik:RadSlidingZone ID="Radslidingzone2" runat="server" Width="22px" SlideDirection="Right">

<telerik:RadSlidingPane ID="Radslidingpane4" Title="PaneA" runat="server" Height="150px">

Pane1 B</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="Radslidingpane8" Title="PaneB" runat="server" Height="150px">

Pane2 B</telerik:RadSlidingPane>

<telerik:RadSlidingPane ID="Radslidingpane9" Title="PaneC" runat="server" Height="150px">

Pane3 B</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="Radsplitbar3" runat="server" />

<telerik:RadPane ID="Radpane2" runat="server">

<telerik:RadSplitter ID="RadSplitter3" Orientation="Horizontal" LiveResize="True"

ResizeMode="Proportional" VisibleDuringInit="false" runat="server">

<telerik:RadPane ID="RightContentPaneTop" runat="server">

text<br />

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar4" runat="server" />

<telerik:RadPane ID="RightContentPaneBottom" runat="server">

Hello

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

<telerik:RadSplitBar ID="RadSplitBar2" runat="server" />

<telerik:RadPane ID="BottomPane" runat="server" Width="22px" Scrolling="None">

</telerik:RadPane>

</telerik:RadSplitter>

Splitter

answered on 14 Mar 2011

0 answers

84 views

[General] Solution when header and item rows are misaligned

Problem:

In many occasions I had the problem that my grid is not rendered perfectly. Sometimes the headers and itemsrows are misaligned (so they don't show up under eachother) or that on the right side of the grid is a white little space rendered.

Solution:

This can be solved by using the following javascript snippet (the radgrid is getting redrawed without refreshing the page):

<yourelement>.style.display = "";

<yourelement>.style.display = "block";

I thought lets share this because I think more people have the issues of misalignment etc. At least if fixes a lot of issues for me :).

Best regards,
Michiel Peeters

Grid

asked on 14 Mar 2011

1 answer

73 views

Radeditor Dialogs in Medium Trust and RadCompression

RadEditor Dialogs don't work in Medium Trust and U have the below in your PageStateAdapter.browser file.

How can I force a single page to NOT use the PageStateAdapter.browser or ignore Radcompression for a given page?



PageStateAdapter.browser

<browsers>

<browser refID="Default">

<controlAdapters>

<adapter controlType="System.Web.UI.Page" adapterType="Telerik.Web.UI.RadSessionPageStateCompression" />

</controlAdapters>

</browser>

</browsers>

Editor

answered on 14 Mar 2011

5 answers

131 views

[Solved] How to detect page down/end in radeditor

Hi,

I want to detect programmably the event of page down button pressed, as well as the end of page is reached in RadEditor. What are the events raised for both case? Thanks.

York

Editor

answered on 14 Mar 2011

1 answer

73 views

LoadOnDemandURL Problem not seen as a property of RadComboBox

Hello dear representative of Telerik. We have problems with the new version of Telerik Combobox.
In the Old version of Telerik you had the .dll file of RadCombobox.Net2.dll. And there we had a possibility of seeing the property LoadOnDemandURL as seen in the example below:

<telerik:RadComboBox ID="Systems" runat="server" AllowCustomText="true" AutoPostBack

="false"

DataTextField="Name" DataValueField="Id" DropDownWidth="360px" EnableLoadOnDemand

="true"

HighlightTemplatedItems="true" IsCaseSensitive="false" ItemRequestTimeout

="500"

MarkFirstMatch="true" OnClientDropDownClosing="showContactType();" OnClientDropDownOpening

="insertSelectedType(this);"

OnClientKeyPressing="showDropDown(this);" OnClientSelectedIndexChanged

="systemUpdated(this);"

OnItemsRequested="Systems_ItemsRequested" OnSelectedIndexChanged

="Systems_Changed"

ShowDropDownOnTextboxClick="true" Skin="ClassicLongWidth" ToolTip="" ShowMoreResultsBox

="true">

<HeaderTemplate>
Please see the Function Below:
function insertSelectedType(sender)

{

debugger ;

var

customers = <%= Customers.ClientID %>;

var

products = <%= Products.ClientID %>;

var

platforms = <%= Platforms.ClientID %>;

var

sstes = <%= SSTes.ClientID %>;

//inserts the selected tier to the ajax request

var tierString = "&ContactTypes=" + $F('<%= ContactTypes.ClientID %>' );

tierString +=

"&Customers="

+ customers.GetValue();

if(sstes !=null )

{

tierString +=

"&SSTes="

+ sstes.GetValue();

}

if(products!=null )

tierString +=

"&Products="

+ products.GetValue();

if(platforms!=null )

tierString +=

"&Platforms="

+ platforms.GetValue();

if (sender.LoadOnDemandUrl.indexOf(tierString) != -1)

return ;

var indexOfTiers = sender.LoadOnDemandUrl.indexOf("&ContactTypes=" )

if (indexOfTiers != -1)

{

//assume is last parameter

sender.LoadOnDemandUrl = sender.LoadOnDemandUrl.substring(0,indexOfTiers);

}

sender.LoadOnDemandUrl = sender.LoadOnDemandUrl + tierString;

if ((Sys.Browser.agent === Sys.Browser.InternetExplorer) && (Sys.Browser.version < 7))

{

$(

'<%= LogicalUnits.ClientID %>').style.visibility = 'hidden' ;

$(

'<%= Severities.ClientID %>').style.visibility = 'hidden' ;

$(

'<%= Urgencies.ClientID %>').style.visibility = 'hidden' ;

}

}
As you can see there was a possibility of setting a new LoadonDemandURL.
I tried to do the same in Telerik.Web.UI, Version 2010.2.817.40
But I don't have over there this property.

I wanted first of all to ask if you have any other function which can help me to make what is described below.
If I make LoadOndeMand = true for some combobox it won't be able to see the value of other combos which were loaded in the same way with AutoPostBack = false.
With LoadOnDemandURL I could set the new URL and receive the values by request.querystring.

Wait for your reply.
Thanks.

ComboBox

answered on 14 Mar 2011

3 answers

125 views

Client created Slider isn't active

Hi,

I was try create slider on client side. But without success. Firefox show error: "h is not a constructor"

This is my code (this code is wer simillar like Telerik's example):

    
            function OnPageLoad() 
        
            { 
        
              responseEnded(null, null); 
        
            } 
        
            function responseEnded(sender, eventArgs) 
        
            { 
        
              var sliderProps = { value : 50 } 
        
              var sliderEvents = {};

              $create(Telerik.Web.UI.RadSlider, sliderProps, null, null, $get("ClientSlider")); 
        
            } 
        
            Thanks in advance,

            J

Slider

answered on 14 Mar 2011

1 answer

46 views

Customize skin for RadGrid

I'm using radgrid with Sunset skin
and I want to customize something in this grid like Head Title bar.
But when I change the skin for Edit Form, but it can not work
Please take me the sample code to customize this issue
Please see the attach file for more information

General Discussions

answered on 14 Mar 2011

1 answer

61 views

Visual Style Builder - Controls not showing in IE 9

Hi Folks!

This is my first post, but I have been learning a ton by reading past posts here on the forums. Just wanted to take a second and say thank you to everyone who posts solutions here as well as the entire Telerik team for being responsive.

Unfortunately my first post is due to a issue with the Visual Style Builder. I was attempting to make a new skin for an app I am working on, but I noticed in IE 9 I was not able to see many of the critical controls (such as check boxes) in the interface.

I am on IE9 Version:
RC 9.0.8080.16413

This page shows the missing controls: http://stylebuilder.telerik.com/New.aspx

I am using FireFox as a work-around, but I thought I would bring this up as I didn't see any other posts about it. Apologies if there is another thread on this.

Thanks,
-= Daniel

Visual Style Builder

answered on 14 Mar 2011

1 answer

108 views

RadGrid Combox Filter

Been looking at this for a while and just dont see what I am missing. I tried adding a ComboBox as a filter to a datagrid I am building but keep getting a syntax error near '.'. when the grid tries to rebind. I have looked over the code 100 times and cannot find any syntax error. Any help would be much appreciated.

<

telerik:RadComboBox ID="ComboSchedule" DataSourceID="SqlDataSource3" DataTextField="SCHED" DataValueField="SCHED" Height="200px" SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("SCHED").CurrentFilterValue %>'

runat="server" OnClientSelectedIndexChanged="TitleIndexChanged" AppendDataBoundItems="true">

<Items>

<telerik:RadComboBoxItem Text="All" />

</Items>

</telerik:RadComboBox>

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

function TitleIndexChanged(sender, args) {

var tableView = $find("<%# TryCast(Container,GridItem).OwnerTableView.ClientID %>");

tableView.filter(

"SCHED", args.get_item().get_value(), "EqualTo");

}

</script>

</telerik:RadScriptBlock>

Then in the codebehind

Protected

Sub RadGrid1_PreRender(ByVal sender As Object, ByVal e As System.EventArgs) Handles RadGrid1.PreRender

If Not RadGrid1.MasterTableView.FilterExpression Is String.Empty Then

RefreshCombos()

End If

End Sub

Protected Sub RefreshCombos()

SqlDataSource3.SelectCommand = SqlDataSource3.SelectCommand &

" WHERE " & RadGrid1.MasterTableView.FilterExpression.ToString()

RadGrid1.MasterTableView.Rebind()

End Sub

Thanks in advance

General Discussions

answered on 14 Mar 2011

1 answer

97 views

Removal of Trial Editions

After purchasing official copies of the Telerik suite of products, I need to completely remove the trial copies. The "upgrade" tool successfully upgrades projects from the Trial to the production copies. The problem I keep having is that the program keeps finding the trial copy.

Short of wiping my hard disk, how do I completely purge the trial editions? I would hate to have to continually "upgrade" my projects over and over.

Thanks for any advice you can offer.

General Discussions

answered on 14 Mar 2011