Telerik-mvc menu: align an individual element to the right? - asp.net-mvc

In an asp.net-mvc-3 project, I'm going to be using Telerik Extensions.
Right now, I'm looking at their Menu ( http://demos.telerik.com/aspnet-mvc/menu ), and wondering if one could align the last item to the far right of the bar, but leaving the rest stacked to the right.
The documentation of Menu explains how to reverse the alignment of the whole Menu, but neither it nor the MenuItem show any obvious way to control their layout.
Is this possible?
Many thanks!

You could add a CssClass to the last menu item and style it to to the right.
Check the .HtmlAttributes object of the menu item api.
ci.Add().Text("Categories")
.Url(Url.Action("Categories", "ProductCategories"))
.HtmlAttributes(new { #class="last"});

Related

Is there any alternative which can be used like Tcategorybuttons in delphi firemonkey?

I am new to delphi. I have developed one application in which
Left side I have category buttons and right side I have put a panel and based on the button clicked I am docking the relevant form on the panel.
Now I want to implement same type of menu nav style in Delphi fire monkey UI for desktop, but I cant find category buttons in firemonkey..Please suggest how can I achieve the same kind of menu bar or make some good navigation bar in fm..
TMultiView. For details see [Samples folder]\Object Pascal\Multi-Device Samples\User Interface\Windows10NavigationPane\NavigationPaneDemo.dproj

Need Vaadin navigation control with two arrows on left and right like on passed link

I am extremely new to Vaadin, and I don't know all controls, I tried to google but didn't find type of control. My question is which is control visible on this link
http://demo.vaadin.com/sampler/#foundation/cssinject
which is used for navigation (left and right arrow buttons on left and right side of screen which you press to change content in middle or something like this doesn't exist in vaadin by default and this is in jquery ?) ?
I need to implement this, to change content on click, to allow user to iterate through shopping cart like this.
They are probably just buttons. Imagine 3 columns Button | Content | Button
Button.onclick -> Load Content
I use this carousel add-on which does that. Buttons are bigger but can be changed using css.
It has a nice transition effect, sliding left and right.

Creating a Firefox add-on with a sidebar on the right hand side

I'm trying to edit Daniel Buchner's sidebar library so that the sidebar shows up on the right hand side. Do I do something along the lines of the following?
sidebar.browser.style.MozBoxDirection = 'reverse';
Your approach doesn't work because you would need to change the direction of the sidebar's parent box, not its children. However, that would cause unnecessary fallout (like the default sidebar appearing on the right side and developer tools on the left). So it is better to solve the problem by changing this line:
document.getElementById('browser').insertBefore(clone, splitter);
Instead of inserting your sidebar on the left side you can use appendChild to add it to the end of the container. You will also have to add your own splitter however - you can clone the sidebar splitter and change its ID.

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/

favorite links with jqueryui sortable

I'm trying to make a 'favorite links page' where the sitemap is on the left, and you can drag your preferred links to the right. The items on the left that have been added to the list on the right are disabled, if the items on the right are drug back, their corresponding item on the left is enabled. I'm thinking I can use this: jqueryui.com/demos/sortable/#connect-lists and this: jqueryui.com/demos/sortable/#items but I haven't found any options that seem to fit this use case. Would I be better off just making something custom using droppable items (like this jqueryui.com/demos/droppable/#shopping-cart)? I'm just looking for some info here, because I don't want to head down a dead end. Thanks,
nu
found it: http://jqueryui.com/demos/draggable/#sortable

Resources