[Solved] Outlook example in fullscreen

[Daron]

Hi all,
I'm pretty terrible with css and it really drives me crazy. So I was wondering if anyone has adapted the Prometheus Outlook example to a fullscreen version?

I basically something performs almost identically to that example, but in fullscreen - ie, header along the top and the rest is functional area. I don't want the screen itself to have scrollbars when the content exceeds available real-estate... I want scrollbars in the individual panels.

Anyone successfully achieved this??

Cheers,
Daron

[Daron]

Another thing. In the example is there a way to get the top grid (emails) to push it's horizontal scrollbar to the bottom of the panel when there's only, say, one or two items? Rather than directly underneath the last email.

Cheers

[Dimo]

Hello Daron,

Please find attached a modified version of RadGrid Prometheus WebMail example (assemblies not included).

The project demonstrates how to make RadGrid occupy the whole browser window. Here are some important notes:

1) html, body, the form and the grid itself should be 100% wide and high, and with no margins/paddings/borders.
2) you may need to adjust the height of the pager, otherwise it will occupy more space than needed.
3) the outline:none CSS styles removes the dotted border, which RadGrid shows onfocus, because in this case this border causes scrollbars to appear.

In addition, please consult these articles:

Setting 100% height and resize on container resize for grid with scrolling and static headers

Making RadGrid occupy 100% Width/Height of a RadSplitter pane and resizing on pane resize


Concerning your question about the horizontal scrollbar - if you are using static headers, you can place it at the bottom of the page, but this requires Javascript calculations on the client on each page load and window resize. In addition, having the scrollbar at the bottom is not very usable. That is why I recommend you to leave it after the last data row. If you are not using static headers, the scrollbar appears at the bottom anyway.

Let us know if you need more information or assistance.

Greetings,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Daron]

Hello Dimo,
Thanks for your response, but you have missed my point. A fullscreen grid is of little use to anyone. I'm looking for a fullscreen example of this:

http://www.telerik.com/demos/aspnet/prometheus/Controls/Examples/Integration/Outlook/DefaultCS.aspx

Cheers

[Dimo]

Hi Daron,

I am sorry about the misunderstanding. Please find attached a project, which demonstrates a fullscreen Outlook integration example (assemblies not included).

I have modified the images a little, so that the application looks like a maximized window.

The tricky part is to set 100% height to the html, body and form elements, and to nullify their margins and paddings.

You may also want to consult the following help articles for more information on using RadSplitter with RadGrid:

Making RadGrid occupy 100% Width/Height of a RadSplitter pane and resizing on pane resize

Making RadSplitter occupy part of a page with variable size


Sincerely yours,
Dimo
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Daron]

That's brilliant Dimo! Thanks!

Exactly what I was looking for.

Regards,
Daron

[Andrew Ryan]

I unzipped this demo and got the following error:

 

Server Error in '/075452_120011_fullscreen' Application.

---

No property or field 'FolderName' exists in type 'DataRowView'

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: Telerik.Web.UI.ParseException: No property or field 'FolderName' exists in type 'DataRowView'

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:

[ParseException: No property or field 'FolderName' exists in type 'DataRowView'] Telerik.Web.UI.ExpressionParser.ParseMemberAccess(Type type, Expression instance) +902 Telerik.Web.UI.ExpressionParser.ParseIdentifier() +385 Telerik.Web.UI.ExpressionParser.ParsePrimaryStart() +31 Telerik.Web.UI.ExpressionParser.ParsePrimary() +14 Telerik.Web.UI.ExpressionParser.ParseUnary() +260 Telerik.Web.UI.ExpressionParser.ParseMultiplicative() +26 Telerik.Web.UI.ExpressionParser.ParseAdditive() +26 Telerik.Web.UI.ExpressionParser.ParseComparison() +36 Telerik.Web.UI.ExpressionParser.ParseLogicalAnd() +26 Telerik.Web.UI.ExpressionParser.ParseLogicalOr() +26 Telerik.Web.UI.ExpressionParser.ParseExpression() +23 Telerik.Web.UI.ExpressionParser.Parse(Type resultType) +24 Telerik.Web.UI.DynamicExpression.ParseLambda(ParameterExpression[] parameters, Type resultType, String expression, Object[] values) +47 Telerik.Web.UI.DynamicExpression.ParseLambda(Type itType, Type resultType, String expression, Object[] values) +65 Telerik.Web.UI.GridDynamicQueryable.Where(IQueryable source, String predicate, Object[] values) +62 Telerik.Web.UI.GridDataTableFromEnumerable.FillData35() +3019 Telerik.Web.UI.GridDataTableFromEnumerable.FillData() +608 Telerik.Web.UI.GridResolveEnumerable.Initialize() +32 Telerik.Web.UI.GridResolveEnumerable.EnsureInitialized() +20 Telerik.Web.UI.GridEnumerableFromDataView..ctor(GridTableView owner, DataView dataView, Boolean autoGenerateColumns, GridColumnCollection presentColumns, String[] additionalField, Boolean retrieveAllFields) +158 Telerik.Web.UI.GridDataSourceHelper.CreateGridEnumerable(GridTableView owner, IEnumerable enumerable, Boolean caseSensitive, Boolean autoGenerateColumns, GridColumnCollection presentColumns, String[] additionalField, Boolean retrieveAllFields) +76 Telerik.Web.UI.GridDataSourceHelper.GetResolvedDataSource(GridTableView owner, Object dataSource, String dataMember, Boolean caseSensitive, Boolean autoGenerateColumns, GridColumnCollection presentColumns, String[] additionalField, Boolean retrieveAllFields) +98 Telerik.Web.UI.GridTableView.get_ResolvedDataSource() +139 Telerik.Web.UI.GridTableView.CreateChildControls(IEnumerable dataSource, Boolean useDataSource) +33 System.Web.UI.WebControls.CompositeDataBoundControl.PerformDataBinding(IEnumerable data) +57 System.Web.UI.WebControls.DataBoundControl.OnDataSourceViewSelectCallback(IEnumerable data) +114 System.Web.UI.DataSourceView.Select(DataSourceSelectArguments arguments, DataSourceViewSelectCallback callback) +31 System.Web.UI.WebControls.DataBoundControl.PerformSelect() +142 Telerik.Web.UI.GridTableView.PerformSelect() +4 System.Web.UI.WebControls.BaseDataBoundControl.DataBind() +73 Telerik.Web.UI.GridTableView.DataBind() +238 Telerik.Web.UI.RadGrid.DataBind() +80 Telerik.Web.UI.RadGrid.AutoDataBind(GridRebindReason rebindReason) +2122 Telerik.Web.UI.RadGrid.OnLoad(EventArgs e) +121 System.Web.UI.Control.LoadRecursive() +50 System.Web.UI.Control.LoadRecursive() +141 System.Web.UI.Control.LoadRecursive() +141 System.Web.UI.Control.LoadRecursive() +141 System.Web.UI.Control.LoadRecursive() +141 System.Web.UI.Control.LoadRecursive() +141 System.Web.UI.Control.LoadRecursive() +141 System.Web.UI.Control.LoadRecursive() +141 System.Web.UI.Control.LoadRecursive() +141 System.Web.UI.Page.ProcessRequestMain(Boolean includeStagesBeforeAsyncPoint, Boolean includeStagesAfterAsyncPoint) +627

---

Version Information: Microsoft .NET Framework Version:2.0.50727.3053; ASP.NET Version:2.0.50727.3053

[Dimo]

Hello Andrew,

You must have a FolderName field in the data source (Mail.mdb), because it is set as an additional data field name for the MasterTableView and is used in a filter expression. Have you modified the data source, or maybe you are using another one? In this case, please change the code accordingly.

Greetings,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.