quick question.
How do I make the pivot page in my app responsive? I create a simple pivot page with 3 pivot item (no content yet), and I try to swipe to right/left really fast (ex: 1st pivot to 3rd pivot) but the response's slow.
I view another app created by someone else, example DualShot (about page) when I swipe fast to another pivot page, it's really fast! how do I achieve this?
Note: I have no Idea what to search in Google, everything redirect me to responsive web page.
Related
I have a Vue 2 app that I'm working on and it kind of works like a search engine - I have a search bar where I can look up any term and when the search runs, results containing that specific term will be displayed.
Now, every result behaves like a link - if I click on it, I will be redirected to a totally different app, which is made in Angular (not sure if this is relevant, I guess you could think only that I navigate to a whole different domain and leave my Vue app).
The issue is that if I click the "back" button in my browser, I will not have the results that I left from, because once I leave my Vue app, its data is deleted.
I was thinking of storing the url containing the search term in local storage and get it when I open the Vue app again, but I don't think this is an option, as it would also behave like this if I refresh the page - moment when I want to have no search query at all.
Please ask for any clarifications needed.
Any suggestions on what could be done are appreciated.
Good morning,
I am developing my Web Application using .Net Core 3.1 and Razor Pages.
In my application I need to display a large amount of data on a grid and would therefor like to rotate a standard grid 90 degrees. I would like to obtain something like the "Horizontal Scroll" of this blog post but instead of just scrolling horizontally I would likle to move the headers to the side and, as mentioned above, rotate the entire grid fields.
I can't find any API that suites my needs though. Does anyone have suggestions on something I could try? I wouldn't want to have to build the entire grid myself (with all the paging, filtering and ordering logic). I am open for alternative solutions as well!!
Thanks everyone!
This seems more like an HTML question, and does not really relate to Razor Pages. Here are a couple of examples of horizontal scrolling HTML tables:
https://mdbootstrap.com/docs/jquery/tables/scroll/#datatable-horizontal-scroll
https://datatables.net/examples/basic_init/scroll_x.html
You said you need to display a large amount of data, I think the
design you currently want is not suitable for the display of a large
amount of data.
Because if the title is on the left, then only one data can be displayed on each page, and each page needs to load the title, which will lead to great redundancy.
If you just want to display beautiful because of too many columns, I suggest you use the responsive property in jQuery datatable, which can dynamically display the number of columns according to your current page width, and collapse or display the extra columns.
You can refer to this.
I have added a side bar like this one onto a CDE dashboard.
https://bootsnipp.com/snippets/featured/responsive-navigation-menu
Now the sidebar needs to be on every page listed on the menu.
What is the best way to go about this?
I could copy it on every single dash board - it works but it's not great especially if I need to change stg ex-post.
Create an "index" page with the side bar and an iframe to display the "sub" dashboards?
Create a widget (I tried but no success so far)
Custom component?
I think I solved the problem by using jquery load like these guys did.
Include another HTML file in a HTML file
I am trying to extract data from a research platform, the first x number of responses show on the page but when I try and scroll down the page to teach Kimono to extract the other responses it cant seem them thus just provides the first page.
Pagination doesn't work as the research platform is presenting a single page which is scrollable.
Anything I can do to teach Kimono to find the additional responses.
They eliminated infinite scrolling capabilities mid 2015 so theres really no way.
I'm developing the interface for a website using bootstrap. Site has a basic 2 columns structure like this: [3][9].
I'm asked by the graphic artist that the left column is displayed on sm and xs devices as a "slide-in" page, like it is usually done for navigation. But, although this column do contain navigation, it has a more complex structure.
I've tried to search for a solution, but the subject seems to have never discussed. Maybe I've just performed the wrong search?
A solution involving jQuery would be fine, too.
Thanks in advance,