So I'm looking for advice. This is my first job, and I'm trying to make a dashboard. Basically, the design idea is to use a react-bootstrap card for a profile picture and some info, another card with basic clickable options, and when a user clicks on an option, another card is rendered to the right of it, containing more specific list items.
I have no clue how to do clickable ListGroup.Item, nor do I know how to make it render/remove additional page components.
Any help would be appreciated!
My main panel is a column of width 4, and I'll be using no more than 3 columns, so 12 more than 12 cells wide.
Related
I need a bit of direction. I'm working on an application with React, Typescript, and Material UI. I've created a simple modal. The first page contains an MUI DataGrid with checkSelection enabled. The User can select as many options as appear on the table.
Now, for each selection, the User will then have a new form step to complete. So, if the User selects 5 items from the table, they will then see 5 corresponding steps. The form steps are tied to the selection. So, if the first selection is a menu item, for example, then the next step in the form will be about that menu item, with fields to add to that item.
I've been searching for a similar solution and haven't found one. I'm hoping that someone can point me in the right direction or has some sources they can recommend.
Much appreciated.
How can I have possibility to choose which content should be displayed after row expanded. I need to be able to show if I just click on a row. But if I click pencil icon in the right side of the row I need to see on expand.
So i also don't know how to understand on expanding whether the pencil was clicked and what id of the row is so that I was able to display form according to data in the row.
I have an idea that expandedRowRender prop should be used. But couldn't reach the solution by far
Could be done by using two expanding Icons with different logics. But how?
I am building an amp story where I need to take user input as choice. Let say there are 3 buttons Button 1, Button 2 and Button 3. If user clicks Button 1 content for choice 1 would be shown and similarly for other buttons.
I was trying to use AMP.setState for that. It works on a plain AMP page, but when amp story is added to the page, it doesn't work.
Here is the code for the above mentioned experiment
Please have a look and propose some suitable solution.
Thanks.
amp-story is not compatible with amp-bind.
Stories have an experimental feature under development called "branching" that allows user interactivity by splitting content state across different pages of the same story (see the work in progress documentation).
In your example, you would need to create separate pages of the story for the user to land on for if they've clicked Button 1, Button 2, or Button 3, respectively.
Another question for you Filemaker Pro experts. The database I am developing starts with a Main layout with a number of buttons (e.g. insert new item, show all items, etc.). Each button is associated to a script, which takes the user to the relevant layout. In each of these layouts I show the buttons in a row, and highlight the current layout with inverse colour.
My problem is that some of the buttons lead to the same layout, viewed in different modes, and I don't know how to conditionally highlight the right button.
For instance, Insert new item and Show all items take to the same layout, however in the first case the script views the layout as a form and inserts a new record, while in the second I view as a list and show all records. The layout is the same, though, so I'd need to enact a conditional formatting based on something. How do I do that, and what should I check against?
Thanks in advance for any help.
Regards.
Presumably you are currently using the formula: Get (LayoutName) to decide on your conditional formula, why not try additionally using formulas: Get(WindowMode) and Get(LayoutViewState)?
You could conditionally format the button if (which sends user to MyLayout in browse mode):
Get(WindowMode)=0 and Get(LayoutName)="MyLayout"
Or (which sends user to MyLayout in form view):
Get(LayoutViewState)=0 and Get(LayoutName)="MyLayout"
.
Other functions which may help could be Get(FoundCount) and Get(TotalRecordCount). You can see the entire list of Get functions here.
This is sort of a subjective question, but I'd like to get some ideas on the best way to lay this out. I'll set up the situation for you.
I have a grid with a column that allows the user to "View Details" on a particular item. The grid also allows the user to select multiple rows and "View Details" on those items. When the user clicks "View Details", a Window will pop over the grid, with a form inside it and controls to navigate between the multiple items (if they selected multiple items).
Here's a picture for an example:
I have no problem creating the Window, but I'm curious as to how to handle multiple "FormPanels", if that makes sense? Would I need to create another Panel inside the container Panel for each item they have selected, and then hide/show based on the active item (shown as "Item #1" in the dropdown)?
I'm thinking of it like a deck of cards in which you can navigate through, but I've never done something like this before. Also note that each item/card will be prepopulated with information from the grid, but that should be easy enough to do if I'm using the same Store.
Thoughts?
Yes you're right, and the layout you're looking for is the CardLayout.
You can read about it in the API here. The basic idea is like you said, a stack of cards that contain components, and you shuffle through them by calling the relevant methods.