I am using a dojo tree widget in the left side pane in OneUi. It shows horizontal scroll bar if the text is bigger than the width of the panel.
Problem is, in some IE instances the horizontal scroll bar is shown on top of the text and not below the text.
Can anybody tell me any workaround to fix this problem (apart from not using IE)
Regards,
Prashant
Related
Is there a way to see the position of the grid with Safari Web Inspector like Firefox do it with grid inspector ?
Stretching the Metrics tab in Inspect Element's Right side pane of Elements tab will display the css box model with padding, border, margin and position.
If you are using Safari version 9.1, you can see it by selecting "Styles - Computed" in the Styles dropown in the Styles drawer on the right of the dev tools. (The Styles section otherwise defaults to "Styles - Visual", so you need to make the selection to make the box visible). Hope this helps.
The question was about grid inspector. There is no grid inspectors in Safari. Although Safari is noted for Safari Responsive Design mode there is no grid inspector in Safari yet.
As of Safari Technology Preview 123 and Safari 15, there is now a CSS Grid inspector.
In the Elements tab you'll find a grid button, if a grid is present.
In the Layout subtab, all grids on the page will be listed at the bottom.
Just to help clarify, the image below shows where the grid overlay can be turned on in Safari's Inspector.
I am using native base tabs to display scrollable tab bars in react-native
I had 4 tabs and the content in each render item tab changes, so the length of the tab bar content changes. how can I adjust the height of the scroll view based on content in tabview. it should not scroll when content is less. it leaves blank space below when content is less.
when content in tab bar render item is more than the screen height it scrolls.
when content in tab bar render item is less than the screen height it should not scroll.
even if the content in the 2nd tab is less it scrolls based on height of 1st tab content height.
It should not scroll if the content on in tab render item is less.It should scroll based on the content in tab view
it's the sole reason why i left native-base because of the issue. It's and open issue with native base and they havent resolved it yet. The problem is that i had 3 tabs and three scrollViews had different height. so it takes the longest height and when we go to any other tab , it leaves blank space.
this is the link to the open issue in github native base tabs . Do check it out if you can find any resolution for it. I couldnt find it so ive switched to
react native tab view . .This is a better library for tabs and coz of the issue in native abse. i switched to it.
Hope it helps. Feel free for doubts
Anytime I use a widget editor it opens up with only a small portion of the editor showing on the left side or my screen. I have tried to drag it to the middle with no success. What am I missing?
I want to make a dynamic animated slider with symbols that contain clickable actions vs a slider image only approach. I would like to use a "next" button and a "back" button that will scroll multiple background images that contain clickable links. I can produce a basic image slider with the back and next buttons, but this approach is limited. Any help on how I can do this in Edge Animate CC will be very appreciated.
I was looking for a very simple slideshow a while ago. Came up with this here:
http://jquery.malsup.com/cycle/
If you want your Slides to contain any clickable items you will be able to simply add them to the sides div. Just set the picture as a background image in CSS and you are free to develop any clickable items infront.
Here is another tutorial that worked fine for me: http://line25.com/tutorials/build-a-simple-image-slideshow-with-jquery-cycle
To me this is easy to understand and if you are used to jQuery at least a little bit this here will work out fine for you.
On Webkit re-rendering any of an outer containers (div in my case) child elements or changing on of these childs display attribute from/to display:none/block/inline/inline-block whatsoever, courses the container element to scroll back to top. This way elements located at the lower end of the scrolling area are never be reached by the user since this area keeps scrolling back to top as soon as one of previously mentioned things occure.
On Firefox the scroll position is maintained as required.
Example (expand left-hand list to force scrollbar to appear or choose an album on the left so that the main display area has enough content to bring up scrollbars, scroll to the bottom and hover over the images)
Is there any workaround/fix I could implement to keep the user experience also for webkit browsers?
Thanks