1398 comments

I have been using this theme with angularjs and I'm having a problem with 'bandwidthpiedata' when the page load the pie open with default value but after that the value returned by api then It doesn't load into pie diagram in angular controller.

Here the 'BandwidthPieData' in controller :-

var newCustomer = 1;
var inactiveCustomer = 1;
var customerRedeemption = 1;

$scope.BandwidthPieData = [
{ data: [[1, newCustomer]], color: '#11a9cc' },
{ data: [[1, inactiveCustomer]], color: '#ffce55' },
{ data: [[1, customerRedeemption]], color: '#e75b8d' }
];

And the Api -

function getReport() {

reportFactory.getReport().then(function (data) {
$scope.report = data;
newCustomer = data.customerVisits.newCustomer;
inactiveCustomer = data.customerVisits.inactiveCustomer;
customerRedeemption = data.customerVisits.customerRedeemption;
});
}

so it load with 1,1,1 value not with that return by api. And the reason is api takes time to return value so before that page get load and it shows the default values.
please help me out with this
Hi and sorry for my late response. Recently we are not receiving comment email notifications.
You can use promises in this case. When your api call takes time, you can use a promise to retrieve data and get back to them when the result is available.

Best,
BeyondThemes
Hi,

I have this error when I execute the project :

HTTP Error 404.15 – Not Found The request filtering module is configured to deny a request where the query string is too long.

I got the error when I added the following sections:

<system.web>
<authorization>
<deny users="?"/>
<allow users="*" />
</authorization>
....
</system.web>

<location path="~/Account/Login.aspx">
<system.web>
<authorization>
<allow users="*"/>
</authorization>
</system.web>
</location>
<location path="~/Account/Register.aspx">
<system.web>
<authorization>
<allow users="*"/>
</authorization>
</system.web>
</location>

I`m logging in with Microsoft Account as third party login provider, and my project works well before adding these sections.

Thanks in advance for your help.
Hi and sorry for my late response.
You can add these to your web server setting in your web.config:
<system.webServer>
<security>
<requestFiltering>
<requestLimits maxQueryString="32768"/>
</requestFiltering>
</security>
</system.webServer>

Best,
BeyondThemes
Hi, sorry for my late reply too,

I have already tried your solution without any success, I got this error :

"The length of the query string for this request exceeds the configured maxQueryStringLength value."

I found other proposed solutions on the web, but none has solved my issue :
<httpRuntime targetFramework="4.5.1" maxQueryStringLength="32768" maxUrlLength="65536"/>

I'm using ( Visual Studio 2013 / IIS Express / ASP.NET webforms app / .Net Framework 4.6 )on my dev machine with Windows 10 pro.

Best regards.
aggpr PURCHASED
Hi.

Bought last week and I am very happy with the product but have a situation with jQuery AutoComplete and MVC 5.

I am trying to implement the autocomplete widget on the _Default.cshtml. The suggestions are not visible but it is rendered.

Which classes should I use to display the suggestions?

Thanks in advance.

..
<link href="~/Content/jquery-ui.css" rel="stylesheet" /> <!-- Required for jQuery UI --->
....
<div class="page-sidebar" id="sidebar">
<!-- Page Sidebar Header-->
<div class="sidebar-header-wrapper">
<input type="text" id="Name" name="Name" class="searchinput" />
<i class="searchicon fa fa-search"></i>*@
<div class="searchhelper">Enter your license number</div>
</div>
<!-- /Page Sidebar Header -->

<!-- Sidebar Menu -->
@Html.MvcSiteMap().Menu()
<!-- /Sidebar Menu -->
</div>
.....
<!--For Ajax AutoComplete -->
<script src="~/Scripts/jquery-ui-1.11.4.js"></script>

<script type="text/javascript">
$(document).ready(function () {
$("#Name").autocomplete({
source: function (request, response) {
$.ajax({
url: "/Test/AutoComplete1",
type: "POST",
dataType: "json",
data: { Prefix: request.term },
success: function (data) {
response($.map(data, function (item) {
return { label: item.Name, value: item.Name };
}))
}
}) }, messages: {noResults: "", results: "" } });
})
</script>
Hi,
Currently there is no styling for JQuery auto-complete available but I will reproduce the problem and will send you the css code.

Best,
Beyondthemes
aggpr PURCHASED
Ok, thanks.

I will be waiting for your response.
Hi, I've tested the jQuery Auto-complete and with some little changes it worked for me. Would you please send me you entire page code so I'll be able to test with yours and send you final changes?

Best,
BeyondThemes
aggpr PURCHASED
I've sent you the files.

Thanks in advance!
aggpr PURCHASED
Can you please help me with this ?

Thx!
Hi,

Am I doing something wrong? If I try to run the MVC version in VS2015 PRO I get hundreds of errors... am I missing something?

Thanks
Hi,
We removed packages in favor of reducing download size of the product. Please make sure you are connected to the internet and let nuget get all packages for you. That must sole the problem for you.

Best,
BeyondThemes
sayth PURCHASED
I have bought this template and I´d like to know if it is possible to have horizontal rather than vertical menu?
Hi and Thanks for purchasing BeyondAdmin,
Unfortunately the current version does not support horizontal menu. But a Mega menu will be added in next version. Please send me an email and I will send you the code as soon as it got ready.

Best,
BeyondThemes
dalbaker PURCHASED
So about this template... I mean I don't even know where to start. Load the project and immediately 70 errors and 2372 warnings of missing XYZ. Now I begin to update nugget packages and nope don't think so I have more errors to fix. So once I spend an hour fixing that I can finally run the application so I can see what I'm working with and nope don't think so I have more issues. Will I ever get it fixed probably not it was put down in the recycle bin and will never be recovered. I purchased this template like 8 months ago and honestly I never used it and I downloaded the updated version and I really want my money back! This thing doesn't even come with a useful readme file. I mean I could go on about how you shouldn't buy this at all save your money the free ones work better seriously. For people needing an admin template or a place to start I suggest going to Bootstrap and downloading theres again this is way to big for what it needs to be! I don't know who buys something to work on fixing errors the point of buying a template is to speed up production. Very disappointed please save the money and your time on your next project.
I agree that there could be more documentation. I've ended up using the basic HTML demo site as the source of most of my documentation / samples. But overall my experience has been very different. I was able to load up the sample MVC project without any problems (insert the infamous "works on my machine" logo here) and was then able to drop the template into an existing project very easily (which was using a different template from WrapBootstrap). I just made the transition about 1.5 months ago, so maybe the version I started with had made improvements since you initially purchased it 8 months ago.
Hi Team,

I am using Web Forms template.

I want to use the calendar where i need to display the records from the database.

say, an event at 01.00PM to 02.40 PM.

1. can you share an example where i will 1. bind this calendar to the values from the database.
2. when the calendar is viewed in Day mode can we set the Intervals on runtime or say an odd interval of 40 min instead of 15 or 30 min.
3. Is there any way were on click of the event on the calendar we need to open the modal window to add or modify the details of the event.

Request you to please help me.

Regards,
Mukul Bapat
Hi and Thanks for using BeyondAdmin,
As you noticed, we use FullCalendar in BeyondAdmin. For such scenarios you must use Event object in fullcalendar:
http://fullcalendar.io/docs/event_data/Event_Object/
For that you can have to write a web service which will return json string of events containing attributes like title , start, end.

for clicking an event use fullcalendar events like this:
$('#calendar').fullCalendar({
eventClick: function(event, element) {

event.title = "CLICKED!";

modal.show();

}
});

Please do not hesitate to send me an email, In case you have more inquiries.

Best,
BeyondThemes
Hey thanks for your quick reply.

Will try implementing your solution and will update you shortly.

Thanks
Mukul Bapat
Hello Team,

I bought this template few days ago and I'm using it with MVC project.
Can you please help me to change defaul skin to another skin let say I want "skins/dark.min.css"

Do I need to change something in _Default partial page or I need to set BundleConfig.cs and how
I know this is simple but I'm new in MVC. Can you paste me some code if you have already familiar with this

Tnx !
Hi and Thanks for using BeyondAdmin,
There are three different ways to change the default skin:
1.Add a reference to your desired skin in page after beyond.css
2.Change default colors set in variables.less and rebuild the beyond.less
3.Add a cookie with your desired skin (e.g. azure).
Note: This way, you need to refresh the page after setting the cookie.
Note: The name of cookie must be exactly the name of the file in /assets/css/skins/.

Best,
BeyondThemes
Thanks for quick answer. This problem with skins was very simple to do.

Now I have problems with side menu like many people before. I know that I need to put back original files in DisplayTemplates folder aftef updating mvcsitemapprovider to v4.6.22 on .NET 4.6.1... I also tried to put back mvc.sitemap from original project but I still have this Error

Compiler Error Message: CS1061: 'HtmlHelper<MenuHelperModel>' does not contain a definition for 'Bootstrap' and no extension method 'Bootstrap' accepting a first argument of type 'HtmlHelper<MenuHelperModel>' could be found (are you missing a using directive or an assembly reference?)

It must be some simple thing...

Can you please help me with this ?
tnx!
Hi,
When this happens that shows that Html.Bootstrap is not recognised as a namespace by the project. So you must rebuild the helpers project and it will be fine. Please send me an email if your problem persisted, so I will be able to work with you on this.

Best,
BeyondThemes
It would be "nice to have" the chat bar slide in on top of the rest of the page instead of offsetting the existing content. Maybe even have the option to "pin" it, in which case it would look just like it does now.
Hi,
Nice suggestion. Thanks for that. I will add it to our backlog.

Best Regards,
BeyondThemes
causeidm PURCHASED
Just downloaded the theme for use in a react application. the react section is missing from the included documentation. Where could I find this? Thanks
Hi and Thank for using BeyondAdmin,
Most of ReactJs help will be added to next release. But I will be more than happy to help you with any issue. Please send me an email and we'll be in touch.

Best,
BeyondThemes
Hi,
your DataTables are great! but just a quick question:
- I want to use an editable DataTable but I don't want the stuffs like 'CSV,PDF,etc...' and no need also the search input textbox. Can I remove them?

I tried to remove
"oTableTools": {
"aButtons": [
{
"sExtends": "collection",
"sButtonText": "Save <i class=\"fa fa-angle-down\"></i>",
"aButtons": ["csv", "xls", "pdf"]
}
]
},
from the javascript in Init but it removes also the pagination.

Any Idea?

Thanks

Alex C.
Hi and Thanks for using BeyondAdmin,
$(document).ready(function() {
$('#example').DataTable( {
dom: 'Bfrtip',
buttons: [
'copy', 'csv', 'excel', 'pdf', 'print'
]
} );
} );

you must remove the buttons section. Please see the following link:
https://datatables.net/extensions/buttons/examples/initialisation/export.html

Best,
BeyondThemes
supaizan PURCHASED
Hello guys, I would like to insert a Select2 within an editable datatable, is this possible?
When editing, the select option will be displayed to the user select the desired item.

Thanks!
supaizan PURCHASED
any ideas?

tks
Hi,
Usually, select2 is used with Datatables Editor plugin. but I think you can find some hint in following link:
http://stackoverflow.com/questions/16580247/how-to-style-the-datatables-length-select-element-using-select2

Best,
BeyondThemes
Hi, sorry for my late reply too,

I have already tried your solution :

<system.webServer>
<security>
<requestFiltering>
<requestLimits maxQueryString="32768"/>
</requestFiltering>
</security>
</system.webServer>

without any success, I got this error :

"The length of the query string for this request exceeds the configured maxQueryStringLength value."

I found other proposed solutions on the web, but none has solved my issue :
<httpRuntime targetFramework="4.5.1" maxQueryStringLength="32768" maxUrlLength="65536"/>

I'm using ( Visual Studio 2013 / IIS Express / ASP.NET webforms app / .Net Framework 4.6 )on my dev machine with Windows 10 pro.

Regards.
Hi,
According to MSDN, the correct element to modify to reset maxQueryStringLength in web.config is the <httpRuntime> element inside the <system.web> element, Try modifying that element.
Also, if you send me your code, I will be able to help you more.

Best,
BeyondThemes
Hi,

I have already tested all these solutions, but nothing works, this is a clean BEYOND Webform poject, I have just edited the web.config :

https://drive.google.com/open?id=0B9ZEtS2z_I3Ha19uOWVrcVMxU3M

Please, I'm waiting for your solution.

Regards,
El Mehdi RAFIK.
Hi, I've downloaded your code and get back to you soon.

Best,
BeyondThemes
Dears,

Awaiting your feed back,

and thank you for your professionalism, and your reactivity.

Regards.
Hi and Thanks for your patience,
Just comment the ConfigureAuth(app) in StartUp.cs
public void Configuration(IAppBuilder app) {
//ConfigureAuth(app);
}

and change your web.config in account folder to:
<?xml version="1.0"?>
<configuration>
<system.web>
<authorization>
<allow users="*"/>
</authorization>
</system.web>
</configuration>

Best,
BeyondThemes
and please remove the link from google drive. Thanks.
Hello,

I tested your solution on the project that I sent you, but I got this error on the login page:

http://imgur.com/3VcIGKw

On my project, I couldn't comment the ConfigureAuth(app) in StartUp.cs, because I use this procedure for an external authetification with a Microsoft account on my project, and I don't think this could solve my problem.

Here is the code I use in:

public void ConfigureAuth(IAppBuilder app)
{
// Configure the db context, user manager and signin manager to use a single instance per request
app.CreatePerOwinContext(ApplicationDbContext.Create);
app.CreatePerOwinContext<ApplicationUserManager>(ApplicationUserManager.Create);
app.CreatePerOwinContext<ApplicationSignInManager>(ApplicationSignInManager.Create);

// Enable the application to use a cookie to store information for the signed in user
// and to use a cookie to temporarily store information about a user logging in with a third party login provider
// Configure the sign in cookie
app.UseCookieAuthentication(new CookieAuthenticationOptions
{
AuthenticationType = DefaultAuthenticationTypes.ApplicationCookie,
LoginPath = new PathString("/Account/Login.aspx"),
Provider = new CookieAuthenticationProvider
{
OnValidateIdentity = SecurityStampValidator.OnValidateIdentity<ApplicationUserManager, ApplicationUser>(
validateInterval: TimeSpan.FromMinutes(30),
regenerateIdentity: (manager, user) => user.GenerateUserIdentityAsync(manager))
}
});
// Use a cookie to temporarily store information about a user logging in with a third party login provider
app.UseExternalSignInCookie(DefaultAuthenticationTypes.ExternalCookie);

// Enables the application to temporarily store user information when they are verifying the second factor in the two-factor authentication process.
app.UseTwoFactorSignInCookie(DefaultAuthenticationTypes.TwoFactorCookie, TimeSpan.FromMinutes(5));

// Enables the application to remember the second login verification factor such as phone or email.
// Once you check this option, your second step of verification during the login process will be remembered on the device where you logged in from.
// This is similar to the RememberMe option when you log in.
app.UseTwoFactorRememberBrowserCookie(DefaultAuthenticationTypes.TwoFactorRememberBrowserCookie);

// Uncomment the following lines to enable logging in with third party login providers
var options = new MicrosoftAccountAuthenticationOptions
{
Caption = "Live",
ClientId = "00000000XXXXXXXX",
ClientSecret = "XXXXX-XXXXX-XXXXXXXXXXX-XXXXXXXX",

CallbackPath = new PathString("/signin-microsoft"),

Provider = new MicrosoftAccountAuthenticationProvider
{
OnAuthenticated = async context =>
{
string accessToken = context.AccessToken;
string microsoftUserId = context.Id;
string microsoftFullName = context.Name;
var serializedUser = context.User;

context.Identity.AddClaim(new System.Security.Claims.Claim("urn:microsoftaccount:access_token", context.AccessToken));

foreach (var claim in context.User)
{
var claimType = string.Format("urn:microsoftaccount:{0}", claim.Key);
string claimValue = claim.Value.ToString();
if (!context.Identity.HasClaim(claimType, claimValue))
context.Identity.AddClaim(new System.Security.Claims.Claim(claimType, claimValue, "XmlSchemaString", "Microsoft"));
}
}
}
};

app.UseMicrosoftAccountAuthentication(options);
}

To give you an idea of what I want to achieve, I try to restrict access to my project only to connected people, while redirecting those not connected to the login page.

I'm waiting for ther suggestions from your team.

Regards,
El Mehdi RAFIK.
At the moment, I use this code on each page to redirect not connected users :

protected void Page_Load(object sender, EventArgs e)
{
if (!Context.User.Identity.IsAuthenticated) // if the user is already logged in
{
var returnUrl = Server.UrlEncode(Request.Url.PathAndQuery);
Response.Redirect("~/Account/Login.aspx?ReturnURL=" + returnUrl);
}

if (!HttpContext.Current.User.Identity.IsAuthenticated) // if the user is already logged in
{
var returnUrl = Server.UrlEncode(Request.Url.PathAndQuery);
Response.Redirect("~/Account/Login.aspx?ReturnURL=" + returnUrl);
}
}
Hi Team,

I have been using the WebForm project

Recently i have tried adding the checkbox in TemplateColumn in the HeaderTemplate an dItemTemplate. but the checkbox is not visible when i view the page or run the project.

Just FYI, when i had textbox it renders properly but the checkbox is not rendered.

Please let me know if i am missing out anything.

Regards,
Mukul Bapat
I am using the grid veiw control of asp.net to populate the data in the grid. But when i add the Checkbox in the itemtempltecolumn of gridview. the checkbox is not visible, though other data is visible on the screen.
Hi,
The checkbox must be in following format:
<div class="checkbox">
<label>
<asp:CheckBox id="checkbox1" runat="server"
AutoPostBack="True"
Text=""
/>
<span class="text">Inverted</span>
</label>
</div>

Best,
BeyondThemes
I am not able to get this.

I have place the checkbox in the gridveiew in the itemtemplate as below

<asp:TemplateField HeaderText="Select All">
<HeaderTemplate>
<input id="chkSelectAll" onclick="javascript:SelectAllCheckboxes(this);" type="checkbox" />
</HeaderTemplate>
<ItemTemplate>
<asp:CheckBox ID="chkSelect" runat="server" Style="margin-left: 20px; margin-top: 5px;" />

</ItemTemplate>
</asp:TemplateField>

and the grid is rendered in a table as below

<td>
<span style="margin-left: 20px; margin-top: 5px;"><input id="MainContent_grdVendorDetails_chkSelect_5" type="checkbox" name="ctl00$MainContent$grdVendorDetails$ctl07$chkSelect"></span>

</td>

Please let me know how to render the column as suggested by you.
Hi,
In your template use this:
<asp:TemplateField HeaderText="Select All">
<HeaderTemplate>
<input id="chkSelectAll" onclick="javascript:SelectAllCheckboxes(this);" type="checkbox" />
</HeaderTemplate>
<ItemTemplate>
<div class="checkbox">
<label>
<asp:CheckBox ID="chkSelect" runat="server" Style="margin-left: 20px; margin-top: 5px;" />
<span class="text">Inverted</span>
</label>
</div>

</ItemTemplate>
</asp:TemplateField>

Best,
BeyondThemes
Hey I tried your suggestion, but still the checkboxes are not visible in the grid column.

Request you to please check and verifty.

In beyond.css when i comment the below lines the check box are visible but the allignment is disturbed for all the checkbox used across the application. For e.g When you apply the below suggested changes the alignemt of the checkboxes under settings button on the top right corner gets.disturbed.

//commenting the below attributes makes the checkbox visible in the gridview column but the alignment is not proper.

input[type=checkbox],
input[type=radio] {
/*opacity: 0;
position: absolute;
left: -9999px;*/

Please check and suggest some solution over this.

Thanks
Mukul Bapat
iSolveIT PURCHASED
Thanks for the excellent template.

For the asp.net webforms version, is there a database file included for the user-account stuff? I cannot seem to find it in the download, yet functionality seems to be in there for the oauth authentication...

Any suggestions?

Thanks,
Andras
Hi,
The database is not included, But you can add it easily with asp.net identity.
http://www.asp.net/identity/overview/getting-started/adding-aspnet-identity-to-an-empty-or-existing-web-forms-project

Best,
BeyondThemes
Hi Team,

I am using the webform project.

I have created a form which contains
a button (say. btnBack ) in first row later followed by
some textbox controls and
down i have a button (say. btnSave)

I am using bootstrap validation used in this template.

All the above controls are placed inside a form
When the button save is clicked the validation are happening properly on the textbox but here i want only btnSave to be disabled and btnBack should not be disabled.

How can i accomplish this task?
Hi,
Change the Canel button's type from type="submit" to type="button" will keep the other buttons alive and only disable the submit button if form field(s) invalid.

Best,
BeyondThemes
sierratec PURCHASED
Dear Support Team,

In laptop (without mouse), how can we scroll left menu? We are running our application in fixed side bar enabled mode. Can you please suggest?

Thanks
Hi and Thanks for using BeyondAdmin,
We're using SlimScroll component for scrolling fixed contents. You must hover the scrolled area for SlimScroll in default config to make it visible. You can set alwaysVisible: true and make it always visible.

Best,
BeyondThemes
sierratec PURCHASED
Hi,
Thanks for your reply. After using SlimScroll component, we have lot of design issues. Please provide your email, so that we can send our sample file for your review and suggestions.

Thanks.
Hi, You can mail me from contact page:
https://wrapbootstrap.com/user/beyondthemes

Best,
BeyondThemes
sierratec PURCHASED
Hi,

I have uploaded SlimScroll component implemented sample on below path, can you please download & have a look on that and advice?

www.sierratec.com/downloads/ScrollView_Sample.zip

Thanks.
sierratec PURCHASED
Hi,

May we know is there any feedback on SlimScroll component issue?

Thanks.
Hi, Sorry for may late reply. I've downloaded the file. Please remove it from your server. I'll be in touch shortly.
sierratec PURCHASED
Hi,
Thanks. I am looking forward to hearing from you with fixes.
sierratec PURCHASED
Hi,

May i have some updates from you about our issue?

Thanks
sierratec PURCHASED
Hi,

Any updates. Please provide some updates?

Thanks
sierratec PURCHASED
Hi,

May i followup you on our issue?

Thanks.
sierratec PURCHASED
Hi,

Any updates. Please provide some updates?

Thanks
imagecom PURCHASED
Dear Team Support,

How We Can enlarge setting-contanier in the top menu?

We need put some more option in the top setting menu.

Thanks
Hi, Just updates followings:
.navbar .navbar-inner .navbar-header .navbar-account.setting-open .setting {
right: 700px;
}

.navbar .navbar-inner .navbar-header .navbar-account .setting-container {
width:700px;
}

Best,
BeyondThemes
Hi Team,

I have being using the Webform Template and i must say its a very good template.

I was going through the Responsive Flip Scroll Tables example in the Simple Tables Page.

I was trying to implement the same using Tab instead of Wdiget.
Like i have placed a GridVies inside the TAB but the grid renders outside the Tab area. and also scrollable is not applied.

Can you share the css that i need to implment inorder to have exact view as Responsive Flip Scroll Tables
I need to have Gridview inside a TAB and not Widget.

Please help !!
Hi,
There is no difference between tab and widget containers .You should be able to put the flip-scroll in the tab page.

Best,
BeyondThemes

Write a comment

This is a great way to give the seller feedback and ask them questions about their item.

You must sign in to write a comment

Sign in or sign up to make a purchase

$18
3237Purchases

Licenses: Details »

Single application $18
Version:1.6.0
Type:
  • HTML Template
Bootstrap: Compatible with 3.3.x
Layouts:
  • Responsive
  • Fluid
Browsers:
  • IE 9, 10, 11
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
Uses Less:Yes
Uses Sass:No
Categories:
Tags: admin template, angular, angularjs, asp.net mvc, front end, landing page, mvc, react, reactjs, responsive dashboard
Item#:WB06R48S4
Released:3 years ago
Updated:1 year ago
Sold exclusively on WrapBootstrap
beyondthemes

beyondthemes

Signed up 3 years ago

Need a front-end theme?

About Bootstrap

Bootstrap is designed to help people of all skill levels – designer or developer, huge nerd or early beginner. Use it as a complete kit or use it to start something more complex.

Unlike other front-end toolkits, Bootstrap was designed first and foremost as a styleguide to document not only its features, but best practices and living, coded examples.

Built to support new HTML5 elements and syntax with progressively enhanced components.

Browser support

Bootstrap is tested and supported in major modern browsers like Chrome, Firefox, and Internet Explorer.

Tested and supported in Chrome, Safari, Firefox, Internet Explorer, and Opera.
  • Latest Chrome
  • Latest Firefox
  • Latest Safari
  • Latest Edge
  • Internet Explorer 9/10/11
  • Latest Opera

Features & includes

Bootstrap provides an unparalleled array of features and reusable components that let you hit the ground running: