Right align a devexpress grid label - asp.net-mvc

How can you right align a Devexpress grid label?
I have tried to set the following as suggested by devexpress
settings.Styles.Cell.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Right;
But this just sets the cells to right align.
I have also tried to override the css for the label but the column that has the field that I want right aligned doesn't have an ID so I cant set it in css.
I am using Visual Studio 2013 , C#, Devexpress V13.2.9, and Razor pages.

I used the following in the View:
col.HeaderStyle.HorizontalAlign = System.Web.UI.WebControls.HorizontalAlign.Right;
You will probably need to change 'col' in the above code. The above is cut and pasted from my code and it behaves as desired.
I am using VS 2012, C#, DevExpress V13.2.9

Related

C# Visual Studio 2017. Words changed order in text boxes and labels

I just started using Visual Studio 2017. I noticed a problem with text boxes, labels and the captions on forms. In a text box I programically stamp the date: System.DateTime.Now. It shows up as 'PM 2:15 12/20/2017' not '12/20/2017 2:15 PM'. I tried hard coding the date but the text box keeps rearranging it back to that first pattern. labels do something similar. The text for the label was 'Designated Date:'. At runtime the colon comes first, then the words asthis ':Designated Date'. In addition the text alignment property is opposite. It's set at right but shows at left. I googled this problem and couldn't find any thing on it. Can anyone help?
you can use any of these combinations
this.textBox1.Text = DateTime.Now.ToString("dd/MM/yyyy");
//or
this.textBox1.Text = DateTime.Now.ToString("hh:mm:ss");
//or
this.textBox1.Text = DateTime.Now.ToString("dd/MM/yyyy" +" "+ "hh:mm");
etc.

In visual studio do you know what the name of this control?

you see images attached to this control. do you know what the name of this control ? Have DevExpress got this control ? [IMG]http://imagizer.imageshack.com/img673/6260/TV6dOt.jpg[/IMG]
If I am not mistaken, this can be easily achieved with the basic WPF grid system. First row is a header, the separation line is just a row which span all columns.

Icon in header row for column setup

I would like to add an icon to the header of my data grid as it is done in Thunderbird.
There is an icon that is above the vertical scrollbar, no matter the position of the horizontal scrollbar. This icon allows the setup of the columns.
In Delphi there a lot of different grid components, that allow customizations and adding icons to there cells / header cells. But I could not find any component that has an area above the vertical scrollbar that is fixed, which when clicked allows some action. I could even use the VirtualTreeView component to emulate the grid, if it turns out to be easier to customize that component.
I am looking for some guidance on what need to be done to get that functionality.
Thanks,
Thomas
VirtualTreeView in Listbox mode would be nice, because of it's speed, great documentation and ease use in MVC-like patterns. Delphi tempts to store data in the visual components themselves, which letter causes troubles. While VTW allwos the same, it also allows to acutally separate data from GUI, and i like it.
But i am surprised by your claim "which when clicked allows some action.".
Even most basic components allow it:
http://docwiki.embarcadero.com/Libraries/XE2/en/Vcl.Grids.TCustomGrid.OnFixedCellClick
So could you make more detaiils, why you cannot use standard components ? with screenshot and editors, how u want it rendered, where you want to click and what kind of action should happen ?

DevExpress MVC controls

I cannot seem to align the DevExpress controls in the Razor view. No matter what div and span combination I use, whenever I use #Html.DevExpress().TextBox the next controls always goes below. I want to display several labels and text boxes horizontally, one next to each other.
Thanks.
Use recommendations from the Possible ways of arranging DevExpress controls within a page KB Article to resolve this issue.

Resizable columns / panels for content in jquery?

does any one know if there is an example available for sliding panels in jquery? If so, can someone send me a link? This is what I want to accomplish.
On my main screen I want to have three divisions. One right column that covers half the screen and then the left column divided in two rows. I want to expand and/or shrink the right column and/or left column and/or the top row in the left column and/or the bottom row in the left column.
Think og it as an IDE with the left side of the coding area and right side as project explorer and the properties. The coder would like to see any three of the sections at once or would like to expand each working area.
I am looking for a jquery solution for such!
Thanks
Sounds like the way jsfiddle.net works
This is available as a plugin. http://docs.jquery.com/UI/Resizable
You could also use the jQuery splitter plugin: http://www.methvin.com/splitter/
Also see (2011): http://jcubic.wordpress.com/2011/03/06/jquery-splitter-split-container/
Flexigrid is a new (2012) option: http://flexigrid.info/
The most robust solution for this is to use the jQuery layout plugin. You can find it here: http://layout.jquery-dev.net/

Resources