Comments (6)
@anaashrafi , @hashirshoaeb, I stumbled upon this issue and found it very interesting. I inspected the actual PDF trying to find a possible solution to this and here it shows where it is getting the <title> from:
Probably out of scope for this Issue but here it goes: I think you can edit the PDF before uploading it to the website so it displays the actual Title you need. The <title> tag is been generated by the PDF Title field and not the Filename.
Let me know what you think.
from home.
Damn How can I be so dumb. Thanks a lot @TowerX for figuring out the root of this issue.
So it means is that instead of setting(overwriting) the title of the browser tab. I need to set(overwrite) the Title(metadata) of pdf file. This will automatically update the browser title.
Following are the possible solutions that found after a bit of googling:
- Manual way: How to Change the PDF Title that appears in a web browser (using free software)
- Programmatic way: npm package pdf-lib
I tried the Manual way and it worked. What do you suggest? Should I implement the Programmatic way into my code? Personally, I am finding it unnecessary to do it.
Best,
Hashir
from home.
@hashirshoaeb I'm glad! For this specific scenario, I think it is safe to say that a resume document won't change every day. By making sure the file meta is correct, you will have a nice page title. I don't think you need to go as far as finding a programmatic way unless you want a challenge :) Let me know if you have any other questions. Happy to help :)
Regards,
TowerX
from home.
A website that can help in changing the title other metadata of pdf file. https://pdfcandy.com/edit-pdf-meta.html
from home.
Query: How to programmatically set the title for pdf file opening in new tab (_blank) in browser. As screenshot attached above.
Possible solution: https://stackoverflow.com/questions/50759857/how-to-set-title-for-pdf-file-opening-in-new-tab-blank-in-browser
But it's not the best solution so far.
from home.
If anyone can solve this issue. Please feel free to send Pull Request.
Happy coding
from home.
Related Issues (20)
- Uneven boxes HOT 1
- Deployment issue HOT 1
- sh: react-scripts: command not found HOT 4
- Make recent projects card height consistent HOT 1
- Add Preview thumbnails to recent projects cards HOT 2
- Add all of your technical skills that you currently know under the skills section HOT 1
- Unable to update the website after a few months of deployment HOT 7
- hi HOT 2
- Failed to compile 'jumbotron', this is depreciated as of bootstrap 5? HOT 4
- [Migration] React 16 -> 18
- error due to build HOT 2
- Primeiro issue
- Migrate to node v18 HOT 1
- Could you please help me with this error? HOT 4
- On the main screen, the particle effect is not visible on the left side. Zoom in to see the error HOT 1
- Fix Auto-Closing of Navbar Menu on Navigation Item Selection
- Migrate to node v20
- Only main page with social icons and resume/blog buttons HOT 1
- Blog section HOT 10
- Education Section missing HOT 3
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from home.