Questions on UI for ASP.NET AJAX Forum

1 answer

110 views

Hi
Building a hierarchical programmatic grid. The grid is held within a place holder

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

<telerik:RadScriptManager ID="RadScriptManager1" runat="server" /> 

<telerik:RadAjaxManager ID="RadAjaxManager1" runat="server"> 

<AjaxSettings> 

<telerik:AjaxSetting AjaxControlID="ContSelect"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="GridID" /> 

<telerik:AjaxUpdatedControl ControlID="ContSelect" /> 

</UpdatedControls> 

</telerik:AjaxSetting> 

<telerik:AjaxSetting AjaxControlID="GridID"> 

<UpdatedControls> 

<telerik:AjaxUpdatedControl ControlID="GridID" /> 

</UpdatedControls> 

</telerik:AjaxSetting> 

</AjaxSettings> 

</telerik:RadAjaxManager> 

<

div class="contributionTable" >

<asp:PlaceHolder ID="PlaceHolder1" runat="server"></asp:PlaceHolder>

</div>

The grid is added to this placeholder. Here is also some of the code, I believe the code that covers relevant sections of building the grid. The full grid build code is not detailed here though.

The problem is that the grid takes up about 1/3 of the size of the IE browser. What I would like is for it to fill the browser with scrolling bars at the bottom and right. If the browser is expanded or contracted, the grid will resize (client side). Is this possible?

GridID1.ID = "GridID1";

GridID1.DataSource = contributionColumns;

GridID1.MasterTableView.DataKeyNames = new string[] { "TeamId" };

GridID1.Width = Unit.Percentage(98);

GridID1.PageSize = 5;

GridID1.AllowPaging = true;

GridID1.PagerStyle.Mode = GridPagerMode.NextPrevAndNumeric;

GridID1.AutoGenerateColumns = false;

GridID1.ShowStatusBar = true;

GridID1.GroupingEnabled = true;

GridID1.ShowGroupPanel = false;

GridID1.ClientSettings.AllowDragToGroup = false;

GridID1.ClientSettings.AllowColumnsReorder = true;

GridID1.MasterTableView.PageSize = 20;

GridID1.MasterTableView.Width = Unit.Percentage(100);

GridID1.ClientSettings.Scrolling.FrozenColumnsCount = 2;

GridID1.ClientSettings.Scrolling.AllowScroll = true;

GridID1.ClientSettings.Resizing.EnableRealTimeResize = true;

salesTeam.DataSource = contributionColumns;

salesTeam.DataKeyNames = new string[] { "SMSId" };

salesTeam.Width = Unit.Percentage(100);

relationFields = new GridRelationFields();

salesTeam.ParentTableRelation.Add(relationFields);

GridID1.MasterTableView.GroupByExpressions.Add(new GridGroupByExpression("TeamFunction group by TeamFunction"));

GridGroupByExpression expression = new GridGroupByExpression();

GridGroupByField groupbyField = new GridGroupByField();

GridID1.MasterTableView.GroupByExpressions.Add(new GridGroupByExpression("SalesTeam group by SalesTeam"));

expression = new GridGroupByExpression();

groupbyField = new GridGroupByField();

boundColumn = new GridBoundColumn();

GridID1.MasterTableView.Columns.Add(boundColumn);

boundColumn.DataField = "SalesPerson";

boundColumn.HeaderText = "Sales person";

boundColumn.Visible = true;

foreach (DataColumn col in contributionColumns.Tables[0].Columns)

{

if (col.Ordinal > 5)

{

boundColumn = new GridBoundColumn();

GridID1.MasterTableView.Columns.Add(boundColumn);

boundColumn.DataField = col.ColumnName;

boundColumn.HeaderText = col.ColumnName;

boundColumn.Visible = true;

}

GridID1.DataBind();

this.PlaceHolder1.Controls.Add(GridID1);

Grid

answered on 23 Jun 2011

2 answers

117 views

Web Service "context" parameter - explain?

Hi,

I see that the call to the web service passes a context parameter with a "TargetControlID" and "Value" keys.

I can see that TargetControlID is set to the id of the target control, but what is the "Value" parameter and how do I set its value so I can use it to pass information?

NB: Although you have 2 examples on your website of using a web service to display tooltips, I cannot see this information. The code for the actual web services is not shown. Also I can't see anything relating to using the web service option in the documentation! Perhaps this needs updating?

ToolTip

answered on 23 Jun 2011

1 answer

87 views

TabStrip rendering hidden tab html to client

Hi,

I have a page that uses RadTabStrip with multiview with a lot of tabs. Using the tab strip I notice that the page events for the inactive tabs are still firing, which is what I need. However, when I view the source of the rendered HTML I notice that all the contents of all the multiviews (even inactive ones) are rendered. Since I have lots of tabs and controls in them it's causing a client side slow.

Is there a way to not render the output for these inactive tabs? Tried cutting it off in the Render event but then Telerik will have javascript errors cause they can't find the controls anymore.

Thanks,
Gilbert

TabStrip

answered on 23 Jun 2011

1 answer

145 views

RadWindow IE9 DOM Exception: INVALID_CHARACTER_ERR

Hello.
I have a problem when i execute command radopen in IE9.
The exception is "DOM Exception: INVALID_CHARACTER_ERR"

and the line that throw the exception is
m=($telerik.isIE)?document.createElement("<iframe name='"+a+"'>"):

I runnning over the last telerik actualization Q1 2011
Also I can't run IE9 in compatibility mode to fix this beacause my entire site arise in style problems.

Thanks in advance.

Window

answered on 23 Jun 2011

3 answers

77 views

More z-order fun, this time with a menu

I am still fighting z-order issues in our UI.

First let me give you a little bit of background.

There is a RadMenu on our Site.Master, obiously that has a z-order of 8000.

I dynamically add menu items on the server side. These menu items are a way for the user
to choose from a selection of items provided by our database.

Also on the page there is a RadGrid, with Date Time filters.

Further more there is a RadDock, with a couple of Dock Areas, on for which contains a RadGrid
with a default Filter.

First iteration:
We undock the dock area. Now some of the icons bleed through the undocked DockArea.
The Menu on the Site.Master bleeds through too.

We fixed all of this by raising the z-index of the undocked area to 8001.

However now if I click on the RadMenu the menu items I created dynamically
appear behind the undocked DockArea.

So I need some way to raise the z-order of the Menu Items, or their surrounding elements.

I hope I have explained my self clearly enough.

TIA

Menu

answered on 23 Jun 2011

1 answer

172 views

Show Only Current Week in Week View

Hello, I would ideally only like to show the current and last week in the Week View based on today's date in the Rad Scheduler. Of course I will settle for just showing the current week if that is easier to explain, and then I can figure out the rest. So I load the Scheduler and I set the SelectedDate to today, I hide all other views so only Week View is showing (i have this part already) and the only weeks they can access and/or view are the current week and last week. Is there a way to do this? Or only allow a certain date range to show in the scheduler.

They can then only click back and forth to view last week and this week. I would image I would have to hide the date picker in the upper left so they cannot select other dates. Thank you for your help!

joe

Scheduler

answered on 23 Jun 2011

4 answers

121 views

Radio button in RadDock caption

Hi,

I'm trying to customize a RadDock caption adding a radio button using TitlebarTemplate. The problem is that the result is different in Internet Explorer and Firefox (in IExplorer I can't center the radio button vertically). This is the code I'm using:

<telerik:RadDockZone ID="RadDockZoneTest" Runat="server" Width="300px" BorderStyle="None" Skin="Forest">

<telerik:RadDock ID="RadDock4" Runat="server" Width="300px" DefaultCommands="None" EnableDrag="False"

EnableRoundedCorners="True" Skin="Forest">

<TitlebarTemplate>

<table style="width:100%;">

<tr>

<td style="vertical-align: middle; width: 20px;">

<telerik:RadButton ID="rbtnReport" runat="server" AutoPostBack="False"

ButtonType="ToggleButton" Text="" ToggleType="Radio" Skin="Forest">

</telerik:RadButton>

</td>

<td style="vertical-align: middle">

<asp:Label ID="Label7" runat="server" Text="CAPTION" Font-Names="Segoe UI" Font-Size="10pt"></asp:Label>

</td>

</tr>

</table>

</TitlebarTemplate>

<ContentTemplate>

<asp:Label ID="Label8" runat="server" Text="Result in IExplorer"></asp:Label>

</ContentTemplate>

</telerik:RadDock>

</telerik:RadDockZone>

I attach a screen capture with the result in the two browsers.

How can I center vertically the radio button in the caption, in order the final result to be the same in IExplorer and Firefox?

Regards,
John.

Dock

answered on 23 Jun 2011

1 answer

41 views

Adjusting 32*32px Item Images When migrating from Classic Asp.Net to the New RadContextMenu

Hello,

I migrate from Asp.Net To Asp.Net Ajax ContextMenu. And for the same Appearence properties my ContextMenu was been different as you can see in the attached screenshots. How can I do to get my 32*32px Images adding to the menu items more adapted to the Menu as shown in the Image 2?

Thanks for your help,

Menu

answered on 23 Jun 2011

3 answers

310 views

Cannot call function in javascript file when using RadAjaxPanel

hello,

I has a problem: My Control need to execute functions in javascript file. Everything is ok until I use this control inside the RadAjaxPanel to enable ajaxfied. I fingure out that It cannot hit the function in javascript file and my control does not work anymore.

Any suggestion?

Regards,
dat019

Ajax

answered on 23 Jun 2011

1 answer

58 views

RadListView - usage scenario

Can RLV be used to query lists in other site collections?

Thanks.
Mark

UI for ASP.NET AJAX in ASP.NET MVC

answered on 23 Jun 2011