How to display Tabs in MVC 3 - asp.net-mvc-3

I want to Create a MVC application which will contain 3 tabs on a page and each tab will hold a different web grid. If any one is aware of this than please guide me.

in addition to #heads5150's answer have a look at http://twitter.github.com/bootstrap/components.html#navs

This would be a starting point for you to research using jQuery UI to help with the UI requirements of a tabbed interface.
http://jqueryui.com/demos/tabs/
Th following will help with the web grid requirement
http://weblogs.asp.net/shijuvarghese/archive/2010/10/08/using-the-webgrid-helper-in-asp-net-mvc-3-beta.aspx

Related

Spring 4: Individual view layouts depending on request

I am using Spring 4 MVC to display serve my web page. I now want to display the same content with different layouts wrapped around the body/content depending on the current HttpServletRequest (e.g. request.getServerName()). This means https://page1.test/page.html will be mapped to the same controller as https://page2.test/page.html and returns the same content depending on the controller logic, but page1.test draws for example a different header and footer.
As far as I know, Spring MVC is not capable of doing this. I am now planing to use Apache Tiles 3 or JSP 2.0 tags to do this. Is there any best practice and how can I do this (Spring Java Config is preferred)?
You should take a read of http://tech.finn.no/2012/07/25/the-ultimate-view-tiles-3/ just to see how far you can push Tiles-3
Indeed it can solve what you're after.
(That blog website has just been migrated from wordpress to github pages so some of the code snippets require horizontal scrolling, we're still cleaning these small formatting issues up so please excuse them)

Janrain social login UI issue

I have issue Janrain social login UI. I have used two column layout but it renders one column layout.
It should look like image 1
but it is looking like as image 2
Please suggest
Ok i found the issue. There was no issue with janrain. It was mine template css that was conflicting with the css of jainrain.
i am happy that i managed to fix it

Open an asp classic frame in a view mvc?

I need some help about if it's possible to get an asp frame and open it inside a MVC View. I researched this but I didn't find nothing about a solution for this case. So, if some one had this problem to solve and could help me with something I will appreciate. I really don't know if this is possible.
One (and possibly the only?) solution for this would be to use an iframe on the MVC view with a source URL of the classic ASP page. I can't see any other way of doing it as they are two unrelated technologies, so any solution would revolve around making the classic ASP page 'appear' to be part of the MVC page.
You could use System.net.Webrequest to call the classic asp page and then pass that content to the MVC view.

KendoUI Mobile with asp.net mvc

Is it possible to do a KendoUI mobile project, using ASP.net mvc? Watching the introduction on Pluralsight, I'm sort of confused. As an example, KendoUI Mobile uses something like this to navigate:
<a href="#someView" data-role="button">Go to some view</button>
When rendering views through RenderBody in my main layout, will I have to specify this view as a mobile view, or does the application defined in my main layout pick up on this?
So, I guess my question is this; Has anyone got any experience on this combination and, if so, could you provide some resources as to where this combination is being used?
I figured this on out. Seems to be a few projects out there using this combination. One example is this project: KendoUI mobile task manager
That being said, I'll try to play around and tweak the framework to my needs.
The answer is Yes. I was searching for the same answers, and found this resource very helpful, using MVC4, with detailed explanations:
Single Page App using MVC and Kendo Mobile
When searching for references and tutorials, what is not immediately clear is that Kendo UI Mobile is a different setup from Kendo UI. As WhizKid points out it is a single page application, and all your data must go through AJAX.
If you have not used them before, you will probably need to learn Kendo's MVVM and datasources. You must decide what sort of interface you will use for data exchange (eg. WebApi, OData) and fix the routing.
The reason I am going this way is because Kendo comes with good looks, and MVC can help me with localization.

Create custom controls in asp mvc 3

I have to create custom controls in ASP.NET MVC 3. Controls like customized buttons which I will put in DLL and reuse in any project.
Do you know a good way or maybe you can give me a good tutorial to do this.
Thanks.
You can't, WebControls are for Web Forms. In asp.net mvc anything view related(html, javascript, css) is decoupled from the controller. The best you can do is to have helpers which are simply extension methods. But something similar to the webcontrols is specific to web forms only.
This post and this should give you an idea
You would need to use Partial Views to re-use code.
http://rachelappel.com/razor/partial-views-in-asp-net-mvc-3-w-the-razor-view-engine/

Resources