Questions on UI for ASP.NET AJAX Forum

8 answers

394 views

[Solved] Resizing RadPane based on DockZone height.

Hi all,

I have a RadDockZone inside of a RadPane. The RadDockZone's height is 100%, has a minimum height, and the RadPane's height is unset.

I add a dock to the RadDockZone and this new dock does not fit completely inside of the RadDockZone (it's height + the height of other docks in the RadDockZone exceeds the minimum height set). I would like the RadDockZone's height to increase so that it can hold all the Dock's without any excess space. Currently, the last dock just gets clipped off -- even though the RadDockZone's height is 100%.

Any ideas?

Dock

answered on 31 Jan 2011

5 answers

400 views

Grid not working well when width=100% and AutoGenerateColumns=True

Hi, I have the following scenario:
A grid inside a UserControl
The user control in an aspx inside a div with width=100%
In the user control the grid is also inside a div with width=100%
The grid is using AutoGenerateColumns=True, and I'm setting the default size for each column to 170px in the ColumnCreatingEvent

column.ItemStyle.Width = Unit.Pixel(170);

column.HeaderStyle.Width = Unit.Pixel(170);

The grid is allowing AllowFilteringByColumn.

The grid headers and columns expands even bigger than the browser window and the scroll appears (this is OK), but the GroupPanel just render to the end of the window (where the scroll begins), and additionally in the last columns of the grid I can't drag & drop to group by these columns. Also when I click the filter button in these columns the dropdown render in another position of the screen, is like in someway the grid is lost in space and time.

Enclosed you can find a screenshot with more visual detail.

I've tried using FixedLayout in the MasterTable.
This is the definition of the grid.

Telerik Q1 2010

<div style="width: 100%;padding-top:15px">

<telerik:RadGrid ID="gridData" runat="server" AllowPaging="true" AutoGenerateColumns="true"

GridLines="Both" BorderStyle="None" Skin="Office2007" Width="100%" OnNeedDataSource="gridData_NeedDataSource"

PageSize="100" ShowGroupPanel="true" OnItemCreated="gridData_ItemCreated" OnItemDataBound="gridData_ItemDataBound"

OnDataBound="gridData_DataBound" OnPreRender="gridData_PreRender"

AllowFilteringByColumn="True" EnableViewState="False"

oncolumncreated="gridData_ColumnCreated"

oncolumncreating="gridData_ColumnCreating">

<GroupPanel Text="Arrastre una cabecera de columna hacia ésta barra para agrupar">

</GroupPanel>

<MasterTableView GridLines="Both" ShowGroupFooter="true" TableLayout="Auto"

EnableViewState="False">

<HeaderStyle Width="100%" />

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

</MasterTableView>

<ClientSettings ReorderColumnsOnClient="True" AllowDragToGroup="True" AllowColumnsReorder="True"

AllowColumnHide="false">

<Selecting AllowRowSelect="True"></Selecting>

<Resizing AllowRowResize="True" AllowColumnResize="True" EnableRealTimeResize="True"

ResizeGridOnColumnResize="true"></Resizing>

</ClientSettings>

<GroupingSettings ShowUnGroupButton="true" GroupContinuedFormatString="... continuación del grupo de la página anterior. "

GroupContinuesFormatString=" El grupo continúa en la siguiente página." GroupSplitDisplayFormat="Mostrando {0} de {1} items."

UnGroupButtonTooltip="Click aquí para remover grupo" UnGroupTooltip="Arrastre fuera de la barra para remover grupo"

CaseSensitive="false" />

</telerik:RadGrid>

</div>

Grid

answered on 31 Jan 2011

1 answer

70 views

Error on clicking Grid sort Icon

Hi,
When I click on sort text(column Name) the data is getting soreted correctly. But if I click on the sort icon I am getting an exception. Please find the exception details below

Invalid postback or callback argument. Event validation is enabled using <pages enableEventValidation="true"/> in configuration or <%@ Page EnableEventValidation="true" %> in a page. For security purposes, this feature verifies that arguments to postback or callback events originate from the server control that originally rendered them. If the data is valid and expected, use the ClientScriptManager.RegisterForEventValidation method in order to register the postback or callback data for validation.

Please let me know.

Grid

answered on 31 Jan 2011

3 answers

118 views

grouping/scrollbar / header bar icons

I'm new... both to Telerik and C# so this might be simple... I hope :-)

Using radgrid inside radtabs. I have 4 tabs, 3 of them appear fine, but the one that has a group-by has an un-needed horizontal scrollbar, that causes a header bar icons to appear behind the scrollbar.

I'm using GridGroupByExpression, and it adds a space to the left with the group-ungroup arrows - that is fine, but then this causes a horizontal scrollbar to always appear on the bottom of the grid, regardless of browser size. The rightmost export button is always partly obscured, see uploaded jpg. How do I resize the grid to remove the horizontal scrollbar? The scrollbar is not needed, there are only 3 columns. I've tried setting the grid width, columns width, etc. but the scrollbar persists, the grid is always a little wider than the available area, due to the grouping arrows area to the left.

What setting do I use to resize the grid to fit the scrren, when using GridGroupByExpression?

<telerik:RadTabStrip ID="WQTS" MultiPageID="WorkQueueTabPages" runat="server" Skin="Outlook" SelectedIndex="0">

<Tabs>

<telerik:RadTab PageViewID="PendingApprovalsTabPage" runat="server" Text="Pending Approvals" Selected="True" Width="90%" />

<telerik:RadTab PageViewID="PendingSetupsTabPage" runat="server" Text="Pending Setups" />

<telerik:RadTab PageViewID="ApprovedNewDocsTabPage" runat="server" Text="Approved with New Documents" />

<telerik:RadTab PageViewID="NeedInsReviewTabPage" runat="server" Text="Needs Insurance Review" />

</Tabs>

</telerik:RadTabStrip>

<telerik:RadMultiPage runat="server" ID="WorkQueueTabPages" SelectedIndex="0">

<telerik:RadPageView ID="PendingApprovalsTabPage" runat="server">

<telerik:RadGrid Height="450px" AllowAutomaticInserts="false" AllowAutomaticDeletes="false" AllowAutomaticUpdates="false"

ID="PendingApprovalsGrid" runat="server" AllowSorting="True" Width="90%"

OnNeedDataSource="PendingApprovalsGrid_NeedDataSource"

AutoGenerateColumns="False" OnItemCommand="OpenCompany" OnEditCommand="OpenCompany">

<ExportSettings HideStructureColumns="True" ExportOnlyData="True" IgnorePaging="True" OpenInNewWindow="True">

</ExportSettings>

<FilterMenu EnableImageSprites="False"></FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default"></HeaderContextMenu>

<ClientSettings AllowKeyboardNavigation = "True">

<Scrolling AllowScroll="True"></Scrolling>

<ClientEvents OnRowCreated="workQueues_rowCreated" OnRowClick="workQueues_onRowClick" />

</ClientSettings>

<mastertableview

datakeynames="CompanyID"

ClientDataKeyNames="CompanyId,CompanyName,VendorNumber" CommandItemDisplay="Top" >

<GroupByExpressions>

<telerik:GridGroupByExpression>

<GroupByFields>

<telerik:GridGroupByField FieldName="AccountStatusDesc" FieldAlias="Status"

HeaderText="Status" FormatString="" />

</GroupByFields>

<SelectFields>

<telerik:GridGroupByField FieldName="AccountStatusDesc" FieldAlias="Status" FormatString="" HeaderText="Status" />

</SelectFields>

</telerik:GridGroupByExpression>

</GroupByExpressions>

<Columns>

<telerik:GridButtonColumn Text="Select" ButtonType="ImageButton" ImageUrl="~/images/select.bmp"

CommandArgument="Select" Resizable="False" UniqueName="PendingApprovalsViewCol" FilterControlAltText="Filter PendingApprovalsViewCol column">

<ItemStyle Width="2%" />

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="CompanyName" FilterControlAltText="Filter CompanyName column" ItemStyle-Width="40%"

HeaderText="Company Name" HeaderTooltip="Sort by Company Name" UniqueName="CompanyName">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="AccountStatusDesc" FilterControlAltText="Filter AccountStatusDesc column" ItemStyle-Width="58%"

HeaderText="Status" HeaderTooltip="Sort by Status" UniqueName="AccountStatusDesc">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="VendorNumber" FilterControlAltText="Filter VendorNumber column"

UniqueName="VendorNumber" Visible="False">

</telerik:GridBoundColumn>

</Columns>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column">

</EditColumn>

</EditFormSettings>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<CommandItemSettings ShowExportToPdfButton="True" ShowExportToWordButton="True" ShowExportToExcelButton="True" ShowExportToCsvButton="True" ShowAddNewRecordButton="False" />

</mastertableview>

<GroupPanel>

<PanelItemsStyle BorderStyle="Solid" BorderWidth="1px" GridLines="Both" />

</GroupPanel>

</telerik:RadGrid>

</telerik:RadPageView>

(next 3 tabs ommitted)

Grid

answered on 31 Jan 2011

1 answer

140 views

Grid client side delete and existing values

I am using the client side delete function on a rad grid that contains rows which include textboxes (contained in a GridTemplateColumn)
The client side function works fine, but when I try to access the current values in the textboxes after deleting a row, I am getting the original value, not the new value that is currently in the text box.
If I don't delete a row first, the correct value is read.

When the save button is clicked, this is run:

For Each itm As GridDataItem In rgIntervalSetup.Items

If TypeOf itm Is GridDataItem Then

Dim theID As String = itm("RecordID").Text

Dim updatedItem As GridDataItem = CType(rgIntervalSetup.MasterTableView.FindItemByKeyValue("RecordID", Integer.Parse(theID)), GridDataItem)

UpdateValues(updatedItem, False)

End If

Next

Protected Sub UpdateValues(ByVal updatedItem As GridDataItem, ByVal KeepAsTempInterval As Boolean)

Dim txtBox As TextBox = CType(updatedItem.FindControl("txtGridIntervalName"), TextBox)

Dim IntervalName As String = txtBox.Text

Dim txtDateBox As RadDateInput = CType(updatedItem.FindControl("txtGridStartDate"), RadDateInput)

'txtBox = CType(updatedItem.FindControl("txtGridStartDate"), TextBox)

Dim IntervalStartDate As DateTime = txtDateBox.SelectedDate

Dim theID As Integer = updatedItem.GetDataKeyValue("RecordID").ToString()

Microsoft.ApplicationBlocks.Data.SqlHelper.ExecuteNonQuery(MyBase.Location.ConnectionString, _

CommandType.StoredProcedure, _

"EVAL2_SessionIntervalUpdate", _

New SqlClient.SqlParameter("@SessionIntervalID", theID), _

New SqlClient.SqlParameter("@IntervalName", IntervalName), _

New SqlClient.SqlParameter("@IntervalStartDate", IntervalStartDate.ToUsString), _

New SqlClient.SqlParameter("@SessionID", mySession.ID))

End Sub

Grid

answered on 31 Jan 2011

1 answer

73 views

Problem with Select Item and vertical Scroll Bar

Hi,

we have a problem with a RadGrid:
When we select more then one item and then we move the scoll bar, we loose all previously selected items.
Is there a solution for keep the selected Items?

Thanks in advance

SS

Grid

answered on 31 Jan 2011

3 answers

134 views

Grid Image

hello to all,

i would like to ask some help who knows about loading an image to the grid for each rows of record and that image is clickable also, any sample codes is highly appreciated.thanks

General Discussions

answered on 31 Jan 2011

2 answers

95 views

Capture events in appointment edit window

Hi,
On changing start time in appointment edit window, I would like to increase the Appointment End Time by 1 hour. How can I catch StartTime changed event?
Is it possible to catch event fired on clicking Save button in edit window?

Thanks
Prava

Scheduler

answered on 31 Jan 2011

1 answer

121 views

progress indicator problem

Can someone please explain to me why the progress indicator seems to decide to make itself invisible ?

I put a manager and progress indicator on a page, tested it, and it worked. I then decided to move it to a different position on the page and now, it makes a place for itself on the page (ie it shifts everything else down the page) but the progress indicator is invisible !!

Nothing I can do will make it reappear, Ive even put it back to its original position, but its still invisible !!!

<telerik:RadProgressManager ID="RadProgressManager1" runat="server"

EnableEmbeddedBaseStylesheet="False" EnableEmbeddedSkins="False"

Skin="Vista" />