|
|
I am starting to think about re-writing a web site using Visual Studio 2015, ASP.NET 5 Core and MVC 6 with EF7 and am wondering what front-end framework to use - Bootstrap or Menu-UI. Bootstrap is the one built into VS2015 but I am very interested in the extra flexibility of Metro-UI.
I am looking to design a sports web-site that uses a look similar to the Start panel in Win10. I intend to treat each tile as the first-level choice on a toolbar. This means each tile will then have other clickable areas within it which will take you to the content. I foresee a maximum of 6 main tiles with a varying number of sub-tiles in each depending on the area.
Has anyone had experience of these frameworks?
|
|
|
|
|
Well, I have never used Metro-UI in my applications and despite their beauty I am also not willing to use it either. If you want to build a control panel, like that, then have a look here: Template :: Metro UI CSS - The front-end framework for developing projects on the web in Windows Metro Style[^].
Since you are asking for asking for recommendations, I would recommend using WinJS. WinJS was a framework developed by Microsoft for Web applications, and that has now gone open sourced. WinJS Tutorial[^].
You are already using much of Microsoft, then I would recommend using WinJS and Bootstrap for building the applications with a good flexibility and good themes.
The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~
|
|
|
|
|
|
No, I did not suggest to use WinJS with them. Instead, I suggested to use that framework itself, if you want to have a Windows like look and feel for the items.
The sh*t I complain about
It's like there ain't a cloud in the sky and it's raining out - Eminem
~! Firewall !~
|
|
|
|
|
I choose BootStrap because it was recommended so many times to me on code project.
I integrated FontAwesome, and choose JQuery over Angular.
I'm looking at Metro UI for the first time now, and I think I can do that in BootStrap. But can see how Metro UI already has themes that you can just drop in.
All I can say is learning Bootstrap was a pain in the rear. In fact the whole MVC, responsive design, models, controllers, Razor, JQuery helpers was a total different way of thinking for me.
At this point for me, I don't think it really matters which one you choose. But the support on metro looks better to me. And its Russian so it must be good. Hail the AK101, SU-24 and Hind 24!
|
|
|
|
|
The first website I wrote for my Sports Club used MVC in its raw form with Entity Framework to access an SQL Server database. Razor, jQuery, Angular and the frameworks just didn't exist at that time, or at least were only just appearing. It has proved very successful but is difficult to update without including some of the later technologies. So I am starting to rewrite it with extra function in it. I have decided to use ASP.NET 5 MVC 6, Metro UI, Razor, jQuery and EF 7. We'll see how far I get.
|
|
|
|
|
That sounds good to me. I think choosing Boostrap vs Metro is the least hardest decision to make and has very little impact.
|
|
|
|
|
HI all.
When i put a login control to my website it automatic use the default connection.Now I want to use another connection connect to another Database.
How to use it.Please help me.
|
|
|
|
|
|
I've never done this before, and feel dumb for asking. But I'm trying to create a header that says the following below in a more efficient way that what I've got now.
-- Today, March 18, 2016 --
Avatar - List Item
-- Tomorrow, March 20, 2016 --
Avatar - List Item
Avatar - List Item
Here on my View, I created today as the Universal Date for Today
And created dateHeader saying that I have showed the date once, don't show it again. Problem is I have more dates to show, so that backfired on me.
@{
ViewBag.Title = "Your Current Jobs";
Layout = "~/Views/Shared/Admin/_adminLayout.cshtml";
DateTime today = DateTime.Now.Date;
bool headerToday = false;
bool headerTomorrow = false;
}
So now in the same view in Razor, I'm looping my List Items. In know why I don't get to tomorrow, and in the past I would of just made more vars such as today , tomorrow , next day , etc .
So my Question is: Is there better way to write this. I can't even think of the nomenclature to search for ways. I'm just trying hard to produce a better product on this project, and Razor is new to me. I really don't want to create a var for each day of the week.
[edit -better razor code]
<div class="jobRecords"><br />
@foreach (var item in Model)
{<br />
<div class="jobDateHeader">
@if (0 == today.CompareTo(item.Date_Start.Date))
{
if (false == headerToday)
{
Today - @string.Format("{0:dddd, MMMM d, yyyy}", item.Date_Start.Date)
headerToday = true;
}
}
else if (0 == today.AddDays(1).CompareTo(item.Date_Start.Date))
{
if (false == headerTomorrow)
{
Tomorrow - @string.Format("{0:dddd, MMMM d, yyyy}", item.Date_Start.Date)
headerTomorrow = true;
}<br />
}<br />
</div>
//more Razor - build the list item, move on to next item
}
modified 18-Mar-16 16:40pm.
|
|
|
|
|
How about something like this:
@foreach (var day in Model.GroupBy(i => i.Date_Start.Date))
{
<div class="jobDateHeader">
if (day.Key == today)
{
<span class="label label-primary">Today - @day.Key.ToString("dddd, MMMM d, yyyy")</span>
}
else if (day.Key == today.AddDays(1))
{
<span class="label label-primary">Tomorrow - @day.Key.ToString("dddd, MMMM d, yyyy")</span>
}
else
{
<span class="label label-primary">@day.Key.ToString("dddd, MMMM d, yyyy")</span>
}
</div>
@foreach (var item in day)
{
// Build the list item here
}
}
"These people looked deep within my soul and assigned me a number based on the order in which I joined."
- Homer
|
|
|
|
|
Oh you can do that in Razor?
That's cool!, let me try that.
|
|
|
|
|
Works like a champ!
I never thought of using my model again with another lambda expression. Guess I got something right on it the first time. So if I get the model right, I can continue to manipulate it through the view.
Thanks Richard!
I really like this MVC a lot. I haven't got to the time saving part yet because I'm trying to stay organized with reusable code modules and learning MVC at the same time. Plus being more efficient. Oh and write c# at the same time, in which now I'm use to, Struggled on a VB code fix this morning, could not remember how to write a tenary, much easier in C#.
|
|
|
|
|
|
i need a basic concept about what does means service bus ?
what kind of purpose service bus solved and when people use service bus. please discuss the utility of service bus with example and scenario.
what is azure service bus ?
how azure service bus is different from normal service bus? thanks
tbhattacharjee
|
|
|
|
|
|
as we know json web token has 3 parts like
header
payload
signature
so is there any parts in form auth cookie or infos are divided in 3 parts before save the auth data in auth cookie ? looking for sample info which generally store in form auth cookie for visualization purpose.
thanks
tbhattacharjee
|
|
|
|
|
Google will find you all the details on cookies.
|
|
|
|
|
I am getting Error too many changes at once in directory from the filesystemwatcher.
How do I fix it?
|
|
|
|
|
|
|
I have a section on a form that requires the user to select a Date and select a time.
So I have the Bootstrap DateTime Picker and a single textbox in Razor for DateTime.
You click or touch the calendar to select the date. But not sure how to select the time.
I'm not sure how to design this.
Option 1: 1 textbox for date and time, and somehow use the textbox for both.
So some how develop a interface to select the date and time in 1 textbox.
Option 2: 2 textboxes, 1 for date and 1 for time.
But in the model, and after searching, if I declare the field as DateTime which is the only option, I have to use date and time together. So I use a single DateTime object in the model and try to work the 2 in parts Date / Time
My question is how you guys doing this? As far as the Model and interface goes?
|
|
|
|
|
I decided to just try DateTime for the Model, and created a textbox for DateTime.
Then fully implemented BootStrap.Css DateTimePicker. At the time of first writing, I wasn't getting the icons in the calendar, and didn't know about the time picker. I was using Font Awesome, and the fonts were not showing up. So I went back to the JQuery, and programmed the font awesome fonts into the calendar.
I'll see how it goes and how many complaints I get from it. I may go back and try to separate the the Date and Time, split time by hour and minute later in the future, and see if I can assemble and disassemble the values to and from DateTime.
|
|
|
|
|
Hi,
I've been all over the internet trying to resolve this issue for a few days now and nothing I do makes a difference. Even what was suggested here, at this site, doesn't work. (Being new to all this is a handicap as well.)
What I'm trying to do is reload the page after an interval.
I get the error at this line: 'function BeginTimeOut()'
Here's the code from the 'site.master' page:
<body>
<form runat="server">
<script type="text/javascript">
var sessionTimeOutValue = "<%= Session.Timeout %>";
var counter = (sessionTimeOutValue * 60) + 1;
var interval;
function BeginTimeOut() {
window.clearInterval(interval);
counter = (sessionTimeOutValue * 60) + 1;
interval = self.setInterval(function () { StartTimeOut() }, 1000);
}
function StartTimeOut() {
counter--;
if (counter == 0) {
window.clearInterval(interval);
window.location.assign("default.aspx");
}
}
</script>
|
|
|
|