I want to apply accordion menu on left column of prestashop so that the product page will display relevant products on left column.is there any way
Related
In react ag-grid table , I want to use Custom Dropdown component for a particular column and on selecting options from that dropdown, I want to prevent dropdown from collapsing and I want to show another flyout table on select of any option from dropdown and then select a row from that flyout table to populate the parent grid/column.For eg - Initial values in my dropdown component will be author like ['John', 'Jason'] now on select of suppose John, below is the expectation : Dropdown should not collapse after selecting John and On selecting John another sub-grid should open which should have details like - Author's Full Name and ProfessionNow after selecting any row from this sub-grid , Author's full name should get set in the original field .
Even after I tried using event.stopPropagation, my dropdown component is getting collapsed as soon as I select any option
I have column #1 thats on the left side of the page that is housing my Names and i have a second column that is housing all of its descriptions under that name. The left column is not scrollable, but as you scroll down the middle column, i want the Name on the left side of the column to be highlighted once the majority of the descriptions of that particular name are visible in the second column.
I tried to use react-use-scrollspy but the problem im seeing is that the Name only changes in its highlighting once i scroll OUTSIDE of the middle column, and does not update the highlighting as i scroll WITHIN the second column. I feel like I am missing something regarding how React rerenders the page to see where the reference window location is
I want to design a table that can expand and collapse rows to show data when the row is clicked inner table appears. clicking again hides it again.
An example or guidance would be much helpful
, I'm using react, reactstrap and bootstrap v4.4 in this project
We are trying to display two pie Charts in the default Dashboard and when user clicks on one of these pie-charts the data-table of the selected pie-chart should overlay/override on other pie-chart dynamically.
For example:
The dashboard displays two pie-charts by default. The pie-chart on
the left side display the employee and salaries data. The right side
pie-chart will have the employee and locations data.
When user clicks on the left pie-chart, the right pie-chart should be
overlay/override by a bar-chart OR data-table which contains the
employees' hierarchy, organization hierarchy with salaries. And user
clicks outside the pie-charts the default view with two pie-charts
should display.
Similarly when the user clicks on the right side pie-chart, the left
side pie-chart should be overlay/override by different bar-chart OR
data-table which shows the employees and their working locations.
Please find the attached screenshots in reference to the above example.
Default Dashboard
After the user clicks on the left side pie chart in the default dashboard
We tried available filters but they works with in the graph/chart, but not overriding existing graph with another graph.
Please guide us on how to achieve the dashboard.
The current native charts and feature set does not enable changing chart types on the fly in view mode.
That being said, you can create your own customized chart in javascript that will let you do this.
Alternatively, if clicking does not require filtering of the data, you put a transparent box on top of each pie chart and hyperlink to separate pages with the correct charts.
I am stuck on issue, in which , I clicked on second tab (chat) , it contains list of items and when i clicked on one of them it will show details of that item and upper left corner will show left arrow & title. then it will change tabs at bottom , I want to make all tab common for items info and on every tab clicked it should have back arrow & title.
The arrow should have common back link , suppose i click on back button i show list of items.
I tried my 1 week please let me help to sort out this this , below has mentioned the thing which i have done so far.
http://codepen.io/ssharma01/pen/xwdBye
Thanks
Shivam