IE7 shows header different - internet-explorer-7

My header looks totally different in IE7.
EDIT
Link to site; http://tinyurl.com/3g58vhb

Related

HOW TO CLICK LINK IN PAGE OF REACT-PDF

Description:
I've checked similar issues, but none of the provided solutions seem to work in this case. My assumption is that this has something to do with pdf document itself, appreciate if anyone could take a look.
Steps to reproduce
Here is the sandbox with the example
https://codesandbox.io/embed/gallant-thunder-x3o7v7?fontsize=14&hidenavigation=1&theme=dark
Expected behavior
Links are clickable. Please see the online demo https://projects.wojtekmaj.pl/react-pdf/
Actual behavior
Links are not clickable
Interesting fact, that google viewer does not open the links either (pages 4, 5), but if you download the document, links are working. I'm using default previewer on MacOS
Environment
React-PDF version: 5.7.2, same behaviour on 4.1.0
React version: 18.0.0, same on 16.4.0
Also, I used iframe and embed, and really it make link clickable but its not display pdf on safari IOS
The problem is you are using a "virtual PDF reader" (GoogleDocs/Mozilla PDF.js) which produces images and searchable text as separate layers, the link is there but it is the highlighted yellow zone not the blue underline text. also due to browser security I have to right click to open at my choice in new tab or new window (my choice would be save link as PDF for offline viewing).
In a true PDF viewer like Chrome embedded PDF Plugin or the users iFrame / offline viewer, the links would work perfectly. Again whichever way the user decides.

file:// HTML link doesn't open

I need to link to a file not served by a webserver, so i'm using this HTML sintax
demo.pdf
Tryed in Chrome, Edge and Firefox: when i click on the link nothing happens. Even right clickeng the link and selecting "Open in a new tab" doesn't work: Firefox and Efge doesn't open the new tab and Chrome opens a new "about:blank" tab.
Here's a fiddle: https://jsfiddle.net/upurrvn0/
What's the matter with this?
#DougDawson already found and ridden that question. I've specified that my files are (unluckly) not served by a webserver. Therefore i need to use a "file:///" link, which i read over several websites should be allowed by browsers. If I manually type the address in the URL bar, i get the file (so the URL is ok). If this has became illegal over the years, I haven't found anything. Can you provide any documentation about it?

Roboto based fonts not showing up in IE

I have an angular material application which when viewed in IE (11) doesnt display the fonts correctly. In Firefox and Chrome I dont see any problem.
The fonts are not being fetched remotely, they are contained as resources within the application.
As an example I have a sidenav component that holds a menu which looks like this in Chrome\Firefox:
But in IE looks like this:
Inspecting the network traffic in IE I can see the font files are being successfully retrieved and I can open these just fine when copying the urls into a new browser tab.
Oddly when I run protractor tests against IE, the fonts are rendering fine, I wonder if selenium server\IEdriver are doing something differently that allow the fonts to display?
Anyone got any ideas what could be the problem here?
Thanks

How to display my AngularJS correctly for GoogleBot and Optimizely?

I've a website called VoteCircle (www.votecircle.com), but i noted that it doesn't display well for Google Bot/Optimizely (used for A/B tests). It shows only the content that AREN'T in ng-view. All content in ng-view isn't displayed.
it was made in AngularJS and the content in ng-view isn't displayed for those bots/previews that i mentioned.
What's the best way to fix that?
Please, see attached screenshot.
Thanks.
There is a pretty easy fix for this. In your URL bar, click on the small key and enable mixed content. The browser blocks loading mixed content in the editor by default (HTTPS and HTTP resources combined). By enabling it you can load the rest of the page in the editor.

extjs gridfilter icon not showing in IE but shows in Firefox

In Gridfilters, if you are using a StringFilter field, then there is a property in StringFilter.js called :
icon: 'ux-gridfilter-text-icon',
Basically this loads a 'binocular' icon in beside the filter text box. This works fine with mozila, but with IE, the icon is not showing up.
Is this a known problem by any chance?
I am using the source at : http://ccinct.com/lab/filter-grid/
My ext js ver is 3.2.1
The girdfilters version seems to be v0.2.7 as per GridFilters.js
EDIT: This works in Chrome fine. Just IE is the problem
EDIT#2: Also , the other css properties like column headers etc are fine. it is with the loading of the image that there is a problem.
Thanks. it got solved.
I had taken the filters plugin (ux,resources) folders, and distributed the files in diff packages in my web application.
For some reason, that messed up things even though the references were all correct. When I started using the package as it was given, it got solved.
Not sure why though.

Resources