r dygraph plot not correctly displayed in right to left Shiny app
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.
- How to style an HR tag to have a title embedded in it
- CSS class disappeared without notice, where did it go?
- Find the "potential" width of a hidden element
- How to use an SVG as the cursor
- Select elements by attributes with ":" (colon)
- React Native FlatList with position absolute behind Components
- How to make flex-direction column containing wide content respect flex-grow and flex-basis?
- Place a background image over an image
- Embed image in a <button> element
- Dashed border animation in css3 animation
- Elements jumping on the screen non-stop, when element is on the edge of being in intersection (Intersection Observer)
- CSS Typed OM -- parsing background color?
- Filtering 'current-menu-item' class to use 'active' instead
- Website is not scrolling horizontally on mobile
- Image on top of background-image
- Javascript code doesn't fire until the 2nd click for an html button?
- CSS - padding (or margin) not resizing the container
- CSS color vs. background-color vs. background?
- Bootstrap 5 tooltip placement top issue when page has a scroll
- How can I override PrimeNG p-divider color
- Body height 100% displaying vertical scrollbar
- Text border using css (border around text)
- How can I set a minimum amount of space between flexbox items?
- How can I achieve a curved effect at the bottom of my page without having to reset my gradient pattern?
- Rails 7 with Import Maps and CSS Bundling: Assets Not Served from /builds Directory
- How to add a custom font in CSS?
- Overflow auto not working with justify-content: flex-end
- How to Add Space Between Two Texts in a Mantine Badge Component?
- How do I exclude certain elements from a flexbox in css without wrapping the element in a new div?
- Responsive Bootstrap Navbar