Applies to TileControl and TileContainer (WindowsUIView) since only these containers support tile frame animations.
Sometimes it is useful to show only brief data on a tile and show detailed information there on hovering over this tile with the mouse. Tooltips implement a similar idea.
The first thing you may think of is to create two TileItemFrames for the tile:
1st frame: show brief data
2nd frame: show detailed data
Now, you need to switch between frames when the mouse is over the tile and not.
This example demonstrates how to animate tile frames in this way. The FrameHoverHelper class encapsulates all the required functionality. Pass your tile container to FrameHoverHelper's constructor to apply this custom animation.
Please implement the IDataErrorInfo interface on the data object. Then, pass the text and type of error in the IDataErrorInfo.Error property ( it is possible to easily parse this string). Implement a custom style for the ErrorControl. This element presents the error icon. Modify the ErrorControl style in such a way as to take into account a custom error type and text (use the converter).
Hi Gavrilo,
I've created a separate ticket on your behalf (T444786: Different validation icons in GridControl when IDataErrorInfo is used). It has been placed in our processing queue and will be answered shortly.
Thanks,
Alexander
This example demonstrates how to process authenticated requests on the OData service. The main idea is to override the DataService.OnStartProcessingRequest method and implement authenticated logic in it.
To access this service, use the following credentials:
UserName: John
Password: qwerty
See also:
OData and Authentication – Part 6 – Custom Basic Authentication
Salt (cryptography)
How to send authenticated requests to the OData service
How to: Use the XPO OData V3 Service
I was wondering why this project is not compatible with Visual Studios Ultimate 2010? Thanks
Added By: Joseph Tang 3 at: 10/10/2013 7:57:30 AMI used your code with the modification that it would check the AD for authentication. It works. However, it always popup the login window for entering the username and password.
Added By: Pedro Coutinho 1 at: 11/28/2013 3:22:33 AMHow can i get the userinfo from the database?
Added By: Pedro Coutinho 1 at: 11/29/2013 7:09:31 AMHow can i retrieve this users from a database?
Added By: George Yoder at: 1/25/2014 1:19:44 PMHow would you do authentication with sql membership provider????
Added By: Enderson Salas at: 7/29/2014 4:26:35 PMThis example no compile in Visual Studio 2013 because some assembly references are missing.
Added By: Nikolai (DevExpress Support) at: 7/30/2014 4:23:50 AMHello,
To process your recent post more efficiently, I created a separate ticket on your behalf: T135174: E4403 is not compiled in Visual Studio 2013. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.
Hello Dev express team,
Can you please explain me how to get my the user information from our DB, we use The Profile provider in ASP.NET Membership & Users, and how to integrated to this Authentication process?
************************* YOUR SAMPLE CODE************************
namespace MyDataService {
public class CustomBasicAuth {
class UserInfo {
public string Name { get; set; }
public string PasswordHash { get; set; }
public string[] Roles { get; set; } }
static UserInfo[]
Users = new[] { new UserInfo {
Name = "John",
PasswordHash = "F3U89ry4+MMXyqbbT90tcs18J5Y=",
Roles = new[] { "User", "Admin" } } };
************************************************************************
My Tables:
aspnet_Users:
UserID
UserName
aspnet_Membership:
UserID
Password (encripted)
aspnet_Roles:
RoleID
RoleDescripcion
aspnet_UsersInRoles:
UserID
RoleID
Regards
Pedro Perez
Hello Pedro,
To process your recent post more efficiently, I created a separate ticket on your behalf: T262586: How to select users from DB in authenticated data service. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.
When I debug this webservice and go to this link http://localhost:65443/MyDataService.svc. It throw an error 'Invalid login or password'. How can I access this service? I don't know how to use UserName: John, Password: qwerty you gave me.
Added By: Nikolai (DevExpress Support) at: 11/29/2015 11:51:43 PM Hi,Hello Hari,
I've created a separate ticket on your behalf (T391925: How to implement authentication). It has been placed in our processing queue and will be answered shortly.
Hi Kurt,
This issue is not completely clear to me. The "CreateLinks" method (which is used in this code example to create links) adds the target page number to the brick that displays the page number in the custom table of contents. You can use the same approach to add the page number to the brick that displays the category text.
If valueString.StartsWith("Link_") Or valueString.StartsWith("PageBrick_") ThenThis example demonstrates how to move ASPxGridView rows using buttons or jQuery Drag&Drop.
To keep the order of rows, it is necessary to set up an extra column to store row order indexes. Then, sort ASPxGridView by this column and deny sorting by other columns. This example stores this information in the unbound column and additionally puts a dictionary "row key = row index" to the session. We have implemented this approach only for demo purposes. You can store this information in your DataSource.
Updated:
We updated an example for v.14.2 to show how to save order information to a database and tune the ASPxGridView drag and drop appearance using the UI Draggable and Droppable plug-ins. If you need to check the unbound column implementation, choose the second item in the version build combo box.
See also:
T191258 - How to reorder GridView rows using buttons or drag-and-drop
E1810: How to use jQuery to drag and drop items from one ASPxGridView to another
E3850: How to reorder ASPxTreeList sibling nodes, using buttons or drag-and-drop
E4299: How to move up or down a line a row of ASPxGridView by using external buttons
Hello,
I have seen your example however I have a question from user view point. Once you start to drag a row button you don't have any way to tell which row you are dragging. So unless you remember the row to started with it will be diffcult for users to use this practically. Do you have a way to drag the entire row or have a button with some text to identify the row you are dragging? Please let me know if this is possible.
Added By: Jacob Blumberg at: 8/27/2013 4:05:00 PMI agree, that is what I am looking for too.
Added By: Hiren Joshi (Venture) at: 9/11/2013 10:54:22 AMI was able to use the link tag <a href=""><%#Eval("YourData")%></a> instead of the image; in order to over come the problem of knowing which row is being dragged. So now when I drag the row I can see the text that I am dragging.
Added By: Wouter Stichelbout at: 2/11/2014 7:54:23 AMI there an MVC equivalent?
Added By: Vasily (DevExpress Support) at: 2/11/2014 9:48:17 AMHi Wouter,
I have extracted your question to a separate ticket created on your behalf: Q466606: GridView - How to reorder GridView rows using buttons or drag-and-drop.
Your time and cooperation are appreciated.
Hello,
This approach much more resembles the way Telerik has implemented row dragging and dropping:
function InitalizejQuery() {
var openhand = "url(https://mail.google.com/mail/images/2/openhand.cur), move";
var closedhand = "url(https://mail.google.com/mail/images/2/closedhand.cur), move";
$('.dxgvDataRow, .dxgvFocusedRow').each(function () {
$(this).css({ "cursor": openhand });
});
$('.dxgvDataRow, .dxgvFocusedRow').draggable({
helper: function () {
var result = $("<table class='dxgvTable' cellspacing='0' cellpadding='0' style='opacity:0.7;background-color:#dddddd;'>").append($(this).clone()).append($("</table>"));
$("td", this).each(function (index) {
$("td", result).eq(index).css({ 'width': $(this).width() });
});
return result;
},
axis: "y",
start: function (event, ui) {
$("tr", $(this).parent()).each(function (index) {
$(this).css({ "cursor": closedhand });
$(this).removeClass('dxgvFocusedRow'); // this is the same as removing the focussedrowindex
$(this).addClass('dxgvDataRow');
});
$(this).addClass('dxgvFocusedRow');
},
stop: function (event, ui) {
$(this).css({ "cursor": openhand });
}
});
$('.dxgvDataRow, .dxgvFocusedRow').droppable({
drop: function (event, ui) {
var draggingRowKey = ui.draggable.find("input[type='hidden']").val();
var targetRowKey = $(this).find("input[type='hidden']").val();
gridView.PerformCallback("DRAGROW|" + draggingRowKey + '|' + targetRowKey);
}
, over: function (event, ui) {
var targetRowKey = $(this).find("input[type='hidden']").val();
var rowindex = gridView.keys.indexOf(targetRowKey);
window.setTimeout(function () { gridView.MakeRowVisibleNew(rowindex); }, 100);
$(this).addClass('borderClass');
}
, out: function (event, ui) {
$(this).removeClass('borderClass');
}
});
}
Best Regards,
Ernstjan Freriks
I am having difficulties figuring out how to actually use a field from the datasource to save the sorting order. Any help will be appreciated.
Added By: Artem (DevExpress Support) at: 12/9/2014 12:17:45 AMHello,
To process your post more efficiently, I created a separate ticket on your behalf: T184636: ASPxGridView - How to save sort order to a database using approach from the E4582. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.
Just a suggestion you should also make these for where people load data via datasource in the code behind because trying to translate this sometime to that things get messed up.
Added By: Anthony (DevExpress Support) at: 4/9/2015 1:07:37 PMHi Gregory,
You are always welcome to create a support ticket if you have difficulties in implementing approaches from our examples.
This example does not work if used within a MasterPage. Has anyone tried this?
Added By: Artem (DevExpress Support) at: 9/2/2015 1:14:20 PMHello Michael,
To process your recent post more efficiently, I created a separate ticket on your behalf: T285292: E4582 doesn't work if ASPxGridView in on a MasterPage. This ticket is currently in our processing queue. Our team will address it as soon as we have any updates.
Hello,
I've created a separate ticket on your behalf (T427213: How to reorder ASPxGridView rows using buttons or drag-and-drop if several ASPxGridViews are placed on the page ). It has been placed in our processing queue and will be answered shortly.
Hello Petar,
I've created a separate ticket on your behalf (T440888: How to reorder ASPxGridView rows using buttons or drag-and-drop and using List as a data source). It has been placed in our processing queue and will be answered shortly.
Petar,
To prevent discussing different questions in the same thread, I've created a separate ticket on your behalf (T440956: A potentially dangerous Request.Path value was detected from the client error occurs). It has been placed in our processing queue and will be answered shortly.
Error: "Method Select has 0 parameter(s) but is invoked within 1 argument(s) "[C#]privateintGetKeyIDBySortIndex(ASPxGridViewgridView,intsortIndex){dsHelper.SelectParameters["DisplayOrder"].DefaultValue=sortIndex.ToString();introwKey=(int)(dsHelper.Select(DataSourceSelectArguments.Empty)asSystem.Data.DataView)[0][gridView.KeyFieldName];returnrowKey;}
We implemented this feature in v17.1. Assign a column to the GridView.AutoFillColumn Property.
[For older versions]
In this example we added a FillEmptySpace option to the GridColumn descendant. Only one column in the grid view can have this option enabled, i.e. if you set the FillEmptySpace property to true for a single column other columns immediately set this option to false themselves. Column with this option enabled now recalculates its width after every layout change in order to fill an empty space in the grid view. This feature won't work if the grid view's option OptionsView.ColumnAutoWidth is enabled.
Hi folks,
would you mind to attach an example using the code below?
Thanks in advanced.
Eduardo
Hello,
You can download the project for this example by a link on a right panel (see the screenshot in the attachment). First you have to download the Example Runner, then use this runner to open the *.dxsample file.
I hope this helps.
Needs a bit of tweaking in RecalculateColumnWidths to exclude summing columns with GroupIndex >= 0 (unless OptionsView.ShowGroupedColumns == true)
Added By: Nadezhda (DevExpress Support) at: 12/17/2015 8:55:00 AM As far as I understand, your issue has been resolved. Please do not hesitate to contact us in case of any difficulty. We will be happy to help you!Added By: Crealogix AG at: 12/22/2015 12:31:18 AMplease note:
- doesn't take into account grouped columns
- if the user manually chooses "best fit column" or "best fit all columns" from the context menu, the results are weird.
Hello,
I've created a separate ticket on your behalf: The 'Capability for a single column to fill an empty space in a grid view' example works incorrectly in certain scenarios . Let us continue our discussion in this thread.
Hello,
I've created a separate ticket on your behalf (T388227: How to make a single column to fill an empty space in a grid view). It has been placed in our processing queue and will be answered shortly.
RecalculateColumnWidths is called several times when form is initiallised and when data is loaded - once per column I think.
Is there a ways of avoiding this?
[XML]<appSettings><addkey="GoogleClientID"value="YourGoogleClientID"/><addkey="GoogleClientSecret"value="YourGoogleClientSecret"/><addkey="FacebookClientID"value="YourFacebookClientID"/><addkey="FacebookClientSecret"value="YourFacebookClientSecret"/><addkey="MicrosoftClientID"value="YourMicrosoftClientID"/><addkey="MicrosoftClientSecret"value="YourMicrosoftClientSecret"/>
[C#]this.securityStrategyComplex1.NewUserRoleName="Default";((AuthenticationStandartWithOAuth)authenticationBase).CreateUserAutomatically=true;
When CreateUserAutomatically is false, the logon is allowed if a user with the email returned by the external service exists in the application database. To grant access to a user with a specific e-mail, use the built-in Admin account, create a user object and set the UserName to this e-mail.[VB.NET]Me.securityStrategyComplex1.NewUserRoleName = "Default"CType(authenticationBase, AuthenticationStandartWithOAuth).CreateUserAutomatically = True
[XML]<authenticationmode="None"/><!--<forms name="Login" loginUrl="Login.aspx" path="/" timeout="10" />--></authentication><!--<authorization><deny users="?" /><allow users="*" /></authorization>-->
[C#]this.securityStrategyComplex1=newAuthenticationOwin.Module.Web.Security.CustomSecurityStrategyComplex();
[VB.NET]Me.securityStrategyComplex1 = New AuthenticationOwin.Module.Web.Security.CustomSecurityStrategyComplex()
[C#]WebApplication.Instance.Settings.LogonTemplateContentPath="LogonTemplateContent1.ascx";
[VB.NET]WebApplication.Instance.Settings.LogonTemplateContentPath = "LogonTemplateContent1.ascx"
In this example, we use the FilteringBehavior class to generate a set of filters based on the metadata type. The metadata type is specified using the SourceType property.
[XAML]<dx:FilteringBehaviorSourceType="{x:Type local:PersonFilteringViewModel}"/>
The way properties are edited is configured using the following attributes.
- FilterBooleanChoice
[C#][FilterBooleanChoice()]publicboolHasCar{get;set;}
- FilterDateTimeRange
[C#][FilterDateTimeRange("MinBirthDate","MaxBirthDate")]publicDateTimeBirthDate{get;set;}
- FilterRange
[C#][FilterRange("MinAge","MaxAge",EditorType=RangeUIEditorType.Range)]publicintAge{get;set;}
- FilterLookup
[C#][FilterLookup("NumberOfChildren")]publicintChildren{get;set;}
Important: In this example, we used the grid's FilterCriteria property and disabled grid-level filtering. If you want to use FilteringBehavior without losing the possibility of filtering data in your grid (using the Filter Dropdown, Filter Editor, etc.), bind the FixedFilter property instead:
[XAML]<dxg:GridControlItemsSource="{Binding ListPerson}"AutoGenerateColumns="AddNew"FixedFilter="{Binding Path=FilterCriteria, ElementName=filteringBehavior}">
This example demonstrates how to create a simple filtering UI for GridControl. The main idea is to use the special FilteringBehavior which can be integrated to DataLayoutControl. First thing you need to do is to bind your GridControl.FilterCriteria property to the FilteringBehavior.FilterCriteria property to synchronize their current filter expressions. Then, you are required to set the object whose properties will be displayed and edited by your DataLayoutControl. To achieve this, set the DataLayoutControl.CurrentItem property to the FilteringBehavior's FilteringViewModel property. After that, create the required layout of items in your DataLayoutControl and bind them to corresponding properties of your view model. Note that you can use DataAnnotation attributes for properties in your view model to specify which controls will be used in your DataLayoutControl.
Also, FilteringBehavior provides the capability to filter the nested object's properties. All you need is to bind the required DataLayoutItem to a corresponding nested property. You will see this in action in the current example.
Important: In this example, we used the grid's FilterCriteria property and disabled grid-level filtering. If you want to use FilteringBehavior without losing the possibility of filtering data in your grid (using the Filter Dropdown, Filter Editor, etc.), bind the FixedFilter property instead:
[XAML]<dxg:GridControlx:Name="myGrid"Grid.Column="1"ItemsSource="{Binding Orders}"FixedFilter="{Binding Path=FilterCriteria, ElementName=filteringBehavior}">
See also:
How to generate a filter set based on DataLayoutControl
The following sample demonstrates how to generate bands from a collection in a ViewModel using the MVVM architectural pattern. This is done by using the BandsSource and BandGeneratorTemplate properties. To learn more, see Binding to a Collection of Bands.
The following example shows how to add the Entity Framework data source to the Web Dashboard's list of data sources available to end-users. In this example, the DashboardEFDataSource class is used to establish a connection to the Entity Framework data source.
This example shows how to customize main visual elements of the DXTabControl by overriding styles.
You can read an article that describes this approach: KA18580: How to modify DX themes in WPF Refer to it for more information.
Update
In the 15.1 release, we introduced new customization capabilities. Refer to the T245606 example to learn more.
You've got to be joking. (FYI, I was referred to this page from Q430835, as was the poster of that question.) I cannot believe the audacity it takes to just point someone in the direction of a massive block of code with no comments or explanatory text, leaving paying users to fend for themselves, having to wade through reams of documentation to extract the definition and proper use of dozens of classes themselves.
The mentality of tool builders is infantile in its selfishness. No other group of "professionals" has such a blatant disregard for the needs of their customers. "Oh, well, the code is self-explanatory" just doesn't cut it - we paid lots of money for your product to SAVE OURSELVES TIME, not to shift our burden from one labyrinthine puzzle to another.
So how about a brief explanation of what the heck is going on here in this code?
Added By: Andrey K (DevExpress Support) at: 12/26/2014 7:16:16 AM Hello Jeffrey,The following example demonstrates how to export a report to MHT using the XtraReport.ExportToMht method. It also demonstrates what specific MhtExportOptions may be used when a report is exported to MHT.
You can export a report to MHT using one of the following methods with or without the export options passed as parameters:
- XtraReport.ExportToMht
- PrintingSystemBase.ExportToMht
- LinkBase.ExportToMht
The following example demonstrates how to export a report to HTML using the XtraReport.ExportToHtml method. It also demonstrates what specific HtmlExportOptions may be used when a report is exported to HTML.
You can export a report to HTML using one of the following methods with or without the export options listed above passed as parameters:
- XtraReport.ExportToHtml
- PrintingSystemBase.ExportToHtml
- LinkBase.ExportToHtml
The following example demonstrates how to export a report to RTF using the XtraReport.ExportToRtf method.
You can export a report to RTF in code using the following methods with or without the export options passed as a parameter:
- XtraReport.ExportToRtf
- PrintingSystemBase.ExportToRtf
- LinkBase.ExportToRtf
