Questions on UI for ASP.NET AJAX Forum

1 answer

66 views

Grid re-sizing when page size is changed

When I change the "Page Size" from 10 to 20 the grid does not re-size to show all 20 and the nav bar. It scrolls the grid. I need the horizonal scroll bar as i display many items. I would like it to display all 20 items without scrolling.

<telerik:RadGrid AutoGenerateColumns="False" ID="grdPendingAuths" AllowSorting="True" AllowPaging="True" PagerStyle-AlwaysVisible="True" PagerStyle-Position="Bottom" PageSize="10"

GridLines="Both" Skin="WebBlue" EnableEmbeddedSkins="false" BorderColor="#0066B3"

BorderWidth="2" OnSortCommand="grdPendingAuths_SortCommand" OnNeedDataSource="grdPendingAuths_OnNeedDataSource"

Width="9in" runat="server" CellSpacing="0">

<ClientSettings>

<Scrolling AllowScroll="true" UseStaticHeaders="false" SaveScrollPosition="false">

</Scrolling>

<ClientEvents OnGridCreated="GridCreated" />

</ClientSettings>

<ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true" />

<MasterTableView TableLayout="Auto" Width="9in" AllowNaturalSort="false" >

<Columns>

<telerik:GridBoundColumn HeaderText="Status" DataField="ApprovalStatus" UniqueName="ApprovalStatus"

SortExpression="ApprovalStatus" HeaderStyle-HorizontalAlign="Center" ItemStyle-Wrap="False"

ShowSortIcon="False" ShowFilterIcon="False" ReadOnly="True" AllowFiltering="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Originator" DataField="CreatedBy" UniqueName="CreatedBy"

SortExpression="CreatedBy" ItemStyle-Wrap="False" ShowSortIcon="False" ShowFilterIcon="False"

ReadOnly="True" AllowFiltering="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="MemberID" DataField="MemberID" UniqueName="MemberID"

SortExpression="MemberID" Visible="False" ShowSortIcon="False" ShowFilterIcon="False"

ReadOnly="True" AllowFiltering="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Member Name" DataField="Member Name" UniqueName="MemberName"

SortExpression="Member Name" ItemStyle-Wrap="False" ShowSortIcon="False" ShowFilterIcon="False"

ReadOnly="True" AllowFiltering="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="AuthID" DataField="AuthID" UniqueName="AuthID"

SortExpression="AuthID" Visible="False" ShowSortIcon="False" ShowFilterIcon="False"

ReadOnly="True" AllowFiltering="False">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Auth #" DataField="AuthNumber" UniqueName="AuthNumber"

SortExpression="AuthNumber" HeaderStyle-HorizontalAlign="Center" HeaderStyle-Width=".75in"

ShowSortIcon="False" ShowFilterIcon="False" ReadOnly="True" AllowFiltering="False">

<HeaderStyle HorizontalAlign="Center" VerticalAlign="Bottom" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Adj #" DataField="AuthAmendment" UniqueName="AuthAmendment"

SortExpression="AuthAmendment" ItemStyle-Wrap="False" HeaderStyle-Width=".3in"

ItemStyle-HorizontalAlign="Right" DataFormatString="{0:#0}" ShowSortIcon="False"

ShowFilterIcon="False" ReadOnly="True" AllowFiltering="False" DataType="System.Int32"

HeaderStyle-HorizontalAlign="Center">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Start Date" DataField="StartDate" UniqueName="StartDate"

SortExpression="StartDate" DataType="System.DateTime" HeaderStyle-Width=".65in"

ItemStyle-Wrap="False" DataFormatString="{0:MM/dd/yyyy}" ShowSortIcon="False"

ShowFilterIcon="False" ReadOnly="True" AllowFiltering="False" HeaderStyle-HorizontalAlign="Center">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="End Date" DataField="EndDate" UniqueName="EndDate"

SortExpression="EndDate" DataType="System.DateTime" HeaderStyle-Width=".65in"

ItemStyle-Wrap="False" DataFormatString="{0:MM/dd/yyyy}" ShowSortIcon="False"

ShowFilterIcon="False" ReadOnly="True" AllowFiltering="False" HeaderStyle-HorizontalAlign="Center">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Max Units" DataField="MaxUnits" UniqueName="MaxUnits"

SortExpression="MaxUnits" ItemStyle-Wrap="False" HeaderStyle-Width=".3in" DataType="System.Int32"

DataFormatString="{0:###,##0}" ItemStyle-HorizontalAlign="Right" ShowSortIcon="False"

ShowFilterIcon="False" ReadOnly="True" AllowFiltering="False" HeaderStyle-HorizontalAlign="Center">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Division" DataField="Division" UniqueName="Division"

SortExpression="Division" ItemStyle-Wrap="False" HeaderStyle-Width=".5in" ShowSortIcon="False"

ShowFilterIcon="False" ReadOnly="True" AllowFiltering="False" ItemStyle-HorizontalAlign="Center"

HeaderStyle-HorizontalAlign="Center">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn HeaderText="Service Description" DataField="Service Description"

UniqueName="ServiceDescription" SortExpression="Service Description" ShowSortIcon="False"

ShowFilterIcon="False" ReadOnly="True" AllowFiltering="False" ItemStyle-Wrap="False">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

</telerik:RadGrid>

Grid

answered on 16 Dec 2011

1 answer

100 views

combobox and listbox

Hi,

I have one combobox and two radlistboxes. The first listbox's datasource is changed when the comboboxes' selecteditemindex changes.

When I do the following:

Change combobox, pick two items from the first listbox and add them to the second listbox.
Change combobox again and pick another item and add it to the second listbox.

The items inside the second listbox are empty now.

Is there a workaround for this or am I doing something wrong (like resetting datasource or postback or so?).

Regards.

ListBox

answered on 16 Dec 2011

7 answers

304 views

Cannot populate RadComboBox in RadGrid

Hi,

I have the following grid, all the GridBoundColumn's populate when the grid is loaded but the radcombobox does not. How can I get it to display the current value? Does anyone have an example of a radgrid where one of the columns is a drop down or combo box?

Thanks for any help in advance,

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

<telerik:AjaxUpdatedControl ControlID="Label1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

</telerik:RadAjaxManager>

<telerik:RadGrid

ID="RadGrid1"

DataSourceID="SessionDataSource1"

OnItemDataBound = "RadGrid1_ItemDataBound"

Width="97%"

ShowStatusBar="True"

AllowSorting="True"

PageSize="7"

GridLines="None"

AllowPaging="True"

runat="server"

AllowAutomaticUpdates="True"

AutoGenerateColumns="False">

<MasterTableView

TableLayout="Fixed"

DataKeyNames="checklistNo"

EditMode="InPlace"

DataSourceID="SessionDataSource1">

<Columns>

<telerik:GridBoundColumn UniqueName="CategoryID" DataField="CategoryID" HeaderText="CategoryID" ReadOnly="True" >

<HeaderStyle Width="10%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="checklistNo" DataField="checklistNo" HeaderText="checklistNo" Display="False" ReadOnly="True" >

<HeaderStyle Width="25%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Related_item_type_label" DataField="Related_item_type_label" HeaderText="Question" ReadOnly="True">

<HeaderStyle Width="30%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="Service_impact_category" DataField="Service_impact_category" ReadOnly="True" HeaderText="Service Impact" >

<HeaderStyle Width="10%" />

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn UniqueName="Inspection Result" DataField="INSPECTION_RESULT" HeaderText="Inspection Result">

<HeaderStyle Width="17%" />

<ItemStyle Width="17%" />

<EditItemTemplate>

<telerik:RadTextBox Visible="False" AutoPostBack="true" ID="lblInspectionResult" runat="server" Text='<%#Eval("INSPECTION_RESULT")%>'>

</telerik:RadTextBox>

<telerik:RadComboBox visible="True" ID="cbInspectionResult" AppendDataBoundItems="true" runat="server" DataTextField="INSPECTION_RESULT" DataValueField="INSPECTION_RESULT">

</telerik:RadComboBox>

</EditItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn UniqueName="Inspection_Fault" DataField="Inspection_Fault" HeaderText="Fault" >

<HeaderStyle Width="10%" />

</telerik:GridBoundColumn>

<telerik:GridBoundColumn UniqueName="inspection_comment" DataField="inspection_comment" HeaderText="Comments" >

<HeaderStyle Width="10%" />

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<ClientSettings>

<ClientEvents

OnRowClick="RowClick"

OnRowDblClick="RowDblClick"

OnGridCreated="GridCreated"

OnCommand="GridCommand" />

</ClientSettings>

</telerik:RadGrid>

,
Judy

Grid

answered on 16 Dec 2011

3 answers

66 views

persist the reordered grid info

Hi, I would like to persist the grid row order after the user reorder it.
I'm almost there, but i cant get the "updated" values from the grid. Whenever I access the e.DestinationGrid.Items or the grid.Items on the RowDrop event, the grid isnt updated yet, so i'm stuck with the old values.

ASPX:

<div>

<telerik:RadGrid ID="gridSubjects" runat="server" AllowPaging="True" AllowSorting="True"

AutoGenerateColumns="False" Skin="Telerik" OnDeleteCommand="gridSubjects_DeleteCommand"

OnNeedDataSource="gridSubjects_NeedDataSource" OnInsertCommand="gridSubjects_InsertCommand"

OnUpdateCommand="gridSubjects_UpdateCommand"

onrowdrop="gridSubjects_RowDrop">

<ClientSettings AllowRowsDragDrop="true" EnablePostBackOnRowClick="True">

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

</ClientSettings>

<MasterTableView DataKeyNames="SubjectID,Sequence" InsertItemPageIndexAction="ShowItemOnCurrentPage"

AutoGenerateColumns="false" CommandItemDisplay="Top" CommandItemSettings-AddNewRecordText="Adicionar"

CommandItemSettings-RefreshText="Atualizar">

<CommandItemSettings AddNewRecordText="Adicionar" RefreshText="Atualizar" ExportToPdfText="Export to PDF">

</CommandItemSettings>

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column">

</RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column">

</ExpandCollapseColumn>

<Columns>

<telerik:GridDragDropColumn Visible="true" />

<telerik:GridTemplateColumn DataField="SubjectID" HeaderText="ID" UniqueName="SubjectID"

Visible="false" ReadOnly="true">

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Name" HeaderText="Nome" UniqueName="Name" />

<telerik:GridBoundColumn DataField="Description" HeaderText="Descrição" UniqueName="Description" />

<telerik:GridHyperLinkColumn DataNavigateUrlFields="SubjectID" DataNavigateUrlFormatString="~/TrainingsControl/Topics.aspx?SID={0}"

DataTextField="TopicsCount" DataTextFormatString="Tópicos ({0})" UniqueName="TopicsCount" />

<telerik:GridHyperLinkColumn DataNavigateUrlFields="QuizID,SubjectID" DataNavigateUrlFormatString="~/TrainingsControl/QuizzesControl/Quiz.aspx?QID={0}&SID={1}"

UniqueName="Quiz" DataTextField="QuestionsCount" DataTextFormatString="Questionário ({0})" />

<telerik:GridEditCommandColumn ButtonType="ImageButton" />

<telerik:GridButtonColumn ConfirmText="Deseja realmente deletar o módulo?" ConfirmDialogType="RadWindow"

ConfirmTitle="Confirmação" ButtonType="ImageButton" CommandName="Delete" ConfirmDialogHeight="100px"

ConfirmDialogWidth="220px" />

</Columns>

<EditFormSettings>

<EditColumn UniqueName="EditCommandColumn1" FilterControlAltText="Filter EditCommandColumn1 column">

</EditColumn>

</EditFormSettings>

</MasterTableView>

<StatusBarSettings LoadingText="Carregando..." ReadyText="Pronto" />

<FilterMenu EnableImageSprites="False">

</FilterMenu>

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Telerik">

</HeaderContextMenu>

</telerik:RadGrid>

</div>

c#

protected void gridSubjects_RowDrop(object sender, GridDragDropEventArgs e)

{

Subject subject = new Subject();

Dictionary<int, short> order = new Dictionary<int, short>();

//I tried the alternative below too

//foreach (GridDataItem item in gridSubjects.Items)

foreach (GridDataItem item in e.DestinationGrid.Items)

{

int subID = Int32.Parse(item.GetDataKeyValue("SubjectID").ToString());

short subSeq = Int16.Parse(item.GetDataKeyValue("Sequence").ToString());

order.Add(subID, subSeq);

}

using (Pro10Entities db = new Pro10Entities())

{

subject.Reorder(db, order);

}

So, can someone help?
Thanks! And sorry for the english!

Grid

answered on 16 Dec 2011

1 answer

104 views

Zoom RadPane

Hi,
with an IFrame control we are able to zoom the contents with css like so:

#MyFrameID

{

zoom

: 120%;

}

However when I try the same with a RadPane it doesn't zoom the contents of the pane, but zooms the whole control
I am wondering how I can achieve the same effect with the RadPane?

Basically I want to add zoom in and zoom out controls that will zoom the radpane in an out.

Richard

Splitter

answered on 16 Dec 2011

2 answers

75 views

Popup is hidden

i am using RadDateTimePicker in modal radwindow(with autosize), and a picker popup is hidden under the borders of modal winodow. Need to scroll to select a value. I don't know if i made it clear. Is there a way to work around this?

Calendar

answered on 16 Dec 2011

1 answer

79 views

Misc glitches with RadLoadingPanel

I'm currently using a global RadLoadingPanel in my master template...

Code:

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Web20"

IsSticky="true" Style="position: absolute; top: 0; left: 0; height: 100%; width: 100%;"

InitialDelayTime="200" MinDisplayTime="500" Transparency="30">

The glitches I've noticed are some telerik controls like TAB controls , Radio appears above the transparent layer and are clickable ... The other controls and hmlt links are inaccessible which is how it should be...

Also, the transparent layer doesnt cover the whole page ...

Is there a hack i need to do so that it covers correctly the whole page so that none of the controls are accessible?

Attached is the page where i've hilighted all the glitches...
The Green Hilights denotes accsible controls or section of the page... you will see a semi-transparent layer where the loading image is... at below it cuts off... making everythnig else accessible below.

Ajax

answered on 16 Dec 2011

0 answers

49 views

Grid pager can't display NextPrevandNumeric Image

Hi
I encounterred pager can't display NextPrevandNumeric Image issue when I put a Grid in content page. I suppose that this is caused due to some css/styple problem, but I can't figure it out...please help if you have any idea how to fix it, thank you.

Grid

asked on 16 Dec 2011

4 answers

131 views

Rad Grid Localisation - known issues?

Hi
Are there problems with using Generate Local Resource in VS 2008 against the latest version of the rad grid?
After I ran it against a radgrid the edit option stopped working correctly - eg. filter data displayed in the grid and then edit a row, the grid displays the first page of the none filtered data with one of the rows in that page in edit mode. removing the meta resourcekey from the rad grid got rid of this problem.

What the recommendation for localising the the latest version?

Thanks

Grid

answered on 16 Dec 2011

5 answers

135 views

exporting hierarchical grid

Hi,
I have a three tier hierarchical grid with sqldatasource.I wanna export all of the data in the grid.I've looked the example given in this link.
I added <CommandItemSettings ShowExportToExcelButton="true" ShowExportToWordButton="true"
ShowExportToPdfButton="true" /> and <ExportSettings ExportOnlyData="true" IgnorePaging="true" OpenInNewWindow="true">
<Excel Format="Html" />
</ExportSettings> in my aspx page,but I can't make it.
How I can export the data to pdf?

Grid

answered on 16 Dec 2011