We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
BoldSignEasily embed eSignatures in your .NET applications. Free sandbox with native SDK available.
|
@inject Microsoft.AspNetCore.Components.NavigationManager UriHelper;
<div class="menu-control">
<EjsMenu Items="@data" Fields="@MenuFields" ModelType=@typeof(CategoryModel)>
<MenuTemplates>
<Template>
@{
var MenuItems = (context as CategoryModel);
if (@MenuItems.Category != null)
{
<div>@(@MenuItems.Category)</div>
}
else if (@MenuItems.value != null)
{
<div style="width: 100%;display: flex;justify-content: space-between;">
@{
if (@MenuItems.url != null)
{
<img class="e-avatar e-avatar-small" src="@UriHelper.ToAbsoluteUri($"images/MenuBar/{MenuItems.url}.png")" />
}
<span style="width:100%;">@MenuItems.value</span>
if (@MenuItems.count != null)
{
<span class="e-badge e-badge-success">@MenuItems.count</span>
}
}
</div>
}
else
{
<div tabindex="0" class="e-card">
<div class="e-card-header">
<div class="e-card-header-caption">
<div class="e-card-header-title">about Us</div>
</div>
</div>
<div class="e-card-content">
@MenuItems.about
</div>
<div class="e-card-actions">
<input type="button" class="e-btn e-outline" style="pointer-events: auto;" value="Read More" />
</div>
</div>
}
}
</Template>
</MenuTemplates>
</EjsMenu>
</div>
@code {
CategoryModel MenuTemplate = new CategoryModel();
private List<CategoryModel>
data = new List<CategoryModel>
{
new CategoryModel {
Category = "Products",
Options = new List<CategoryModel>
{
new CategoryModel { value= "JavaScript", url= "javascript" },
new CategoryModel { value= "Angular", url= "angular" },
new CategoryModel { value= "ASP.NET Core", url= "core" },
new CategoryModel { value= "ASP.NET MVC", url= "mvc" }
}
},
new CategoryModel{
Category = "Services",
Options = new List<CategoryModel>
{
new CategoryModel { value= "Application Development", count= "1200+" },
new CategoryModel { value= "Maintenance & Support", count= "3700+" },
new CategoryModel { value= "Quality Assurance" },
new CategoryModel { value= "Cloud Integration", count= "900+" }
}
},
new CategoryModel{
Category = "about Us",
Options = new List<CategoryModel>
{
new CategoryModel{
id = "about",
about = "We are on a mission to provide world-class best software solutions for web, mobile and desktop platforms. Around 900+ applications are desgined and delivered to our customers to make digital & strengthen their businesses."
}
}
},
new CategoryModel { Category = "Careers" },
new CategoryModel { Category = "Sign In" }
};
MenuFieldSettings MenuFields = new MenuFieldSettings()
{
Text = new string[] { "Category", "value" },
Children = new string[] { "Options" }
};
private class CategoryModel
{
public string Category { get; set; }
public List<CategoryModel>
Options
{ get; set; }
public string value { get; set; }
public string url { get; set; }
public string count { get; set; }
public string id { get; set; }
public string about { get; set; }
public string iconCss { get; set; }
}
}
|
