Questions on UI for ASP.NET AJAX Forum

1 answer

109 views

Not able to resize splitter according to available height

Hi...

I want to set the splitter to take available height in a table. A table has 3 rows and in the last row, splitter is there. User can click on a link given in 2nd row to toggle the display of the first row. So if first row is set to display = 'none', the splitter should take available space i.e. its height should increase. And if user sets the display = 'block' for first row, then splitter's height should decrease. But in any case, window should not have scroll.

My splitter is having panelbar in 1 of its pane. So if that pane is docked or undocked, splitter should always get proper height and no data should cut.

My page is quite complex, so I was thinking that I am doing something wrong. So I tried creating smaller version of my actual page. In that page also I am not able to get expected result.

Here I am attaching html of the smaller page.

I would appreciate a very very quick response as I've already struggled for 3-4 days to get it work.

aspx page.

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="PostedToTelerik.aspx.cs" Inherits="TelerikPlayGround.Splitter.PostedToTelerik" %>

<%@ 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 id="Head1" runat="server">

<title></title>

<style type="css">

html, body, form

{

height: 100%;

margin: 0px;

padding: 0px;

overflow: hidden;

}

</style>

</head>

<body>

<form id="form1" runat="server" >

<asp:ScriptManager ID="ScriptManager" runat="server" />

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

<script type="text/javascript">

function toggle()

{

var d = document.getElementById("divHeader");

if (d)

{

if (d.style.display != 'none')

{

d.style.display = 'none';

}

else

{

d.style.display = 'block';

}

</script>

</telerik:RadScriptBlock>

<table id="tblMain" border="10" style="height:100%;width:100%;" >

<tr >

<td>

<div id="divHeader" style="display:block;">

header

<br />1

<br />2

<br />3

<br />4

<br />5

<br />6

<br />7

<br />8

<br />9

<br />10

</div>

</td>

</tr>

<tr>

<td>

<a href = "#" onclick="toggle()">

Toggle

</a>

</td>

</tr>

<tr id="trSplitter" >

<td id="tdSplitter" >

<telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Horizontal" Skin="Office2007" Height="100%" Width="100%">

<telerik:RadPane ID="MainPane" runat="server" Scrolling="none">

<telerik:RadSplitter ID="NestedSplitter" runat="server" Skin="Office2007" LiveResize="true">

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

<telerik:RadSlidingZone ID="SlidingZone1" runat="server" Width="22" DockedPaneId="slidingPaneSearchPanels">

<telerik:RadSlidingPane ID="slidingPaneSearchPanels" runat="server" Width="250" Title="SearchPanels"

Font-Bold="true" Scrolling="None" DockOnOpen="false" EnableResize="false">

<div style="padding-left: 0px; padding-top: 0px;">

<telerik:RadPanelBar runat="server" ID="panelBarLeftSearchPanels" Height="100%" ExpandMode="MultipleExpandedItems"

Style="margin-right: 30px; overflow: hidden;" Skin="Office2007" >

<Items>

<telerik:RadPanelItem Text="1"></telerik:RadPanelItem>

<telerik:RadPanelItem Text="2"></telerik:RadPanelItem>

<telerik:RadPanelItem Text="3"></telerik:RadPanelItem>

<telerik:RadPanelItem Text="4"></telerik:RadPanelItem>

</Items>

</telerik:RadPanelBar>

</div>

</telerik:RadSlidingPane>

</telerik:RadSlidingZone>

</telerik:RadPane>

<telerik:RadSplitBar ID="VerticalSplitBar" runat="server" CollapseMode="Forward" />

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

</telerik:RadPane>

</telerik:RadSplitter>

</telerik:RadPane>

</telerik:RadSplitter>

</td>

</tr>

</table>

</form>

</body>

</html>

Splitter

answered on 08 Sep 2011

5 answers

160 views

Attempting to use ASP .NET Themes with Embedded Resources.

Hello,

I'm attempting to utilize ASP.NET's Themes with Embedded Resources using Telerik's RadStyleSheetManager.

I'm using VS 2008, IIS 6

Can this be done? If so, do you a resource on how to go about do it?

As I'm setting up my embedded resources via http://www.telerik.com/help/aspnet-ajax/radstylesheetmanager.html is there a way to globally set EnableEmbeddedSkins="False" for all my custom skinned Telerik controls? I'm unsure how to get it to work with the simpler .skin file. I am able to get it to work perfectly when I set EnableEmbeddedSkins="False" on each control individually.

Any ideas?

Thanks in advance!

Allen

ScriptManager and StyleSheetManager

answered on 08 Sep 2011

4 answers

239 views

Edit Files directly?

Hi,

i want to use the editor to edit Text or CSS files. But the content always returns
HTML. Is there a way to open and save CSS or text files as they were?

Thanx in advance.

Editor

answered on 08 Sep 2011

1 answer

66 views

Making Radgrid cloumn mandatory where rows are dymanically generated

Hi,

Based on radlistbox check changed event i am adding rows in radgrid. My problem is when i add below code on item created event of radgrid then rows will not be added or deleted to radgrid.

protected void rgSupportingDocumentation_ItemCreated(object sender, GridItemEventArgs e)
      {
           if (e.Item is GridEditableItem && e.Item.IsInEditMode)
           {
               GridEditableItem editItem = (GridEditableItem)e.Item;
               TextBox txtbx = (TextBox)editItem["DocId"].Controls[0];
               txtbx.ID = "TextValidated";

               RequiredFieldValidator reqfdvalidtr = new RequiredFieldValidator();
               reqfdvalidtr.ID = "RequiredFieldValidator1";
               reqfdvalidtr.ErrorMessage = "RequiredField";
               reqfdvalidtr.ControlToValidate = "TextValidated";
               editItem["DocId"].Width = Unit.Pixel(100);
               editItem["DocId"].Controls.Add(reqfdvalidtr);

}

Please revert soon if someone have some solution.
Thanks,

Grid

answered on 08 Sep 2011

4 answers

515 views

RadGrid Filter not working for GridDateTimeColumn for Equal to options

Hi
We are using Telerik RadGrid in that we are using "GridDateTimeColumn" for Datetime Columns.If we use Filter options as equal to for any options it is showing no datafound. We have tried various methods In the previous post from the following links
http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/filtering/defaultcs.aspx
http://www.telerik.com/community/forums/aspnet-ajax/grid/filter-problem-on-a-griddatetimecolumn.aspx
http://www.telerik.com/community/forums/aspnet-ajax/grid/griddatetimecolumn-filter-date-format.aspx
http://www.telerik.com/community/forums/aspnet-ajax/grid/griddatetimecolumn-filter.aspx .
Also some of the sample project downloaded from post we have tried but that too seems not to be working .

The Sample Code snippet in the aspx page we have used

<telerik:GridDateTimeColumn DataField="LAST_LOGON_DATE" HeaderText="Last Accessed"

DataType="System.DateTime" SortExpression="LAST_LOGON_DATE" UniqueName="LASTLOGONDATE"

PickerType="DatePicker" ItemStyle-HorizontalAlign="Left" DataFormatString="{0:dd/MM/yyyy,HH:mm}"

ItemStyle-Font-Size="8pt" HeaderStyle-Width="160px" ItemStyle-Width="160px" meta:resourcekey="LASTLOGONDATE">

</telerik:GridDateTimeColumn>

For Picker We have also tried in the ItemCreated method

protected void radgridAdminListUser_ItemCreated(object sender, GridItemEventArgs e)

{

try

{

if (e.Item is GridFilteringItem)

{

RadDatePicker picker = ((GridFilteringItem)e.Item)["LASTLOGONDATE"].Controls[0] as RadDatePicker;

if (picker != null)

{

picker.DateInput.DateFormat =

"dd-MM-yyyy HH:mm tt";

}

}
}
but that is also not working.
for more info please find the ScreenCapture in the attachment

General Discussions

answered on 08 Sep 2011

2 answers

129 views

Export to PDF error

Hi,

I tried to export a very simple grid (inside a splitter pane) to PDF but failed, with the following errors, any idea and advice?

I'm using the latest build.

System.InvalidCastException: Unable to cast object of type 'Telerik.Web.Apoc.Layout.BlockArea' to type 'Telerik.Web.Apoc.Layout.AreaContainer'.
at Telerik.Web.Apoc.Fo.Flow.BlockContainer.Layout(Area area)
at Telerik.Web.Apoc.Fo.Flow.Block.Layout(Area area)
at Telerik.Web.Apoc.Fo.Flow.TableCell.Layout(Area area)
at Telerik.Web.Apoc.Fo.Flow.TableRow.Layout(Area area)
at Telerik.Web.Apoc.Fo.Flow.AbstractTableBody.Layout(Area area)
at Telerik.Web.Apoc.Fo.Flow.Table.Layout(Area area)
at Telerik.Web.Apoc.Fo.Flow.Block.Layout(Area area)
at Telerik.Web.Apoc.Fo.Flow.Flow.Layout(Area area, Region region)
at Telerik.Web.Apoc.Fo.Flow.Flow.Layout(Area area)
at Telerik.Web.Apoc.Fo.Pagination.PageSequence.Format(AreaTree areaTree)
at Telerik.Web.Apoc.StreamRenderer.Render(PageSequence pageSequence)
at Telerik.Web.Apoc.Fo.FOTreeBuilder.EndElement()
at Telerik.Web.Apoc.Fo.FOTreeBuilder.Parse(XmlReader reader)

Grid

answered on 08 Sep 2011

2 answers

130 views

[Solved] Default Filter on Initial Load

Hi,

I have RadGrids bound to both entitydatasources and SQLdatasources, I need the grids to initially show no records when the page is first displayed but then allow the user to use filters to display the required records.

What is the best way to achieve this? I have tried following the example found in the link below but I get errors for both SQL and Entity Datasources.

http://www.telerik.com/help/aspnet-ajax/grid-applying-default-filter-on-initial-load.html

Thank you in advance for any help you can give.

Regards

Grid

answered on 08 Sep 2011

1 answer

47 views

How to access data for visible part of chart after zoom

we need to access only the part of data (y axis values and x axis values) that is visible on the chart after zooming into the chart.

Since data table appearance is not supported in zoom mode, we are planning to access only part of the data that is visible on chart and
create a html table with that data .

Please suggest how to do this. PlotArea property of chart doesn't seem to have it.

Chart (Obsolete)

answered on 08 Sep 2011

1 answer

73 views

RadGrid version 5.0.0.0 doesn't work with Firefox

HI,
I've recently taken over a project that contains RadControls version 5.0.0.0 and I'm having issues with some of the controls. I'm having issues with the RadGrid in Firefox. I can view the page that contains the grid but when I click on an item in the grid...nothing happens when I should be redirected to another page. This works fine in IE 7. I've tried many suggestions like setting the EnableAjax property to false and using response.redirectlocation in stead of response.redirect as well as using RadAjaxMAnager1.Redirect but nothing works.

However, our DEV server gets the following Javascript error when viewing it in IE:

Line: 1387

Char: 1

Error: Unexpected ajax response was received from the server. This may be caused by one of the following reasons:

- server transfer

- custom http handler

- incorrect loading of an "ajaxified" user control

Verify that you don't get a server-side exception or any other undesired behavior, by setting the EnableAjax property to

false

Our DEV server uses IIS 7.5 and Windows Server 2008 and I can't duplicate it in my local environment which uses IIS 5.1 on WindowsXP. Are these controls just too old for IIS 7.5 and the 4.0 Framework? This application was originally programmed in 2007 using ASP.Net 2.0.

Thanks

Grid

answered on 08 Sep 2011

3 answers

176 views

Radeditor Ribbonbar customisation

hi,

I'm trying to create an editor using the ribbonbar toolbar mode, but having a couple of problems:

firstly, you can't specify the 'tab' names if you declare the toolbar inside the editor tags ie you cannot use:

<telerik:RadEditor ID="RadEditor2" runat="server">

<Tools name="Save - Restore" tab="Home">

</Tools>

</telerik:RadEditor>

as this brings up an error. You have to use a separate tools.xml file to create a customised ribbonbar.

Another issue is that if you try to specify the image in the xml file, it works ok for the small and medium buttons (using imageurl="xx" in the 'tool' node), but when you specify size="large" in the tool node and use imageUrlLarge="xx" attribute (or even imageUrl="xx"), it does not load your large image file - ie. this does not work:

<tool name="SaveContent" text="Save" shortcut="CTRL+S" size="large"

imageUrlLarge="images/save.gif" />

but if you specify the large image file when not using a separate xml file it does work - eg this works:

<telerik:RadEditor ID="RadEditor2" runat="server" ToolbarMode="RibbonBar">

<Tools>

<telerik:EditorToolGroup>