How make accordion detail list with UI fabric react

I start with UI Fabric react; I am developing a FAQ; I use for that a list; but the result is not good; I want to do something looks like an accordion, where we can see the question as a header and when we click on it or a checker the cheveron; answer is displayed, but don’t know how to do that with UI fabric, here is my code

public render(): JSX.Element {   const { faqList: originalItems } = this.props; const { items = [] } = this.state; const resultCountText = items.length === originalItems.length ? '' : ` ($  {items.length} of $  {originalItems.length} shown)`; const { selectedItem } = this.state;  return ( <div >   <Label>FAQ </Label>  <FocusZone direction={FocusZoneDirection.vertical}> <Dropdown label="Categories" selectedKey={selectedItem ? selectedItem.key : undefined} onChange={this._onChange} placeholder="Selectionnez une cat├ęgorie" options={this.state.categorieOption} styles={{ dropdown: { width: 300 } }} /> <TextField label={'Filtre par question' + resultCountText} onChange={this._onFilterChanged} /> <List items={items} onRenderCell={this._onRenderCell}  /> </FocusZone> </div> ); }  private _onRenderCell(item: IExampleItem, index: number | undefined): JSX.Element { return (  <div className={classNames.itemCell} data-is-focusable={true}>  <div className={classNames.itemContent}> <div className={classNames.itemQuestion}>{item.Question}</div> <div className={classNames.itemReponse}>{item.Reponse}</div> <div className={classNames.itemIndex}>{`Langue :  $  {item.Langue.Nom}`}</div>  </div>  </div> ); } 

this code give me this result enter image description here

i wish to do something like this enter image description here

Displaying million records in Master Detail Grid (Million in both master detail)

I am facing a UX issue while creating a master-detail grid in which both master and detail can have over a million rows.

The simplest solution would be to enable paging in both master and detail.

Can anyone suggest a better approach?

Edit: Some more detail on why I need to view a million records:

The screen displays search results over large data. The screen acts as a browse screen if the user does not enter any search string. I need to handle that. Though my next expectation definitely is that user will apply more filters in search. Still, I need to handle the initial scenario. I don’t want the web page to crash.

magento2.3.2 show custom attribute on product detail page

Just testing Magento2.3.2 and on the details.phtml file in the luma theme of the product detail page I want to add a custom attribute which worked in 2.2.5 but now doesnt seem to work in the newest magento version. So wondering how I would change the below code to get it to work.

Here is my modified details.phtml file. What happens is no errors are written to any log file but now even the default product description doesnt show.

<?php if ($  detailedInfoGroup = $  block->getGroupSortedChildNames('detailed_info', 'getChildHtml')):?> <div class="product info detailed">     <?php $  layout = $  block->getLayout(); ?>     <div class="product data items" data-mage-init='{"tabs":{"openedState":"active"}}'>         <?php foreach ($  detailedInfoGroup as $  name):?>             <?php                 $  html = $  layout->renderElement($  name);                 if (!trim($  html)) {                     continue;                 }                 $  alias = $  layout->getElementAlias($  name);                 $  label = $  block->getChildData($  alias, 'title');             ?>             <div class="data item title"                  data-role="collapsible" id="tab-label-<?= /* @escapeNotVerified */ $  alias ?>">                 <a class="data switch"                    tabindex="-1"                    data-toggle="trigger"                    href="#<?= /* @escapeNotVerified */ $  alias ?>"                    id="tab-label-<?= /* @escapeNotVerified */ $  alias ?>-title">                     <?= /* @escapeNotVerified */ $  label ?>                 </a>             </div>             <div class="data item content"                   aria-labelledby="tab-label-<?= /* @escapeNotVerified */ $  alias ?>-title" id="<?= /* @escapeNotVerified */ $  alias ?>" data-role="content">                 <?= /* @escapeNotVerified */ $  html ?>             </div>         <?php endforeach;?>     </div>     <div class="data item title"                  data-role="collapsible" id="tab-label-ingrediants">                 <a class="data switch"                    tabindex="-1"                    data-toggle="trigger"                    href="#ingrediants"                    id="tab-label-ingrediants-title">                     Ingrediants test                 </a>     </div>     <div class="data item content"                   aria-labelledby="tab-label-ingrediants-title" id="ingrediants" data-role="content">                 <?php                     $  ingredients_content = $  _product->getResource()->getAttribute('ingredients')->getFrontend()->getValue($  _product);                     echo "$  ingredients_content";                 ?>     </div> </div> 

UX Benchmarking: How much detail should be collected from a user within an enterprise product?

There’s a lot of value collecting benchmark data about a user’s experience over time. The problem that we are running into is how much information should we ask from our user to help us make informed decisions from data collected. We work on an enterprise product with many different personas, within many different areas of the product so I am stuck with how much data beyond our handful of KPIs should we ask our users for when the “Are you interested in providing feedback?” survey modal shows up for the multiple different user types that use the many different areas in the system. Is it valuable to get a system wide benchmark without capturing the area that the user is most frequently in or using given that we will still collect benchmark data at a more granular level within each feature of the product?

The concern is what do we do with the data collected if it is from a user we dont know much about – the user could use multiple areas of the system and we can pull some analytics but there would be a lot of assumptions put in place. Has anyone out there that works on and enterprise product collected benchmark data that could share some insight?

Cross Page Master Detail WebPart

I have a custom webpart that either shows a list of products or the detailed view of a single product depending on the configuration options. On the landing page (/Home.aspx) I have the list view on the right column with some general content in the central column. When you click a product I want it to go to the product page (/Product.aspx) where the right column still has a list of items but the central column has the detailed view of the product selected.

I have this working without a problem when you click a product in the list while on the Product.aspx page but I can’t get it to work when clicking a product from Home.aspx.

I know cross page PostBacks aren’t available in Visual Web Parts. Is it possible to do this without using session state or a query string?


Dubins TSP NP-hardness proof detail

In Le Ny et al.‘s paper On the Dubins Traveling Salesman Problem ( the authors prove, among other works, that the Dubins Traveling Salesman Problem (DTSP) is NP-hard. I will give here the basics of the proof, after which I will ask my question regarding this proof.

The authors reduce Exact Cover to DTSP, by adapting Papadimitriou’s reduction from Exact Cover to Euclidean TSP (ETSP). This is done by first noting how Papadimitriou’s proof makes it so Exact Cover has a solution if and only if the optimal ETSP tour has length no more than some $ L$ . Le Ny et al. note however that if Exact Cover admits no solution, then the optimal ETSP tour has length at least $ L + \delta$ , not just $ L$ , for some defined $ \delta$ . Next, they note that the optimal DTSP tour length has the following relation with an optimal ETSP tour length : $ DTSP \leq ETSP + Cn$ , for some $ C$ (proven by Savla et al.). Le Ny et al. then go on to construct Papadimitriou’s ETSP instance from a given Exact Cover instance, in which they then multiply all distances by $ 2Cn/\delta$ . They then prove that Exact Cover has a solution if the optimal DTSP tour has length no more than $ 2CnL/\delta + Cn$ , whereas Exact Cover has no solution if the optimal DTSP tour has length at least $ 2CnL/\delta + 2Cn$ .

My question now is, why is it necessary to multiply all distances by $ 2Cn/\delta$ ? It would seem to me that not multiplying the distances by anything would still result in Exact Cover having a solution if the optimal DTSP tour has length no more than $ L + Cn$ , and Exact Cover having no solution if the optimal DTSP tour has length at least $ L + \delta + Cn$ . What am I missing here?