Super Sale Limited Time 50% OFF for All-Access Plans
Save 50% Now

How to change the demo base for Blazor


Hi,

not sure if such config exist, but before building, is there a way to change the demo used to generate the razor files? or they have to be manually modified based on the HTML files?


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(

Replies (3)


One approach is to start from the provided HTML templates and then adjust the base href in your Blazor project before generating the Razor files. I’ve documented a similar workflow here: Blazor template customization guide</a>.



To change the demo base for Blazor, you need to modify the base href in the index.html (Blazor WebAssembly) or App.razor (Blazor Server) file. For Blazor WebAssembly, update the <base href="/"> tag inside wwwroot/index.html to reflect your desired base URL. In Blazor Server, configure routing in Program.cs or App.razor accordingly. Additionally, update the launchSettings.json file to ensure correct URL mapping. Just like Spotube Play enhances the music streaming experience with a lightweight approach, properly configuring the base href in Blazor ensures smooth navigation and deployment for your application.



Hi,

May I know which version are you referring to? By right our templates are provided in HTML format and you can convert them to any format according to your project requirements.

If you need any further clarifications please do let us know.

Regards,
Sean


Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(
Text formatting options
Submit
Click any option to insert into your comment. Select text first to wrap it.
  • **text** to make things bold
  • *text* to emphasize
  • ### Heading to make headings
  • [link text](url) for links
  • ![alt text](image-url) to paste in an image
  • - item to make a list
  • 1. item to make an ordered list
  • > quote to quote somebody
  • `code` for single line of code
  • ```js ... ``` for JS code block
  • ```html ... ``` for HTML code block
  • ```scss ... ``` for SCSS code block
  • ```php ... ``` for PHP code block
  • --- for a horizontal rule
  • happy  :)
  • shocked  :|
  • sad  :(