Get 2024 Templates Mega Bundle!$1000 worth of 19 Bootstrap HTML, Vue & React Templates + 3 Vector Sets for just $99
Get for 99$

Found a bug in the Blazor project


Are you aware with the Blazor project of the Good website, when you click the + button on the top left next to the 'Select Project' dropdown above the left side menu. This button errors, will not open the menu.

Everything else seem to be ok.

Error:
Uncaught TypeError: Cannot read properties of undefined (reading 'backdrop')

Error in the plugins.bundle.js

Be good if you could fix this


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (11)


Hello.
Here is a OneDrive link.

This is as basic project as one can get. A new Blazor Server App that then grabs all your JS, Css and HTML and build the one page.

I also own the Good website that has got a Blazor project template but I wish it was a simple version of this project. I need the basic to then work from.

Most things work but I am missing something that stops the js from running, eg the theme.

Here is the download link
https://1drv.ms/u/s!ArUBbyecqJO5ns8nfNzF5b5st6aULQ?e=D6fD5O

Hopefully you can help, yours truly, Wayne.



Hi Wayne,

We checked your zip and it seems like you haven't copied Craft assets folder to wwwroot.

The main style files listed below are not found.

<link href="assets/plugins/global/plugins.bundle.css" rel="stylesheet" type="text/css" />
<link href="assets/css/style.bundle.css" rel="stylesheet" type="text/css" />


You need to build assets folder using our Webpack or Gulp guides, then you can copy dist/assets folder to wwwroot, this should fix a layout.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Yes I left this folder out of the WWWRoot folder so no one could download my OneDrive link and get your template for free as I believe anyone can see this.

I trying to get things working on both the Craft and Good project. I want the Craft one to work as it better for our needs. But in saying this, I have managed to get almost everthing working on the Good template. I now have a Blazor ServerApp, WebAssemblyApp and MauiBlazorApp all working, but I am still having some buttons not working. Not sure why.

Oh - the cool theam I would love to have for the Good template but it is missing the two css files, style.cool.bundle.css and plugins.cool.bundle.css. Can you please add them to the download link.



Hi,

Sorry for the misunderstanding.

Could you please specify which buttons don't work?

Note some of the buttons in our theme might be added for demo purposes and might not contain any event listeners.

Regards,
Lauris Stepanovs,
Keenthemes Support Team



All good.
I have managed to work around the links not working.

One thing that is missing is the two css files for the cool theme for the Good template. It's not part of the download. Can you add to the download.zip file please.



Hi,

All of the styles for Good theme should already be included in the final package, if you have any missing files could you please specify which exactly files so we can verify this?

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi.
I just downloaded my edit index.html page.

I was on the thinking I take my full working craft html webpage with all files folders, replace my changed download files with the working one and then double click the index.html.

If this is not the way, please let me know the steps.
If so, then it's not working for me.

Note I am working with your Craft webpage, not the Good one.



Hi Wayne,

Could you please provide us with more info on what you are trying to achieve?

If you already have a project with your changes then to make content width fluid you can just change content class from container-xxl to container-fluid.

Check bootstrap 5 docs: https://getbootstrap.com/docs/5.0/layout/containers/

Regards,
Lauris Stepanovs,
Keenthemes Support Team



Hi it is the most current version of the website.
I have not change any code in the Blazor project.

I do have another question also. I believe you also built the Craft website. Can you show me what lines in the .css file I edit to make the main part go full width. It has a large padding on the left and right of the main window. It would be nice to have this look like the Good website with a small padding. The Craft website has almost a 20% padding on ether side wasting space.

Thank you, Wayne



Hi Wayne,

You can switch between Fixed and Fluid content in our Layout Builder.

  1. Open https://preview.keenthemes.com/craft/layout-builder.html
  2. In "Content" tab change the width to "Fluid" to make the content full width and remove margin from sides.



Regards,
Lauris Stepanovs,
Keenthemes Support Team

Hi,

Could you please specify which Good version are you using?

This button should open a modal, make sure that you included Starterkit/Shared/Partials/_ModalComponents.razor component, which contains all modal instances.

Also if you made any changes to our codebase please describe them.

Regards,
Lauris Stepanovs,
Keenthemes Support Team


Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Here's a how to add some HTML formatting to your comment:
  • <pre></pre> for JS codes block
  • <pre lang="html"></pre> for HTML code block
  • <pre lang="scss"></pre> for SCSS code block
  • <pre lang="php"></pre> for PHP code block
  • <code></code> for single line of code
  • <strong></strong> to make things bold
  • <em></em> to emphasize
  • <ul><li></li></ul>  to make list
  • <ol><li></li></ol>  to make ordered list
  • <h3></h3> to make headings
  • <a></a> for links
  • <img> to paste in an image
  • <blockquote></blockquote> to quote somebody
  • happy  :)
  • shocked  :|
  • sad  :(