Why does visual studio not run current html file - html

I am currently designing a website using Visual Studio 2015 Community and, for whatever reason, when I launch the website it will not launch the most current html file. Even though I have saved the newest file it will launch a previously created version of the website. Does anyone know why this might be happening?

Make sure the current html page is inside the project(from solution explorer).
If you make a new file from 'File' menu it will not be saved inside your project.
To create file inside project write click Proj name(in solution explorer) and click add -> file

In solution explorer right click on your project then select properties
after that from left panel select web
from there you can see three radio buttons inside start actions select current page
(or the option that suits you)

Related

How to show File Saveas Dialog in Blazor Server App

I am new to Blazor and trying to show File Saveas Dialog as shown in following link on a button click.
Save as Image
The requirement is - upon clicking the Saveas button above Saveas dialog should be popped up where user can choose the destination of file and file name.
I have tried "enabling the setting to check the save location in the download settings of the browser" and it works. But we do not want to depend on the Browser settings.
Please add your thoughts on below..
Instead of depending on the browser settings is there any other way to show Saveas dialog?
Are there any open source Nuget packages available to help on this?
NOTE: I am using .NET 6.0 for building my application
Thanks in advance,
Bhargavi Gowri.
I also wanted to bring up a window to save a file in which the user could select a folder. Before that, the system automatically saved to the Downloads folder.
As I understood, there was no such possibility before, but now it is possible thanks to this api: https://caniuse.com/native-filesystem-api.
I found this solution in the answer to this question: https://stackoverflow.com/a/70001920/16740180.
It's worth noting that I use Blazor WebAssembly and not a Blazor Server. And I do not know if it will work for you.
Unfortunately, this doesn't work for mobile devices right now, but it works fine for windows. I hope this helps someone.
This isn't a Blazor thing. In web browsers, files are downloaded from links using <a> tag in HTML using the download attribute. Just create a link to your file:
<a href="path_to_file" download>Save</a>
Save
The path must be on the same server, but blob and data links will work as well.
If you do not suggest a name, the browser will use the original filename (possibly changed to remove symbols the OS doesn't allow in file paths).
https://caniuse.com/download
If you want your link to look like a button, then that's a different issue, and you can google or ask that.

finding index.html on sidebar in visual studio code

Hi so I was trying to learn json for the first time and in the tutorial theres a section where you need to open index.html but that is not on my sidebar and I have absolutely no clue how to find/open it.
In the tutorial theres a drop down marked as "current project" which is not present on my screen and the index.html is in that. Is there an easy way to find where this is?
for anyone curious the tutorial im following is https://www.youtube.com/watch?v=iiADhChRriM and I saw at 6:43 it was there when he opened the program
this is my sidebar for reference
idk if im just dumb or my progam is being stupid but i need to find the answer so i can continue this project as soon as possible
Ok, so here is how the visual studio code side bar works, the first line you see (open editors) is a list of all open files, you don't have to pay mind to it,
but you can use it to find files you were editing earlier if you want.
The second line (physicsdemoassessment) is your current directory, there you can see all files on the directory.
This means that visual studio code is currently open on your old project, you say you didn't use it, but you probably opened vs code at some point on your project once, and vs code remembers.
You should make a new project to follow the tutorial. Go to File->Open Folder and pick a folder or make an empty folder and select it.
The reason why the tutorial's side bar says current project is because that is the name of the folder he's working on. so if you want to name your project that as well you should name the folder you open that.
Finally, to "find" the index.html file, as he explains in the video, this is just a very basic file, he made it before the tutorial started, it's not a vs code thing. You have to write the file yourself.
I hope my explanation was clear and solves your issue.

How I can load an image in Visual Studio?

I'm new at this.
I'm trying to create a landing page, when I add the image it just won't show up.
Is it because I'm not locating it correctly? If so, how should I do it correctly?
Or what could the problem be?
Thanks in advance
Procedure
Using Windows Explorer, place the custom image file in the Images directory of the Visual Studio project.
In Visual Studio, open the project's Solution Explorer browser.
Right-click the images folder and select Add > Add Existing Item.

ASP not running in .htm file in browser

I am attempting to run some asp code in a htm file however whenever I open the file it doesn't actually run the code but instead just displays the code without the '<%%>'. I've tried changing the file type to all sorts of things (.html, .asp, .aspx, .shtml) however none change anything and .asp doesn't even run (instead just displays the text as the the browser would when opening a text document).
I found some code on w3schools.com which is where I'm learning html however it doesn't work nor does the site mention any prerequisites for using asp code in an htm file.
The code:
<!DOCTYPE html>
<html>
<body>
<% response.write(request.querystring("fname")) %>
</body>
</html>
I have gone and ticked the ASP Windows features and whatever else related but that did nothing.
I am on a Windows 10, if that is relevant.
I am using opera (though I've tried opening in Window's Edge as well) and just opening via double-click or dragging into window. I am new to html in general so sorry for such a dumb question that may have already been answered before, I have searched a lot but after quite some time I decided to just ask.
I'm not sure what you are learning, but I think you might have come across Classic Asp. I'd recommend you download Visual Studio Community Version which you can find here
and instead try to learn ASP.NET.
However, if you want to launch your file you will need to use the local IIS. Simply go to START and in the search bar type IIS:
It should look like this:
On the left hand site, you will see SITES --> Right Click On it and point it to your Folder/File. Once it's there, then click on your SITE Folder in IIS and click on START which is on the right side with a red border. If it doesn't come up, click BROWSE *.443 which is right below it. It should launch.
If you are just starting, I'd suggest you download Visual Studio Code or ATOM and start creating simple .html files/website. It might be too overwhelming to go into ASP.NET or Classic before you become familiar with static .Html files.

How to highlight section in VScode live server when clicking my source code?

Question
The editor brackets can do that. Supposed that, when I click my html tag in my source code file, the browser would automatically highlight the section/div in the broswer like google chrome developer tools.
Step 1
Click my tag in my source code file
Step 2
the live server will automatically focus on the section I want
How could I make it in VSCode?
VS Code does not have a built-in live server. Whatever extension you are using for live server can implement this, however I am not aware of any ones that do currently. Consider filing a feature request against them for this
Look at Five Server extension.
I used to love this Live Preview of Brackets, mainly for two unique features unlike many other editors and extensions:
It shows the preview live, literally. It doesn’t wait for file save to show the changes.
Highlights the section in the preview, corresponding to the html tag in which the cursor is placed currently.
I have been looking for a similar VS Code extension for a while.
Finally found it, JUST NOW.