Questions on UI for ASP.NET AJAX Forum

1 answer

97 views

Radgrid skin not working when in Formview

Hi,

I've created a site where i have a radgrid with the built-in skin Transparent on the page. This works fine & looks good, as it picks up all the CSS from the skin file.
However, i have another Radgrid which is embedded into a formview so it shows records related to the formview selected record. The settings are excatly the same for this Radgrid as they are for the Radgrid in the main page. I even used the same built-in skin. However, the radgrid within the formview does not work properly with the selected skin. There are several noticeable CSS omissions such as the header backgroud, text colour, size, etc that are different or not rendered correctly. It does pick up some of the colour scheme & CSS of the skin but is clearly missing something out too.

is there an explanantion for this?

Regards,

Shuja

Grid

answered on 18 Dec 2012

3 answers

92 views

no run radajaxloadingpanel

Hi guys,
I have a master page and a radajaxpanel radajaxloadingpanel ... from a button I open a second aspx page that loads records from a SQL database server. Because just when I open the second page, the master page the radajaxloading starts, but the animated gif is not moving. This with Internet Explorer 9 instead if I start with google chrome the animated gif works
this my code that call the second page:

Protected Sub ImageButtonRicerca_Click(sender As Object, e As System.Web.UI.ImageClickEventArgs) Handles ImageButtonRicerca.Click

Response.Redirect("Resultsearch.aspx?_str1=" & Txt_ricerca1.Text & "&_str2=" & Txt_ricerca2.Text)

End Sub

while this is the code of the second page:

Dim lista As List(Of PropertyUtente) = Loadsearch.Search(_str1, _str2)

RadListView1.DataSource = lista

RadListView1.DataBind()

Ajax

answered on 18 Dec 2012

2 answers

59 views

How to save sorted state of detail view?

Hello Everyone,

Is there a way to save the sorted state of detail table?

I have 2 detail tables and AllowSorting is set to true and EditMode = Inplace. When I sort the detail table and edited one row, the detail table rebinds again and the row that I was trying to edit was not the original one.

Attached are the image for reference and code snippets for Sort Command.

protected void gridCPDiag_SortCommand(object source, GridSortCommandEventArgs e)

{

GridTableView tableView = e.Item.OwnerTableView;

if (e.Item.OwnerTableView.Name == "Detail2" && e.SortExpression == "VisitFrequency")

{

e.Canceled = true;

GridSortExpression expression = new GridSortExpression();

expression.FieldName = "VisitFrequency";

if (tableView.SortExpressions.Count == 0 || tableView.SortExpressions[0].FieldName != "VisitFrequency")

{

expression.SortOrder = GridSortOrder.Descending;

}

else if (tableView.SortExpressions[0].SortOrder == GridSortOrder.Descending)

{

expression.SortOrder = GridSortOrder.Ascending;

}

else if (tableView.SortExpressions[0].SortOrder == GridSortOrder.Ascending)

{

expression.SortOrder = GridSortOrder.None;

}

tableView.SortExpressions.AddSortExpression(expression);

tableView.Rebind();

}

Any help is greatly appreciated. Please let me know what else you need from my code.

Thanks!
Zel

Grid

answered on 18 Dec 2012

1 answer

52 views

Dropdown is not binding a value at update form ?

Hi,

I have opened update form after save then dropdown selected value is not showing in the UI.

<telerik:RadGrid ID="AttachmentGrid" GridLines="None" runat="server" AllowAutomaticDeletes="True"

AllowAutomaticInserts="True" AllowAutomaticUpdates="False" AllowPaging="True"

DataSourceID="AttachmentDataSource" Skin="Metro" AllowSorting="True" AutoGenerateDeleteColumn="False"

OnItemCommand="AttachmentGrid_ItemCommand">

<MasterTableView Width="100%" DataKeyNames="id" DataSourceID="AttachmentDataSource"

HorizontalAlign="NotSet" AutoGenerateColumns="False" EditMode="PopUp">

<telerik:GridTemplateColumn UniqueName="InitiatorName" Groupable="False" HeaderText="Which entity or company did you receive this file from?"

DataField="InitiatorName" Visible="false">

<headerstyle width="1000px" />

<itemtemplate>

<%#DataBinder.Eval(Container.DataItem, "InitiatorName")%>

</itemtemplate>

<edititemtemplate>

<asp:DropDownList ID="InitiatorName" runat="server" CssClass="textbox" SelectedValue='<%# Bind("InitiatorName") %>'

DataSourceID="CompanyNameDataSource" DataTextField="InitiatorName" Width="300px"

DataValueField="InitiatorName" OnSelectedIndexChanged="InitiatorName_SelectedIndexChanged"

AutoPostBack="true">

</asp:DropDownList>

<asp:RequiredFieldValidator ID="ReqInitiatorName" runat="server" ControlToValidate="InitiatorName"

ErrorMessage="Please Select a Company Name" Display="Dynamic" SetFocusOnError="true" />

</edititemtemplate>

<asp:SqlDataSource ID="CompanyNameDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:TaskManagementConnectionString %>"

SelectCommand="select distinct InitiatorName from t_TaskMaster where (InitiatorName<>'' and InitiatorName is not null )union all select '' order by InitiatorName asc">

</asp:SqlDataSource>

<asp:SqlDataSource ID="AttachmentDataSource" runat="server" ConnectionString="<%$ ConnectionStrings:TaskManagementConnectionString %>"

SelectCommand="SELECT id,refid,[filename],[Description],[Content],upper(Status) as [Status],DateUpdated,UpdatedBy, isnull(FileCategory,'') as FileCategory ,isnull(FileMainCategory,'') as FileMainCategory,isnull([MainClassofInsurance],'') as [MainClassofInsurance],isnull([InitiatorName],'') as [InitiatorName],emailrefid FROM [t_Attachments] WHERE (FileCategory is null  or FileCategory='') and  (([UpdatedBy] = @UpdatedBy)) AND [Status] <>'DELETED' and refid<>'0'"

DeleteCommand="delete from t_Attachments where id=@id ">

<SelectParameters>

<asp:SessionParameter Name="UpdatedBy" SessionField="UserName" Type="String" />

</SelectParameters>

</asp:SqlDataSource>

PLease help me on this why it's not showing selected value even SelectedValue='<%# Bind("InitiatorName") %>' is there ?

Grid

answered on 18 Dec 2012

1 answer

79 views

Example code for a megadropdown menu that mimics the Telerik home page menu

Example code for a megadropdown menu that mimics the Telerik home page menu:

Hi,
I love the Telerik home page menu where you have a black bar, logo on the left, product families in the middle, account info/about us on the right. When clicked on the 'product families' link a 'megadropdown' menu appears. For my project I need a megadropdown menu that have exactly the same functionality: a megadropdown menu that is shown by clicking a button/link in the middle.

Will you share a sample code that will mimic the menu in Telerik's website?

Menu

answered on 18 Dec 2012

2 answers

179 views

Radcalendar hover issue

Hi.,
I'm using RadCalendar to select highlighted days. The issue is that whenever I hover on these highlighted dates., the date gets selected, which shouldn't be the case. I want the date to get selected only when i click it but no on hover. How can i overcome this issue..??
I'm using this css class to highlight special days
.CalendarHolidays a
{
color: red !important;
font-weight: bold !important;
background-color: #f2f2f2 !important;
}

Regards,
Aditya

General Discussions

answered on 18 Dec 2012

7 answers

273 views

ChartTitle and SubTitle

How can I do a subtitle with different font and size? Is possible?

Chart (Obsolete)

answered on 18 Dec 2012

1 answer

76 views

LoadingPanel doesn't show when using ClientSide Binding and RequestStart

I have a grid that binds using the clientside method - I want to have the LoadingPanel display but can't seem to get it working - any help is appreciated:

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

<AjaxSettings>

<telerik:AjaxSetting AjaxControlID="RadGrid1">

<UpdatedControls>

<telerik:AjaxUpdatedControl ControlID="RadGrid1" />

</UpdatedControls>

</telerik:AjaxSetting>

</AjaxSettings>

<ClientEvents OnRequestStart="RequestStart" OnResponseEnd="ResponseEnd" />

</telerik:RadAjaxManager>

<telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" Skin="Default">

</telerik:RadAjaxLoadingPanel>

<asp:Panel ID="Panel1" runat="server">

<div id="dashtabs-comments" class="box-content no-padding">

<telerik:Radgrid id="RadGrid1" runat="server" allowmultirowselection="False" allowpaging="True"

allowsorting="True" gridlines="None" pagesize="25" showstatusbar="True" autogeneratecolumns="False"

CellSpacing="0">

<ClientSettings>

<DataBinding Location="manageUsers.aspx" SelectMethod="GetDataAndCount" />

<ClientEvents OnGridCreated="AddAllFilterExpressions" OnDataBinding="RadGrid1_DataBinding" OnRowDataBound="OnGridRowDataBound" />

</ClientSettings>

<HeaderContextMenu EnableTheming="True">

<CollapseAnimation Duration="200" Type="OutQuint" />

</HeaderContextMenu>

<MasterTableView ClientDataKeyNames="UserId" TableLayout="Fixed">

<Columns>

telerik:GridBoundColumn DataField="FirstName" UniqueName="FirstName" HeaderText="First Name" HeaderStyle-Width="15%"/>

<telerik:GridBoundColumn DataField="LastName" UniqueName="LastName" HeaderText="Last Name" HeaderStyle-Width="15%"/>

<telerik:GridBoundColumn DataField="Email" UniqueName="Email" HeaderText="Email" HeaderStyle-Width="15%"/>

<telerik:GridBoundColumn DataField="PhoneNumber" UniqueName="PhoneNumber" HeaderText="Phone" HeaderStyle-Width="10%"/>

</Columns>

<RowIndicatorColumn>

<HeaderStyle Width="20px" />

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px" />

</ExpandCollapseColumn>

<EditFormSettings>

<EditColumn FilterControlAltText="Filter EditCommandColumn column"></EditColumn>

</EditFormSettings>

</MasterTableView>

<ClientSettings>

<Selecting AllowRowSelect="True" />

</ClientSettings>

<FilterMenu EnableTheming="True">

<CollapseAnimation Duration="200" Type="OutQuint" />

</FilterMenu>

<PagerStyle Mode="NextPrevNumericAndAdvanced" />

</telerik:Radgrid>

</div>

</asp:Panel>

and JavaScript:

<script type="text/javascript">

function RadGrid1_DataBinding(sender, args) {

// get data source location, method name and arguments

var dataSourceLocation = args.get_location();

var selectMethodName = args.get_methodName();

var methodArguments = args.get_methodArguments();

// set data source location and method name

args.set_location(dataSourceLocation);

args.set_methodName(selectMethodName);

var startRowIndexParameterName = sender.ClientSettings.DataBinding.StartRowIndexParameterName;

var maximumRowsParameterName = sender.ClientSettings.DataBinding.MaximumRowsParameterName;

var sortParameterName = sender.ClientSettings.DataBinding.SortParameterName;

var filterParameterName = sender.ClientSettings.DataBinding.FilterParameterName;

}

function AddFilter(name, value) {

var grid = $find("<%= RadGrid1.ClientID %>");

var filterExpression = new Telerik.Web.UI.GridFilterExpression();

var column = grid.get_masterTableView().getColumnByUniqueName("linkColumn");

var filterFunction = Telerik.Web.UI.GridFilterFunction.Contains;

column.set_filterFunction(filterFunction);

filterExpression.set_fieldName(name);

filterExpression.set_fieldValue(value);

filterExpression.set_filterFunction(filterFunction);

filterExpression.set_columnUniqueName("name");

grid.get_masterTableView()._updateFilterControlValue(value, "name", filterFunction);

grid.get_masterTableView()._filterExpressions.add(filterExpression);

}

function AddAllFilterExpressions(sender, args) {

AddFilter("aname", document.getElementById('<%= tAccountName.ClientID %>').value);

AddFilter("fname", document.getElementById('<%= tFirstName.ClientID %>').value);

AddFilter("lname", document.getElementById('<%= tLastName.ClientID %>').value);

AddFilter("email", document.getElementById('<%= tEmail.ClientID %>').value);

AddFilter("uname", document.getElementById('<%= tUserName.ClientID %>').value);

}

var currentLoadingPanel = null;

var currentUpdatedControl = "<%= Panel1.ClientID %>";

function RequestStart(sender, args) {

currentLoadingPanel = $find("<%= RadAjaxLoadingPanel1.ClientID %>");

//show the loading panel over the updated control

currentLoadingPanel.show(currentUpdatedControl);

}

function ResponseEnd() {

//hide the loading panel and clean up the global variables

if (currentLoadingPanel != null)

currentLoadingPanel.hide(currentUpdatedControl);

currentUpdatedControl = null;

currentLoadingPanel = null;

}

</script>

Grid

answered on 18 Dec 2012

1 answer

176 views

filter expression for grid

Hi,
In my page, i use a rad grid, which creates programatically by adding gridboundcolumns, and to filter the columns i use a rad filter.
I use the grid to bind different data source to display the contents. when i set the data source to this grid , it displays the header text in filter expression. and when i change the datasource to another, the filter expression changes to the new header texts.
The datafield of one column in first datasource is same as the datafield of second. so when displaying the grid with first datasource, the filter expression is same as the header text but when binding the second datasource, because of using the same datafield mentioned in first datasource, the header text which is used in first datasource is showing in the filter expression.
how can i display the header text of second datasource in the filter expression.

thanks in advance
Jiju

Filter

answered on 18 Dec 2012

1 answer

87 views

Resizing Croping box

Hi guys,
we have a problem using the resize feature for the cropping box. The error also appears on your telerik demo pages. I have made a video which describes the error:

http://screencast.com/t/PDns6kPb

The problem only appears when using the resize corners on the left and upper side.

Kind regards,
Frank Rademacher

ImageEditor

answered on 18 Dec 2012