I am using the following guide to change the sorting icons
https://datatables.net/blog/2014-06-06
I am using the datatables css file for this integration:
https://cdn.datatables.net/plug-ins/1.10.12/integration/font-awesome/dataTables.fontAwesome.css
However, once applied there is an odd behaviour with one of the old arrows still appearing?
screenshot of issue here (highlighted in red):
Appreciate some assistance.
Related
I have made a shiny app in Persian language which the Shiny admin css has been changed completely to rtl direction. I have only a problem with my dygraph plot which not displayed correctly. My screenshots are shown below. As you can see, when I inspect the part which is not displayed on the correct place and then I change text-align from left to right in element.style{}, everything will be OK. But how can I change the css for this element.style? This is a div within my plot1 div! I tried many ways to change the css but it didn't work. Moreover in the css file of dygraph I changed all of left-aligns to right but it didn't work too. Thanks in advance for any comment.
I’ve fixed as many RTL issues as I can in Dygraph 2.2.0 so please upgrade to that version. If there are still any left afterwards, please provide an MVCE so that they can be fixed; it’s hard for people who don’t normally use an RTL environment.
https://dygraphs.com/tests/rtl.html works (I’m not sure if you’d flip the axis label or something…) and most things can be done using just CSS now.
I'm using PrimeNG 1.0.0-rc.4 (although had the same issue with earlier version). The dropdown always displays its dropdown pointer to the right. A rollover shows the associated button is also to the right. Tried it with different themes with same result. What's going on and how do I fix it?
My recommendation would be that you better use the grid system provided by PrimeNG, because you maybe solve that specific issue now, but it's so probable that you'll find more like that on the way. Here's the documentation about it: http://www.primefaces.org/primeng/#/responsive
I have this navigation that only appears on smartphones. For testing purpose you can see a desktop version here: http://dknytkom.dk/forside/
I am trying to replace the anchors "menu" and "Søg" with icons using background image. But for some reason the styling rules only affects one of either. If I switch the order of the css command lines, I get to select the other.
I've tried using attributes, like a[href="..."]; I've tried using a:nth-child(...), and finally given them an id each but to no avail.
Anyone got a clue?
first of all we appreciate if you post the css selector code that apply to just one of them.
second as i understand your path to the picture has problem, correct it and then tell us what was the result.
if you have problem with selector use a very specific one like these two:
for first one use : a#menu-knap.counter
for second you can use a#soege-knap.counter
Sorry for the inconvenience. I remove some css comment around the statements, and yup, it worked.
I have a strange behaviour in screen layout, I do not understand the possible cause:(
I have a vertical grey line on the left and the right of the screen,
See screenshot here:
BTW, I developed using Rails 3 and using Twitter Bootstrap 2.3.2
In facts I do not foresee / I do not want these lines ... I presume it could be some CSS setting (on my one customization css code...), sorry for my ignorance there,
watching the shot here do suggest you something about why the grey vertical line on the left marging and the right margin of the screen layout ?
thanks a lot
giorgio
scss customization file used: http://solyaris4.altervista.org/custom.css.scss
Without looking at any CSS and HTML code it is pretty difficult to tell.
But since it looks like you are using the Google Chrome browser, hover over the grey stripe with your mouse, right-click and select Inspect Element. You can then review the html and css code related to what you are looking at. You can also open the Chrome dev console at any time by hitting the CTRL-SHIFT-i keys.
I am trying to build an interactive map using an imagemap and jquery. I have it completed and it works great in FireFox but IE7 is causing some issues.
You can take a look at it here:
http://www.thecolumbianchicago.com/map/
In IE7 the title of the rollover is not getting the width set properly. Also once you rollover the tall building icon in the center, the background of the title disappears. I'm guessing its a CSS issue but I can't figure it out.
Anyone got any ideas?
Thanks
I figured it out, it was the javascript. I guess IE doesn't like .attr('width') and was returning a zero. I changed the code to have the width put into the image as rel="width" and used .attr('rel') and its all good now.
Don't mess with html image maps. You can use vector based interactive maps with jVectorMap.