Rails ActiveAdmin : How to place filters on the top in index action - activeadmin

In activeadim, filters are always presented on the right side with search fields horizontally downwards. I have a requirement to place them on the top above the index table. The filters are to be presented horizontally.
Is there a way to accomplish this?

There's a sidebar plugin you might be able to use or modify for this.

Related

Disable sorting on one or more grid columns in Kendo UI for Angular

I'm playing around a bit with Kendo UI for Angular and can't seem to find an easy way to disable sorting on specific columns of a grid.
There's an allowUnsort in sort-settings.d.ts, but I'm uncertain on how to use this (and this appears to relate to removing sorting afterwards, not from the start).
Or perhaps I'm simply using the grid wrong, that's also possible..
My situation is as follows:
I'm trying to use a grid to display some rows, and depending on the type of data, it should render a different icon in the first column. Also, I'm not using a 'real' header in that column, but replaced it with a button to create a new row.
To get my button in the header, I use a <template kendoGridHeaderTemplate ...>...</template>. This always seems to add a link around the header cell if sortable is enabled, which is what I'm trying to avoid (in some cases).
Is there a way around this?
Setting [sortable]="true" for the Grid component will enable sorting globally. Then you can fine-tune which column has sorting by disabling it per column, i.e [sortable]="false"
Here is a quick example:
http://plnkr.co/edit/hLbzC5jKJwVdMtRmh0cH?p=preview

How can I show the selected item centred of the pivot header in UWP?

By default the item selected from the pivot header appears on the left side. This behavior can be changed so that it appears centered or right side?
I have a list of 20 items and therefore they don't appear all at the pivot header. So it is visually more appealing if the selected item appears centered on the screen.
Currently is working like the follow image:
enter image description here
I would like it will work like the follow image:
enter image description here
Here's what you need, skip to 26:30.
https://mva.microsoft.com/en-US/training-courses/xaml-for-windows-10-layout-14328?l=cEHXB74sB_4304819052
There's a lot to it, but you can do it using the Pivot control.
Best of luck.
please check this post
https://blog.hompus.nl/2015/09/04/responsive-pivot-headers-in-universal-windows-platform-apps/
you need to modify HorizontalContentAllignment property to center the content
Here is some example modifying the style with setters

How to create nested tiles in Power View

I am currently able to use the tile feature in Power View to view data much more quickly. However I haven't figured out a way to have nested tiles to further drill down into the relevant data.
For example, I want a tile strip at the top of my view of all the different "Projects." Once I click on a tile, I want to see all the relevant data for that project and have part of that container have a strip of tiles to show "Risks, Issues, Action Items, etc." and other items in a list. See image in this link (it is a non-working dashboard, but showing you all to get a better idea of the hierarchy).
Does any one know how to do this? I know I can use slicers instead for one of the levels or view filters but I want to be able to use tiles for both.
If you use a slicer within your tile it will almost do what you want. However, you wouldn't get the nice icons for warning & error to be the source of selection. You could make it more visual by separately having a table that includes the images so that when a user selects a slicer value, it shows the appropriate icon.
HTH,
-Lukasz
In the September Power BI update they've added te possibility to: Drill Up/Down for column and scatter charts in Reports.
Check out: Changelog

How to specify the width of site column in a list?

I have developed a list in SharePoint. While entering new item in it, like name, if I keep on typing it gets spread over a line making the width of cloumn spread over page. I want to limit the width of site column so as the column's value spreads over multiple lines instead of spreading over one. How can I do this setting?
This is not a setting you can configure in SharePoint. You will need to write some custom code using css and possibly javascript that will set the width of the column. You can make a change like this in SharePoint Designer.
You must use min-width (CSS) in your block.
You have to create custom XSLT for this. There you have loop all the column and need to specify the overflow:auto, hidden,.. CSS property. So it automatically get effect based on your internal name of the field.
So whereever you have the field it automatically get affected. If it for one single view you can use JavaScript to achieve this but this is not right way to do.
The data you are entering can be displayed in many ways. Today in a table format, tomorrow in a dropdown etc. You should distinguish between:
limiting the amount of data that can be entered in a site column (can be done in SharePoint alone, when you design your list)
limiting the wrapping of the words in a table cell today or trimming the values in a dropdown tomorrow (can be done using HTML/CSS "nowrap" if you display the list values in a browser app, or differently if you show the values in a WinForms app)

Highlight multiple search results in jqGrid tree

I have a tree Grid where I want to provide for a Search facility and highlight the results in a tree. I looked at the link How to search for a row and then select it in jqGrid? and the same works fine.
However my Grid is a tree and as mentioned in the link Selecting multiple rows in jqGrid tree, MultiSelect:true option does not work. Hence when I search for a pattern, only the last row with the matching pattern is highlighted. I want to know how to highlight all the rows with the matching pattern.
The solution provided in the link Access jqgrid elements using a javascript suggests providing checkboxes to get a list of selected rows, but my requirement is to highlight the rows which satisfy the search result.
If this description is not sufficient, I will provide for my jqgrid definition, but I thought this is a generic issue and hence am currently not pasting the same.
Thanks much in advance
I changed the background color of the rows that match the search pattern and that served my purpose. Another link that helped me is - jQuery Highlight Effect with no fade away
If you have the id's of the rows that have matches..
You can do..
//matchingRowIds
$.each(matchingRowIds, function(rowId, _){
grid.setSelection(rowId); //or however it is that you're selecting the row
});
Note: Do not call resetSelection() whilst calling setSelection()

Resources