Questions on UI for ASP.NET AJAX Forum

2 answers

143 views

Hi,
I am following http://demos.telerik.com/aspnet-ajax/grid/examples/hierarchy/nestedviewtemplate/defaultcs.aspx this example.
On one of the panels, I have a grid. What I would like to do is, do not display grid if there is no data. Display a single line message.
How can I do that ???

Please help,

Thanks

Grid

answered on 27 Jan 2011

2 answers

96 views

How do I set width only for one column without using tablelayout=fixed

Hi,
I am using Telerik RadGrid and displaying about 15 columns.
Now I want to set width for a particular column, not for all columns.
I tried giving HeaderStyle width but somehow its not changing width.
If I use TableLayout="Fiexed", I will have to set all the columns width and also it cut out rest of the words.
And actually depending upon my columns, I prefer not to set width for columns but I just want to set width for one single column.

Here is my code and I want to set width for "rejectrequest" column only.
Want to have every other column as auto width which is working fine.
NOTE: In my sample code, I have not added all of my columns. Added few columns only but actually I have more columns than this.

<div class="Scrollgrid" style="width: 1100px; height: 600px;">

<telerik:RadGrid ID="RadGridAllRequests" runat="server" AllowPaging="true" AllowSorting="true"

AllowFilteringByColumn="true" AutoGenerateColumns="False" GridLines="Both" OnNeedDataSource="RadGridAllRequests_needdatasource"

OnItemDataBound="RadGridAllRequests_ItemDataBound"

OnItemCreated="RadGridAllRequests_ItemCreated"

OnItemCommand="RadGridAllRequests_ItemCommand"

AllowMultiRowSelection="true" SelectedItemStyle-CssClass="SelectedItem"

Width="100%"

Skin="WebBlue">

<PagerStyle Mode="NextPrevNumericAndAdvanced" Position="TopAndBottom" AlwaysVisible="true" />

<ClientSettings EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">

<Selecting AllowRowSelect="true" />

</ClientSettings>

<MasterTableView ShowHeadersWhenNoRecords="true"

AllowFilteringByColumn="true" DataKeyNames="RequestInfoID">

<Columns>

<telerik:GridNumericColumn DataField="RequestInfoID" HeaderText="Request No." SortExpression="RequestInfoID"

DataType="System.Int64" FilterControlWidth="40px"

HeaderStyle-Width="100px"

>

</telerik:GridNumericColumn>

<telerik:GridDateTimeColumn

HeaderStyle-Width="130px"

DataField="CreationDate" HeaderText="Created On" FilterControlWidth="100px"

CurrentFilterFunction="Contains" PickerType="DatePicker" DataFormatString="{0:MM/dd/yyyy}"

SortExpression="CreationDate">

</telerik:GridDateTimeColumn>

<telerik:GridNumericColumn DataField="TotalAmount" HeaderText="Total Amount" SortExpression="TotalAmount"

HeaderStyle-HorizontalAlign="Right" ItemStyle-HorizontalAlign="Right" DataType="System.Decimal"

FilterControlWidth="70px" DataFormatString="{0:#,##0.00}">

<FooterStyle Font-Bold="true" />

</telerik:GridNumericColumn>

<telerik:GridBoundColumn DataField="RequestedFrom_Email" HeaderText="Requested From"

SortExpression="RequestedFrom_Email">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Describe Reason and Reject" UniqueName="rejectrequest"

AllowFiltering="false"

HeaderStyle-Width="240px" >

<ItemTemplate>

<asp:Label ID="lblNextApprovalRequiredFor" runat="server" Visible="false" Text='<%#Eval ( "NextApprovalRequiredFor").ToString()%>'></asp:Label>

<asp:Label ID="lblUnder5000ApprovedORRejected" runat="server" Visible="false" Text='<%#Eval ( "Under5000ApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblOver5000ApprovedORRejected" runat="server" Visible="false" Text='<%#Eval ( "Over5000ApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblFinanceApprovedORRejected" runat="server" Visible="false" Text='<%#Eval ( "FinanceApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblOver25000CFOApprovedORRejected" runat="server" Visible="false"

Text='<%#Eval ( "Over25000CFOApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblOver25000COOApprovedORRejected" runat="server" Visible="false"

Text='<%#Eval ( "Over25000COOApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblOver25000CEOApprovedORRejected" runat="server" Visible="false"

Text='<%#Eval ( "Over25000CEOApprovedORRejected").ToString()%>'></asp:Label>

<asp:Label ID="lblRejectedMessage" runat="server" Text="Rejected"></asp:Label>

<asp:TextBox Width="150px" runat="server" MaxLength="150" ValidationGroup="vgRejection"

ID="txtRejectionReason" ToolTip="Enter Rejection Reason"></asp:TextBox>

<%--                                                            <

asp:RequiredFieldValidator

ID="rvRejectionReason"

Display="Dynamic"

ValidationGroup="vgRejection"

runat="server"

SetFocusOnError="true"

ControlToValidate="txtRejectionReason"

ErrorMessage="Enter Rejection Reason"

ToolTip="Enter Rejection Reason">

</asp:RequiredFieldValidator>

--%>

<asp:Button CssClass="ButtonCSS"

runat="server" ID="btnRejectRequest" Text="Reject"

ToolTip="Click here to Reject Request"

CausesValidation="true" ValidationGroup="vgRejection" OnClick="btnRejectRequest_Click"

OnClientClick=

"javascript:var agree= confirm('Are you sure you want to reject this Request? '); if(agree){ Page_BlockSubmit = false;buttonClicked_WithObj(this); return true; };else {return false;};"

CommandArgument='<%#

Eval ( "RequestInfoID").ToString()

+ ";" +

Eval ( "NextApprovalRequiredFor").ToString()

+ ";" +

Eval ( "TotalAmount").ToString()

%>' />

</ItemTemplate>

</telerik:GridTemplateColumn>

<telerik:GridBoundColumn DataField="Request_Current_Status_DisplayText" HeaderText="Current Status"

SortExpression="Request_Current_Status_DisplayText" UniqueName="Request_Current_Status_DisplayText">

</telerik:GridBoundColumn>

<telerik:GridTemplateColumn HeaderText="Request No." SortExpression="RequestInfoID"

AllowFiltering="false" Visible="false" UniqueName="requestinfoid">

<ItemTemplate>

<asp:Label ID="lblRequestInfoID" runat="server" Text='<%# DataBinder.Eval(Container.DataItem, "RequestInfoID")%>'></asp:Label></ItemTemplate>

</telerik:GridTemplateColumn>

</Columns>

<EditFormSettings>

<PopUpSettings ScrollBars="None" />

</EditFormSettings>

<ExpandCollapseColumn Resizable="False" Visible="False">

<HeaderStyle />

</ExpandCollapseColumn>

<RowIndicatorColumn Visible="False">

<HeaderStyle />

</RowIndicatorColumn>

</MasterTableView>

</telerik:RadGrid>

</div>

Thanks in advance ,

Grid

answered on 27 Jan 2011

4 answers

240 views

cascading dropdown returning wrong value.

The problem that I am having is with the cascading drop down combo box.

When you preset the first, and second drop down with default values or preset values like you would have if a user has to re-edit a form. The second drop drop down will not return the selected value if the user changes the first drop down then selects the second drop down. The value returned is always the value of the first item in the drop-down list.

Example: preset the a country drop down to United States. Then the second to Florida. If the user changes the country to Canada then selects a Canadian region, the value returned will be the first state listed for the United States not the Canadian region selected.

.ascx code

<tr>

<td colspan="2" class="t12_BlackBold"><div align="right">

Country: <span class="t12_red">*</span>

</div></td>

<td class="style1"><div align="left">

<telerik:RadComboBox ID="frm_sCountry_cd" Runat="server"

DataTextField="sCountry"

DataValueField="sCountry_cd"

ErrorMessage="Required field."

Skin="Outlook"

Width="180px"

DropDownWidth="240px"

MaxHeight="300px"

onclientselectedindexchanged="LoadStates"

OnItemsRequested="frm_sCountry_cd_ItemsRequested">

</telerik:RadComboBox><asp:CompareValidator ID="sCountry_cd_VD" runat="server"

ValueToCompare="-Select a Country-"

Operator="NotEqual"

ControlToValidate="frm_sCountry_cd"

CssClass="KT_field_error" Font-Bold="True" Display="Dynamic"

ErrorMessage="<br />You must select a country."/>

</div></td>

</tr>

<tr>

<td colspan="2" class="t12_BlackBold"><div align="right">

State/Region: <span class="t12_red">*</span>

</div></td>

<td class="style1"><div align="left">

<telerik:RadComboBox ID="frm_sState" Runat="server"

DataTextField="sStateDesc" DataValueField="sState"

EmptyMessage="-Select State-"

ErrorMessage="Required field."

Skin="Outlook" Width="180px"

MaxHeight="300px"

DropDownWidth="200px"

OnClientItemsRequested="ItemsLoaded"

OnItemsRequested="frm_sState_ItemsRequested" >

</telerik:RadComboBox><asp:CompareValidator ID="sState_VD" runat="server"

ValueToCompare="-Select State/Region-"

Operator="NotEqual"

ControlToValidate="frm_sCountry_cd"

CssClass="KT_field_error" Font-Bold="True" Display="Dynamic"

ErrorMessage="<br />You must select a state/region."/>

</div></td>

</tr>

.

<script type="text/javascript">

//global variables for the countries and cities comboboxes

var sStatesCombo;

function pageLoad()

{

// initialize the global variables

// in this event all client objects

// are already created and initialized

sStatesCombo = $find("<%= frm_sState.ClientID%>");

function LoadStates(combo, eventArqs)

{

var item = eventArqs.get_item();

sStatesCombo.set_text("Loading...");

// if a continent is selected

if (item.get_index() > 0)

{

// this will fire the ItemsRequested event of the

// countries combobox passing the sCountry_id as a parameter

if (sStatesCombo.get_visible == false )

{

sStatesCombo.set_visible(true);

}

sStatesCombo.clearItems();

sStatesCombo.requestItems(item.get_value(), false);

sStatesCombo.commitChanges();

items = sStatesCombo.get_items();

if (items.get_count() == 0)

{

sStatesCombo.set_text("-Select State/Region-");

}

else

{

sStatesCombo.clearItems();

}

else

{

// the -Select a continent- item was chosen

sStatesCombo.set_text("-Select Country first-");

sStatesCombo.clearItems();

}

function ItemsLoaded(combo, eventArqs) {

if (combo.get_items().get_count() > 0) {

// pre-select the first item

combo.set_text(combo.get_items().getItem(0).get_text());

combo.get_items().getItem(0).highlight();

}

combo.showDropDown();

}

</script>

.ascx.vb code

'Code used in updating the values

...

'Setup Country and state drop downs 

                LoadCountries()

frm_sCountry_cd.SelectedValue = sCountry_cd

LoadStates(sCountry_cd)

If sState <> "" Then frm_sState.SelectedValue = sState

...

Protected Sub LoadCountries()

Dim connection As New SqlConnection(ConfigurationManager.ConnectionStrings("AAU_StoreCS").ConnectionString)

Dim adapter As New SqlDataAdapter("SELECT Value AS sCountry_cd, Text AS sCountry, EntryID AS ParentID, 0 as sOrder FROM Mstr_Lists WHERE (ListName = 'Country') AND (Value = 'US') UNION SELECT Value AS sCountry_cd, Text AS sCountry, EntryID AS ParentID, 1 as sOrder FROM Mstr_Lists AS Mstr_Lists_1 WHERE (ListName = 'Country') Order by sOrder, sCountry", connection)

Dim dt As New DataTable()

adapter.Fill(dt)

frm_sCountry_cd.DataTextField = "sCountry"

frm_sCountry_cd.DataValueField = "sCountry_cd"

frm_sCountry_cd.DataSource = dt

frm_sCountry_cd.DataBind()

'insert the first item

frm_sCountry_cd.Items.Insert(0, New RadComboBoxItem("-Select a Country-"))

End Sub

Protected Sub LoadStates(ByVal sCountry_cd As String)

Dim connection As New SqlConnection(ConfigurationManager.ConnectionStrings("AAU_StoreCS").ConnectionString)

'Select states/regions based on the sCountry_cd

Dim adapter As New SqlDataAdapter("SELECT Value AS sState, Text AS sStateDesc, ParentID FROM Mstr_Lists WHERE (ListName = 'Region') AND (ParentID = (SELECT EntryID FROM Mstr_Lists AS Mstr_Lists_1 WHERE (ListName = 'Country') AND (Value = @Country_cd))) ORDER BY sStateDesc", connection)

adapter.SelectCommand.Parameters.AddWithValue("@Country_cd", sCountry_cd)

Dim dt As New DataTable()

adapter.Fill(dt)

frm_sState.DataTextField = "sStateDesc"

frm_sState.DataValueField = "sState"

frm_sState.DataSource = dt

frm_sState.DataBind()

If Not frm_sState.IsEmpty Then

frm_sState.Visible = True

'sStateTxt.Visible = False

'insert the first item

If sCountry_cd = "US" Then

frm_sState.Items.Insert(0, New RadComboBoxItem("-Select State-"))

Else

frm_sState.Items.Insert(0, New RadComboBoxItem("-Select State/Region-"))

End If

Else

'frm_sState.Visible = False

'sStateTxt.Visible = True

End If

End Sub

'Code used to read values during post back.

...

Dim sState As String = Left(Replace(frm_sState.SelectedValue.ToString(), "'", "''"), 20)

Dim sCountry_cd As String = Left(Replace(frm_sCountry_cd.SelectedValue.ToString, "'", ""), 2)

...

ComboBox

answered on 27 Jan 2011

3 answers

100 views

Drag Drop functionality

Hi all,
I am attaching the image file. please refer it, I want to implement the exact functionality.
I want to use this functionality for designing forms.

Its very challenging task for me. Please give some Idea or logic.
I want to use telerik controls.

please help me.
thanks!

ListView

answered on 27 Jan 2011

2 answers

104 views

grid events

I have a radgrid which is populated via my vb code below:

Dim Get_Service_Reports As String = "Select * from Service_Reports "
Get_Service_Reports_Adapter = New SqlDataAdapter(Get_Service_Reports, DBConn)
Service_Reports_Table = New DataTable
Get_Service_Reports_Adapter.Fill(Service_Reports_Table)
If Not IsPostBack Then
RadGrid1.DataSource = Service_Reports_Table End If


RadGrid1.DataBind()

That code executes in the page load.
I then add the following code to give colors to rows depending on certain values

For

i As Integer = 0 To RadGrid1.Items.Count - 1
If Service_Reports_Table(i)("Status") = "Newly Submitted" Then
RadGrid1.Items.Item(i).BackColor = Drawing.Color.Wheat
ElseIf Service_Reports_Table(i)("Status") = "Entered" Then
RadGrid1.Items.Item(i).BackColor = Drawing.Color.Thistle
End If
Next

That code right above appears in both the page load and the needdatasource events.
When a user applies a filter or clicks on the edit, update, cancel commands, the colors disappear until a postback occurs.
Can something be done so that the "Code for the colors" execute when those commands are fired?

Grid

answered on 27 Jan 2011

0 answers

99 views

Custom RadTabStrip styles not working in DNN Desktop Modules

Hi Expert,

I am using the Custom RadTabStrip in DNN Custom Modules. I am unable to view the UI that I am looking for . Some styles problem occurring in that. But the same code is working fine in the Ordinary .ascx files in the same DNN Project.
<%@ Control Language="C#" AutoEventWireup="true" CodeFile="View.ascx.cs" Inherits="DotNetNuke.Modules.CourseSearch.View" %>
<%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="cc1" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<style type="text/css">
        .HovCSS
        {
            background: url('DesktopModules/CourseSearch/images/tab1.gif') no-repeat;
            width: 139px;
            height: 24px;
        }
        .OutCSS
        {
            background: url('DesktopModules/CourseSearch/images/tab2.gif') no-repeat;
            width: 139px;
            height: 24px;
        }
        .SelCss
        {
            background: url('DesktopModules/CourseSearch/images/tab1.gif') no-repeat;
            width: 139px;
            height: 24px;
        }
    </style>
<telerik:RadTabStrip ID="RadTabStrip1" runat="server" MultiPageID="rmp"
            EnableEmbeddedSkins="false">
            <Tabs>
                <telerik:RadTab Value="Tab1" Text="MyTab1" Selected="true" HoveredCssClass="HovCSS" OuterCssClass="OutCSS"
                    SelectedCssClass="SelCSS">
                </telerik:RadTab>
                <telerik:RadTab Value="Tab2" Text="MyTab2" HoveredCssClass="HovCSS" OuterCssClass="OutCSS" SelectedCssClass="SelCSS">
                </telerik:RadTab>
                <telerik:RadTab Value="Tab3" Text="MyTab3" HoveredCssClass="HovCSS" OuterCssClass="OutCSS" SelectedCssClass="SelCSS">
                </telerik:RadTab>
            </Tabs>
        </telerik:RadTabStrip>
        <telerik:RadMultiPage ID="rmp" SelectedIndex="0" runat="server" Width="100%">
            <telerik:RadPageView ID="FirstPage" runat="server">
                First Page
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView1" runat="server">
                Second Page
            </telerik:RadPageView>
            <telerik:RadPageView ID="RadPageView2" runat="server">
                Third Page
            </telerik:RadPageView>
        </telerik:RadMultiPage>

Please guide me!!!!!!!! to resolve this issue. Its urgent.....

Thanks in Advance!
RaviChandran

TabStrip

asked on 27 Jan 2011

6 answers

62 views

WC3 Validator Rejects "disabled='disabled'"

I ran my page through the validator at http://validator.w3.org/, and it told me: Line 467, Column 144: there is no attribute "disabled"

The link it's referring to is inside my grid:

<div id="ctl00_cphMain_grdSchedule_ctl00_ctl06_Detail10_ctl06_Detail10_ctl04_ttpScheduleItem" disabled="disabled" style="display:none;position:absolute;">

???

Grid

answered on 27 Jan 2011

1 answer

69 views

expand/collapsing node with load on demand

Hello,

I am able to load parent nodes with the appropriate child nodes, but am running into a problem when the parent node has no children (the web method/service returns zero items). So, I drag a child node from another parent node and it is added properly - however when I collapse that parent node (the one that I just added a child node to) and expand it again, the child node I dragged from the other parent node disappears because the web method/service is called again. Is there a workaround for this?

Thanks in advance.

TreeView

answered on 27 Jan 2011

3 answers

89 views

Can I add external css link from client api in javascript?

I wanted to have a dialog that lists available external stylesheet files and then allow the user to select which ones they want. However, I don't see any api for then adding these external css links to the editor. Is this possible?

Editor

answered on 27 Jan 2011

3 answers

186 views

Radgrid in RadCombobox disappears after Paging Event

Hi All

Strange behaviour , and I have searched and cannot find what I am sure is a simple answer.

I have a RadGrid in a RadCombobox, which works fine on first page load.
( Uses ItemTemplate as per Templates demo on Telerik site )

If I choose the "Next Page" option for the RadGrid, the whole page Postsback, and the RadGrid disappears.

Am I missing something here :

    
             <telerik:RadGrid ID="RadGrid2" AllowSorting="True" 
        
                                            AllowPaging="True" PageSize="5" Skin="Office2007" runat="server" GridLines="None" 
        
                                            Width="100%" AutoGenerateColumns="false" > 
        
                                            <MasterTableView ClientDataKeyNames="IdNo">  
        
                                                <Columns> 
        
                                                    <telerik:GridBoundColumn DataField="IdNo" HeaderText="ID">  
        
                                                    </telerik:GridBoundColumn> 
        
                                                    <telerik:GridBoundColumn DataField="Members" HeaderText="Name&nbsp;&nbsp;">  
        
                                                    </telerik:GridBoundColumn> 
        
                                                </Columns> 
        
                                            </MasterTableView> 
        
                                            <ClientSettings> 
        
                                                <Selecting AllowRowSelect="True" /> 
        
                                                <ClientEvents OnRowSelected="onRowSelected" /> 
        
                                            </ClientSettings> 
        
                                            <PagerStyle NextPageText="Next" PrevPageText="Prev"></PagerStyle> 
        
                                        </telerik:RadGrid>

Andrew

ComboBox

answered on 27 Jan 2011