Questions on UI for ASP.NET AJAX Forum

1 answer

100 views

RADTOOLBAR in masterpage

i would like to add a rad toolbar to a masterpge and inherit it

please tell me how to chieve this

regards
Anwar

General Discussions

answered on 17 Sep 2012

1 answer

141 views

Add 2 columns in Grid, one with textboxes and another with button

Hello
I have a query and i bind the results with the following code

Dim oConn As

OdbcConnection<br>

Dim connectionString As String

<br>

connectionString = ConfigurationManager.ConnectionStrings(

"ODBCConnection"

).ToString<br>

oConn =

New

OdbcConnection(connectionString)<br>

commandString =

"SELECT sCode as Κωδικός, sName as Περιγραφή,sUnitOM as ΜΜ,sWhsalePr as Λιανική From smast where sCode like '"

+ TextBox1.Text + "%' or sSuplCode like '" + TextBox1.Text + "%' order by scode"

<br>

Dim myAdapter As New

OdbcDataAdapter(commandString, oConn)<br>

Dim productDataSet As DataSet = New

DataSet<br>       

myAdapter.Fill(productDataSet)<br>

RadGrid1.DataSource = productDataSet<br>

RadGrid1.DataBind()

I want to add 2 columns, one with textboxes and another with button so the user fills the desired quantity and then press the button to add the product to a shopping cart
Can you help me how to do that?
Thank you

Grid

answered on 17 Sep 2012

1 answer

109 views

Date Time Calendar -- Format

Hi,

I have a date time picker..which shows the date format as "yyyy-mm-dd" : I wanted to be change to "dd-mm-yyyy".

How to do ?

Calendar

answered on 17 Sep 2012

6 answers

145 views

MultiRowSelection and GridClientSelectColumn

Hello,
In my grid I need to select multiple rows. I set AllowMultipleRowSelection to True and I added a GridClientSelectColumn.
All works fine but I would like a little different behaviour on the column with checkboxs. Now I have this:

1) If I click with mouse on the checkboxes I can select multiple rows
2) If I click with mouse on the background of the first cell (the one with the checkbox), I deselect all the rows except the current row
3) If I click with moouse on the others cell, I deselect all the rows except the current one

I would like to modify the step 2 in this way:

2) If i click with the mouse on the background of the first cell I select the current row without deselecting the other rows. The click on the cell background must be equal to the click on the checkbox control.

Now the users have a different behaviour on the first cell and if they don't click exactly on the checkbox control they deselect all the previous selected rows.

Is it possible?
Thanks.

Grid

answered on 16 Sep 2012

5 answers

375 views

Prevent default Telerik sort for RadGrid

I am using Telerik RadGrid and I have a data source where one of my columns look like hh:mm:ss. When I load the datasource of the RadGrid from the database I order the results (on SQL level) based on a DateTime column (which contains year, month and day too), but in the grid representation I am showing just hh:mm:ss. My custom sort on SQL level is working well, in a given page I get exactly those elements which should be there. However, when I sort a column which is essentially a DateTime but is represented as hh:mm:ss, default telerik sort also occurs which sorts the rows in the given page. This is incorrect, because '09-12-2012 20:20:20' < '09-13-2012 10:10:10', but '20:20:20' > '10:10:10'. How can I prevent default telerik sort for my RadGrid? I want everything else to work in the same way, I just want to tell Telerik "do not sort my column, I've already handled the sort event, thanks". How can I achieve this?

Grid

answered on 15 Sep 2012

2 answers

159 views

Expanding a detail table causes losing updated data on parent table

Hello,
I'm trying to use radgrid client edit ("inplace" edit mode) on a parent table which has a detail table. (There is no need to update the cells of the detail table)
I change the parent table's cell value and then I click to another row and expand the detail table. But the cell which I updated turns to its old value. Updated data is lost. How can I hold the updated values when I expand the other rows? Please help.
Thanks in advance

Grid

answered on 15 Sep 2012

1 answer

132 views

Radio buttons in hierarchical grid.

I have a radiobutton column in the level of my hierarchical grid, when I set at a higher level I want the child levels to be set from the code behind, but I cannot get precisely the syntax to iterate the mastertable/detailtable associates with the find control. also I am not sure if I am starting form the correct location in code, my starting point is the radiobutton index changed event, also this is not load on demand detail table, the entire grid is loaded at once. thank you in advance for your assistance.

Grid

answered on 15 Sep 2012

2 answers

103 views

list-style in panelbar

I am trying to add a circle to my subitems in the panel bar
I have tried this css code:

.RadPanelBar ul.rpGroup {

list-style-type:circle !important;

}

This does not do anything at all. I checked with firebug in firefox and my line is at the top, i have even added the !important tag to overwrite everything else. But still no help.

I am using the metro skin. Because i am keen to keep lots of the functionality it already has. I have made some small changes that worked but this one just does not.

I have attached a screenshot from firebug showing my code at the top.

Anyone know why this is happening?

PanelBar

answered on 15 Sep 2012

2 answers

439 views

How to Show/Hide Rad Combobox items based on array row value in Itemdatabound

Folks,

I am using VS2010 with RadControls for ASP.NET AJAX Q2 2012 SP1. I would like to hide certain ComboBox items based on Values from an array. Below is my complete code. Any help will be appreciated.
Thanks
gc_0620
________________

<telerik:RadComboBox ID="Address_LocationRadComboBox" runat="server" SelectedValue='<%# Bind("Address_Location") %>'

Text='<%# Bind("Address_Location") %>' Width="150px">

<Items>

<telerik:RadComboBoxItem runat="server" Text="Florida" Value="Florida" />

<telerik:RadComboBoxItem runat="server" Text="New Jersey" Value="New Jersey" />

<telerik:RadComboBoxItem runat="server" Text="New York" Value="New York" />

<telerik:RadComboBoxItem runat="server" Text="Ohio" Value="Ohio" />

<telerik:RadComboBoxItem runat="server" Text="Wisconsin" Value="Wisconsin" />

</Items>

</telerik:RadComboBox>

.........

protected void RadGrid1_ItemDataBound(object sender, GridItemEventArgs e)

{

string[] retrievedLocations = (string[])Session["LocationData"];

Array.Sort(retrievedLocations);

// Assuming Array retrievedLocations has following Values:

// New Jersey

// New York

// Wisconsin

if (e.Item is GridEditableItem && e.Item.IsInEditMode)

{

GridEditableItem item = (GridEditableItem)e.Item;

// Beginning of Loop each row in array retrievedLocations until no rows in array

RadComboBox combo = (RadComboBox)item.FindControl("Address_LocationRadComboBox");

foreach (RadComboBoxItem ComboItem in combo.Items)

{

if (ComboItem.Value != row value of array retrievedLocations)

{

ComboItem.Visible = false;

}

else

{

ComboItem.Visible = true;

}

// End of Loop each row in array retrievedLocations until no rows in array

}

ComboBox

answered on 14 Sep 2012

6 answers

1.1K+ views

Hide a column in Edit mode

I have a need to show a grid will several columns that I don't want the user to see when the grid goes into edit mode.
I am adding the source code to the grid. I need to hide the "Date Due", "Description", "User Reference", etc...

<telerik:RadAjaxPanel ID="apnlPayments" runat="server" LoadingPanelID="ajaxLoadingPanel">

<telerik:RadGrid ID="gridPayments" runat="server" AllowAutomaticDeletes="true" AllowAutomaticUpdates="true"

AllowAutomaticInserts="true" AllowFilteringByColumn="false" AllowPaging="false"

AllowSorting="true" AllowMultiRowSelection="true" CellSpacing="0" CellPadding="0"

PageSize="500" ShowGroupPanel="false" AllowCustomPaging="false"

EnableLinqExpressions="false" GridLines="Both" HeaderStyle-Wrap="false"

AutoGenerateColumns="false" BorderColor="Black" BorderStyle="Solid" BorderWidth="1px"

OnItemDataBound="grid_ItemDataBound" OnPageIndexChanged="grid_PageIndexChanged"

OnPageSizeChanged="grid_PageSizeChanged" OnNeedDataSource="grid_NeedDataSource"

OnInsertCommand="gridPayments_InsertCommmand" OnUpdateCommand="gridPayments_UpdateCommand"

OnDeleteCommand="gridPayments_DeleteCommand" OnPreRender="gridPayments_PreRender">

<ClientSettings allowautoscrollondragdrop="false" allowexpandcollapse="false" allowgroupexpandcollapse="false">

<Selecting AllowRowSelect="true" UseClientSelectColumnOnly="true" />

<Scrolling AllowScroll="false" UseStaticHeaders="true" FrozenColumnsCount="4" />

<ClientEvents OnGridCreated="grid_GridCreated" />

<Resizing AllowResizeToFit="true" EnableRealTimeResize="true" />

</ClientSettings>

<MasterTableView EditMode="EditForms" CommandItemDisplay="Top" AutoGenerateColumns="false"

DataKeyNames="LoanPaymentID" InsertItemPageIndexAction="ShowItemOnCurrentPage">

<ItemStyle CssClass="Row0" />

<AlternatingItemStyle CssClass="Row1" />

<RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"><HeaderStyle Width="20px" /></RowIndicatorColumn>

<ExpandCollapseColumn FilterControlAltText="Filter ExpandColumn column"><HeaderStyle Width="20px" /></ExpandCollapseColumn>

<Columns>

<telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn" Visible="true">

<ItemStyle HorizontalAlign="Center" Wrap="false" VerticalAlign="Middle" /></telerik:GridEditCommandColumn>

<telerik:GridButtonColumn ConfirmText="Delete this Payment?" ConfirmDialogType="RadWindow"

ConfirmTitle="Delete" ButtonType="ImageButton" ImageUrl="~/Images/icon_delete.png"

CommandName="Delete" Text="Delete" UniqueName="DeleteColumn">

<ItemStyle HorizontalAlign="Center" />

</telerik:GridButtonColumn>

<telerik:GridBoundColumn DataField="LoanPaymentPS_ACCT_NO" MaxLength="50" FilterControlAltText="Filter LoanPaymentPS_ACCT_NO column"

HeaderStyle-Wrap="false" HeaderText="PS ACCT NO" SortExpression="LoanPaymentPS_ACCT_NO"

UniqueName="PS_ACCT_NO" ReadOnly="true">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="LoanPaymentDateDue" DataFormatString="{0:MM/dd/yyyy}"

FilterControlAltText="Filter LoanPaymentDateDue column" HeaderStyle-Wrap="false"

HeaderText="DATE DUE" SortExpression="LoanPaymentDateDue" UniqueName="LoanPaymentDateDue" ReadOnly="true">

</telerik:GridDateTimeColumn>

<telerik:GridDateTimeColumn DataField="LoanPaymentDatePaid" DataFormatString="{0:MM/dd/yyyy}"

FilterControlAltText="Filter LoanPaymentDatePaid column" HeaderStyle-Wrap="false"

HeaderText="DATE PAID" SortExpression="LoanPaymentDatePaid" UniqueName="LoanPaymentDatePaid" DataType="System.DateTime">

</telerik:GridDateTimeColumn>

<telerik:GridNumericColumn DataField="LoanPaymentAmount" NumericType="Currency" FilterControlAltText="Filter LoanPaymentAmount column"

HeaderStyle-Wrap="false" HeaderText="AMOUNT" SortExpression="LoanPaymentAmount"

UniqueName="LoanPaymentAmount">

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="LoanPaymentDescription" MaxLength="50" FilterControlAltText="Filter LoanPaymentDescription column"

HeaderStyle-Wrap="false" HeaderText="DESCRIPTION" SortExpression="LoanPaymentDescription"

UniqueName="LoanPaymentDescription">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LoanPaymentUserReference" MaxLength="50" FilterControlAltText="Filter LoanPaymentUserReference column"

HeaderStyle-Wrap="false" HeaderText="USER REFERENCE" SortExpression="LoanPaymentUserReference"

UniqueName="LoanPaymentUserReference">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LoanPaymentMethodNo" MaxLength="50" FilterControlAltText="Filter LoanPaymentMethodNo column"

HeaderStyle-Wrap="false" HeaderText="METHOD NO" SortExpression="LoanPaymentMethodNo"

UniqueName="LoanPaymentMethodNo">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LoanPaymentMethodReference" MaxLength="50" FilterControlAltText="Filter LoanPaymentMethodReference column"

HeaderStyle-Wrap="false" HeaderText="METHOD REFERENCE" SortExpression="LoanPaymentMethodReference"

UniqueName="LoanPaymentMethodReference">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="LoanPaymentType" MaxLength="50" FilterControlAltText="Filter LoanPaymentType column"

HeaderStyle-Wrap="false" HeaderText="TYPE" SortExpression="LoanPaymentType" UniqueName="LoanPaymentType">

</telerik:GridBoundColumn>

</Columns>

</MasterTableView>

<FilterMenu EnableImageSprites="false" />

<HeaderContextMenu CssClass="GridContextMenu GridContextMenu_Default" />

</telerik:RadGrid>

</telerik:RadAjaxPanel>