I am using ngx bootstrap date range picker in my application and it works fine except in one place which is far right to the screen. when I click the button the dates pop up but they stack on top of each other (instead of normal inline). I gave width to it and the pop up went inline but out of the screen with scroll bars.
how can I position the popup a bit to the left so it doesn't go outside the screen?
Related
I'm using v-expansion-panels from Vue, and I notice an odd behaviour: When expanding the panels the page scrolls randomly, sometimes it scrolls leaving the header on the top page, sometimes it scroll way down moving the desired panel out of sight so I have to scroll up.
Is this normal? Is there a way to control this random scrolling, so when expanding the panel the automatic scroll moves the page to the top of the window browser?
Thanks
Gerardo
I tried already all the v-expansion-panels attributes.
I have Navigation Form with horizontal and vertical tabs. How do I code to get back to the vertical tab when I click on the horizontal. I do not want to go back to the first vertical tab but to someone who is further down, to the one I left earlier.
I have a form in my app that has a floating bar with buttons that animates into the view at the bottom of the window when the user makes any change to any of the data in the form. I have this bar rendering relative to the height of the window so it knows when the keyboard is open or closed and will attach to wherever the bottom of the view window is at any give time.
The issue I have is the form is wrapped in a KeyboardAvoidingView around the form with a behavior of padding and this all works great, however when I make my change and my floating button bar comes up, because the input is at the bottom of the window the bar now covers up the input I'm typing in.
I haven't been able to find a way to fix this yet. I tried disabling the KeyboardAvoidingView I assume that maybe I need to somehow tell the view about this bar that's covering up part of the view but I'm not sure how I do that.
here is a snapshot of what this looks like for reference...
I'm playing around with Windows Universal App development. When looking at the Windows 10 Store App, I noticed a scrolling list control as shown in the below screenshot. Clicking the right arrow will shift right by a certain number of elements. Likewise on the other side, clicking the left arrow will shift back.
Is the scrolling control in the Store App a standard control or something custom made?
I'm aware of things like the ScrollViewer, but that just adds a scroll bar.
I created this by the following:
Grid with 3 columns with widths 3*, 94*, 3*
First column contains Button stretched vertically and horizontally to fill the grid and a ListView
Second column contains nothing
Third column contains Button stretched vertically and horizontally to fill the grid and a ListView
Button clicks fire events to calculate how many places to scroll left or right and then uses ListView.ScrollIntoView to scroll the items into view
I have a calendar which have month view,week view and day view. When i try to scroll in week or day view, the scroll resets to the top. This happens when I scroll by dragging the scroll bar using mouse. But when i scroll using the scroll in mouse, this issue does not occur. Please provide your inputs on why this occurs.These views are inside portlet. This issue occurs inside portlet only. Outside portlet, this is not happening.
I have the code in JSFiddle- jsfiddle.net/libinjose/N4YCw/5. I have edited CalendarBase.js,PortletDialogSettings.js- jsfiddle.net/libinjose/VkQUH. Added new DayCalendar.js which uses DayCalendar.html. Similarly for week and month view. These can be found in the second JSFiddle.