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.
Related
I am struggling to find an ideal solution to change the product image based on the variant selection. I do not see any identifier on the product images using which I could do a cross matching for js change event.
Every theme has this feature, so I guess, there is a pretty good solution to this.
Can you please help me showing the right path?
Thank you.
It depends on the design of the page and what are using.
For example if you plan to show a single image for the variant change you can use the variant image directly.
But if you plan to use a gallery of images there are different approaches. The one I use in most cases is to set an ALT attribute to each image with the name of the color that it's pointing to. Based on those ALT attributes I use some JS logic to filter specific images and show the correct ones.
Other approaches will be to use metafields, tags, linklists etc... A lot of different ways, but each is tied to some JS logic and some bad user experience for the administration since he will be required to switch between different pages and to create different elements in order to tie them to the images.
The final way is to use a separate APP for this.
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,
Using SDK2, I've got two grids that are sorted by rank, so you can re-rank by dragging and dropping in each grid.
I would also like to drag and drop between the two grids-- imagine two team backlogs and you want to take a ranked story from one team and rank it in another team's backlog.
This seems like it would be common so is there a good example of how to do this with a Rally Grid?
I'm starting to read the following:
http://docs.sencha.com/extjs/4.2.1/#!/guide/drag_and_drop
But there always seem to be a few gotcha's, and for example I'm not sure how to not break the current drag drop within the grid.
SDK 2.0rc1 is built on Ext 4.1.1a- the drag and drop functionality should be similar though. You should be able to do this in an app as long as both the grids are in the same app. This is a limitation due to the fact that apps run in an iframe in Rally and you can't drag and drop across the iframe boundary.
All you should need to do is pass enableRanking true at construction of your grid. You also will probably need to include Rank in your fetch.
i am working on responsive design site. I have a large navigation contained in one UL but want to turn it to two UL's on smaller screens.
From a technical point of view using media query this is not pausing me a problem but means that the same links are twice in the source.
Also, on some of the pages we want to add a condensed content for the smaller screens, again, I could have the two variations of the content into two DIV's, with alsways one hidden depending on the device.
The question I have is about the search engines, I am guessing this would be seen as content duplication and could lead to penalties. What would be the best option then?
Repeat navigation 2 times will not create real problem: even if Google do not ignore one of the navigations, will just mean that these links have a bit more of importante in your page.
But about duplicate content, this is bad for one aditional reason that is not just a possible SEO problem: you will serve two times same content, and will waste bandwidth. If this will be a real problem, maybe not if all time at least one have on CSS display:none, but is a better idea if you try to think a way that with only CSS you can serve the same content for diferent display widths.
I am using content query web part to display pages from pages library.
I want to configure my web part to display pages according to number of page views. most popular page (according to number of views) should be on top. Is it out of the box functionality in SharePoint 2010?
Simple answer: No, this is not included out of the box.
To achieve this, you need to add the number of page views to the page item, then sort by this number by using the Content By Query Web Part. This is not a out-of-the-box solution.
You can show the most popular pages using the rating system, but this is different than basing it on the number of views.