Scroll bars are visible in chrome but not in Internet Explorer 11
I have tried debugging and inspecting element to find in the DOM where exactly are the scroll bars. Didn't get any luck
found a suggestion on this link :-
https://social.msdn.microsoft.com/Forums/sqlserver/en-US/5e03c026-7359-4c0a-8c12-97dac9a2eb9c/reportviewer-2012-scroll-bars?forum=sqlreportingservices
At very bottom of the link this guy named - Palanichamy suggested to put below code in the css file.
#VisibleReportContentctl32_ctl09{
position : absolute;
_:-ms-fullscreen, :root;
}
And other guy on the same link suggested where that file exactly located :
To the following file on my report server:
C:\Program Files\Microsoft SQL Server\MSRS11.MSSQLSERVER\Reporting Services\ReportManager\Styles\ReportServices.css
But I still didn't get any luck. So the last thing I tried is I copied the code in whatever report you are trying to run its name.aspx file and in the header tag I created a new style tag and then found out the correct id of the element by inspecting code.
<head runat="server">
<title></title>
<style type="text/css">
#VisibleReportContentrvAdHocReport_ctl09 {
position : absolute;
_:-ms-fullscreen, :root;
}
</style>
Related
i'm trying to remove the light gray line that's next to the darker gray line:
After searching the rechart library through and through i decided to try and hide it with a css file.
this is the code :
.recharts-layer.recharts-cartesian-axis-tick line{
display: hidden;
}
I've also tried :
.recharts-cartesian-axis-tick-line{
display:hidden !important;
}
and still doesn't work.
it's important to note that the css file is linked and when trying to style something else it works.
this is what i see when i inspect and pick the element in the dev tools :
any help will be appreciated!
What you need to do is remove the tickLine from YAxis.
Something like that:
<LineChart>
...
<YAxis tickLine={false} />
...
</LineChart>
You can check more about it in docs API.
I'm using VSCode and Google Chrome from developing a React App.
Every time I save changes in my React app on VSCode, it refreshes the Chrome page, but strangely it adds an overlay iframe to the whole page and nothing is clickable anymore. Here is the html code for the iframe that gets added:
<iframe style="position: fixed; top: 0px; left: 0px; width: 100%; height: 100%; border: none; z-index: 2147483647;">
<html data-lt-installed="true">
<head></head>
<body>
<script type="text/javascript">[THE CONTENT OF THE SCRIPT IS SO LONG THAT I CANNOT COPY IT HERE!]</script>
</body>
</html>
</iframe>
Also, it gives me the following error code in the console that is coming from VM9623:2:
Uncaught ReferenceError: process is not defined
at Object.4043 (<anonymous>:2:13168)
at r (<anonymous>:2:306599)
at Object.8048 (<anonymous>:2:9496)
at r (<anonymous>:2:306599)
at Object.8641 (<anonymous>:2:1379)
at r (<anonymous>:2:306599)
at <anonymous>:2:315627
at <anonymous>:2:324225
at <anonymous>:2:324229
at HTMLIFrameElement.e.onload (index.js:1)
The issue gets resolved by refreshing the page, but it is frustrating that every time I save changes on VSCode, I have to manually refresh the page again!
If upgrading to react-scriptsv5 is not working for you, you can also try another alternative which is fixed in react-error-overlay in version 6.0.9:
All this to your package.json
React Uncaught ReferenceError: process is not defined
it worked for me to add this to my package.json
"devDependencies": {
"react-error-overlay": "6.0.9",
}
link to article:
https://github.com/facebook/create-react-app/issues/11773
for me the following worked:
//reset-css file or css global file
iframe {
display: none !important;
}
remembering that this error is happening only in development environments, build from production environments work normally, apparently it's a react hot-refresh problem
as said here:
https://github.com/facebook/create-react-app/issues/11773#issuecomment-995415266
I am trying to change the background for my play.erb page but I'm struggling to get the image (that is held locally) to show. The page works when using a placeholder image provided online. The error message I am getting is this.
127.0.0.1 - - [06/Mar/2018:21:55:49 +0000] "GET /images/map.jpg HTTP/1.1" 404 515 0.0137
As I understand the 404 reflects the fact that the image can't be found.
I have looked at other SO responses and have tried moving the jpg into the same directory, adding and removing quotation marks and adding the 'public' and 'image' directories, all to no avail.
Can anyone see where I am going wrong? I have added the code and my directory structure below.
Thanks for your time.
#play.erb
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
<style>
body, html {
height: 100%;
margin: 0;
}
.bg {
/* The image used */
background-image: url("/public/images/map.jpg");
/* Full height */
height: 100%;
/* Center and scale the image nicely */
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
</style>
</head>
<body>
<div class="bg"></div>
</body>
</html>
File structure
Root Directory
lib (dir)
lib(dir)
my_app.rb, views(dir)
views (dir)
index.erb, play.erb, public(dir)
public(dir)
images(dir)
images(dir)
map.jpg
As per http://sinatrarb.com/intro.html there were two key issues with my file structure and code.
1.) Static files are served from the ./public directory.
I adjusted my file structure to this:
Root Directory
lib (dir), public(dir)
lib(dir)
my_app.rb, views(dir)
views(dir)
index.erb, play.erb, public(dir)
Public(dir) still holds the images(dir) and images(dir) still holds map.jpg.
2.) Note that the public directory name is not included in the URL.
I also adjusted the URL to this:
background-image: url("/images/map.jpg");
This solved the problem.
EDIT: Sorry, I didn't see the Sinatra tag on you post... I will leave this only for information, but sorry there I can't help you...
Only for rails:
The problem on your code is that asset-pipeline create a fingerprint after the file name to inform the browser when you update somenthing, you can't have access of folders inside the public folder (You can confirm trying to access the path on the browser: localhost/images/somenthing.*), only the root of it...
You can use the AssetsHelper for do the job for you!
<style>
...
.bg {
/* The image used */
background-image: url(<%= image_path('map.jpg');
...
</style>
If you try to do this on a *.css or *.scss file, rails will give you a error.
The solution for this case is:
*.css - *.scss
.bg {
/* The image used */
background-image: url(asset_path('map.jpg'));
Hope this answers your question :)
I'm using metronic template and the date picker works ok there but when I try to do the same in my page the arrows of my date picker appear as characters, like this.
The problem seems to be in the CSS file plugins.css, because after rendering pages in metronic the css shows this while my page CSS shows (I'm limited to 2 links so I changed to code):
.datepaginator .fa-angle-left::before, .datepicker .fa-angle-left::before {
content: "ï„„";
}
The plugins.css files are the same and I think the problem is related to some kind of encoding, but I'm out of ideas.
You are missing the font-awesome.css file, try add it like this:
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.2/css/font-awesome.min.css" rel="stylesheet"/>
The following is a very minor problem, I would just like to understand why this happens.
Create a html document that looks like this:
<html>
<head>
<title></title>
<style>
body {font-family: Arial;}
</style>
</head>
<body>
<input type="radio" name="radio" />
</body>
</html>
Now open it in Firefox (I am using build 14.0.1) and right click the radio button to open a context menu. From that menu select "Inspect Element with Firebug...", which will open Firebug with the HTML tab open and the radio button HTML code highlighted.
Now try and select the radio button. It will be selected for a second but then it quickly deselects itself. Why?
I know if I remove that body style definition the above behavior will not happen or if I am in a different tab while Firebug is open (such as the "Console" tab) it won't happen or if Firebug isn't open it won't happen.
I know this is super minor and very situational I just like to at least have some idea of why this is.
I have heard of this before, my onlu suggestion is to report it to FireBug and for now keep trying until you find a work around. Maybe try wrap a form round it or add content round it?
It's a known issue with firebug that is sadly still open
http://code.google.com/p/fbug/issues/detail?id=5744
Annoyingly it creates a heisenbug situation if you don't know about it, where you can't work out why radio buttons won't check for you.