Questions tagged [react-admin]

A frontend Framework for building admin applications running in the browser on top of REST/GraphQL APIs, using ES6, React and Material Design. Previously named admin-on-rest. Open sourced and maintained by marmelab.

0
votes
0answers
10 views

I am not able to display images after clicking show button in react-admin?

I am new to react js. I am using the react-admin temple for one of our projects. The issue is, I am displaying the record list using API, for each record, there are multiple documents uploaded. I have ...
-2
votes
0answers
16 views

Navigate to html page in react admin

I tried using react admin - https://github.com/marmelab/react-admin . I tried adding a new menu item called chatroom. On click of chatroom , I need to display a html page in the content. For eg I ...
-1
votes
0answers
13 views

Supposedly missing Content-Range in the Access-Control-Expose-Headers

I am trying to integrate react-admin with an API I previously developed in Elixir. Despite the request returning a 200 status code, I am not able to access the payload. It seems supposedly there is ...
1
vote
1answer
49 views

How to bind custom (redux-form's Field) input prop to record?

I'm creating a Custom input through redux-form's Field. I use the "name" prop to match the record's attribute that I want to bind with but when I create or edit a record, the post params doesn't show ...
-2
votes
0answers
12 views

How to implement “remember me” functionality to react-admin

I'm trying to implement a "remember me" feature for a react-admin panel
1
vote
0answers
12 views

How do I configure <Create> to ignore location.search parameters?

It seems like any location.search parameters are automatically sent up in the POST API call made by <Create>. How do I disable this functionality? Context: I have a third party app that is ...
0
votes
1answer
33 views

How to get input value when component is componentDidMounted in React?

I want to get RadioButton attribute when the page first starts(ex: when first call componentWillMount()) I will compare this problem to JQuery. $(function() { var radioAttr = $('#radioButton_id')....
0
votes
0answers
10 views

UI pattern for bulk edit/saves

Is there a common React Admin pattern for handling bulk saves? My back-end storage is a GitLab repository. It's been pretty straightforward to write my data provider using the GitLab API. One of ...
2
votes
2answers
33 views

How to hide other tag if i click a RadioButtonGroupInput tag in React?

I want to hide other tag when i click the RadioButton in React.. When RadioButtonGroupInput clicked, i want to hide ReferenceInput tag If you know how.. please comment .. const UserEdit = ({ ...
0
votes
0answers
30 views

AutocompleteArrayInput displays blank entries

I have an array in my database which I would like to CRUD using react-admin. The AutocompleteArrayInput component meets my needs in every way but one. The problem I am experiencing is that ...
0
votes
0answers
20 views

react-admin: When to first get data pass by a List to a DataGrid

I have a custom component that substitute the DataGrid component, and it uses state, so i want to initiate the state prop with an array of boolean items representing the records. My problem is where ...
1
vote
0answers
12 views

Is there any way to add redux reducer under the store admin.resource[RESOURCE].list level?

I want to add some other information to my list request response, in react admin, there's totalReducer to get the total data from my list request response. I want to add another reducer in the same ...
1
vote
1answer
35 views

React-admin keep form data after create view submit

In a react-admin Create form, is there a way to keep the form data after the user clicks Save? I want to re-use the same form data that they entered to create the another record.
0
votes
0answers
7 views

React-admin list page does not scroll on navigation

When you navigate between pages of a list, react-admin doesn't scroll back to the top of the page. For instance, in their demo customers page scroll to the bottom and click the NEXT button on the ...
0
votes
0answers
15 views

How to wtrite Search REST API in node.js using PostgreSQL as database?

I am new to node.js.I want to write an API for a search button in react-admin using node.js.Along with node.js, I am using Knex.js and Objection.js.And I am using Postgres SQL as database. Please help ...
1
vote
1answer
49 views

Saving changes from a custom component in React-Admin

How do I save the output of a custom component back into the React Admin model? I have a form with one custom component, which is a CodeMirror field. The changes to everything else save properly. ...
0
votes
0answers
23 views

Each child in a list should have a unique “key” prop. Check the render method of `DatagridBody`. Other similar posts were not helpful

When I try to update an item in a list, the operation works and the item gets updated in the DB, in the UI as well the update works, although it takes a while and shows an additional row temporarily ...
0
votes
0answers
46 views

Get 'Failed prop type: Invalid prop `appBar` supplied to `Layout`' warning when using Layout from example demo

Get warning 'Failed prop type: Invalid prop appBar supplied to Layout' when using Layout from example demo. I am learning from react-admin's demo project code from https://github.com/marmelab/react-...
-1
votes
1answer
29 views

Customize List as Cards

I would like to customize rows as cards (see picture). How can I do that? Thanks in advance! https://user-images.githubusercontent.com/99944/52724861-6c588180-2fb0-11e9-97fa-bf8ab8f4026b.png
0
votes
2answers
74 views

How to customize data provider request call?

I'm new to react and react-admin. I'm, using jsonServerProvider (in my App.js I have the following): import jsonServerProvider from 'ra-data-json-server'; I'd like to create a custom bulk action. ...
0
votes
0answers
25 views

ApproveButton example for <Create /> is having empty record

I am reading actions part of react-admin documentation, in particular, this code sample: class ApproveButton extends Component { handleClick = () => { const { push, record, ...
0
votes
0answers
29 views

How to use <Create /> to create a newsletter form

I am not sure if it's the right strategy to do that, but we wanted using the <Create /> to have a newsletter subscription field in our view. In case of already registered email, we should ...
0
votes
0answers
7 views

show list based on dropdown onChange

I want to show the terminal list which is based on store which we selecte from dropdown. So, if i add a resource for terminal it will expect a 'Terminal/GET_LIST' endpoint that we don't have. How can ...
1
vote
1answer
47 views

Set parent's state from child

My custom component should pass data to parent which is react-admin <Create> I have came across some questions already and found that I can't simply set state from child to parent. The problem ...
0
votes
1answer
18 views

react-admin: How to overwrite a field's value by code in Edit view?

Can I overwrite a field's value by code, before user can edit it? I have tried to overwrite record property of xxxInput, but not work - export const PrefillInput = ({ record, children, prefill, ......
1
vote
1answer
44 views

custom rows in react-admin list view

I am using the react-admin list component and want to add a custom layout for specific rows. Usually, each row is build by the list component using the data from the data-provider. I would like to ...
0
votes
0answers
14 views

Google analytics on react-admin

What the best easiest way to use GA on react-admin app? I known about npm module react-ga, but it tracks only homepage: import ReactGA from 'react-ga'; ReactGA.initialize('UA-12345'); ReactGA....
0
votes
0answers
36 views

Obtain additional info through the API

I need to use add info i.e. totals for all resources queries (w/o SQL/page LIMIT). I pass it in HTTPS headers in API answer. Then I try to save it in react-admin using rest API source: const ...
-1
votes
1answer
43 views

How to downgrade accidentally upgraded @material-ui/core from v3 back to v1?

I accidentally upgraded @material-ui/core from v1 to v3 with npm. Since this mistake my react-admin does not work, given the current version of react-admin uses material-ui/core v1. They will ...
0
votes
1answer
16 views

How to obtain List filter's values in Aside object

I would like to publish some info based on chosen filters into Aside on page based on List. How can I push filter's values into Aside object? const Aside = ({ filters }) => {} Doesn't work.
0
votes
0answers
35 views

Custom route with List

Wondering how to use the List component from a custom route. Looks as though I'm supplying the correct props I have a custom route of <Route path="/facilities/:facilityId/audits" render={(props) =...
0
votes
0answers
7 views

Trashed list or Custom list for trashed items

Is there a way to create a trash list? Since I need to use soft deletes on my models I really need to create that list for the user restore tem items if he needs it. I search in the docs but didn't ...
0
votes
0answers
21 views

Unable to use strapi.io as my GraphQL Server

I followed the example in the ra-data-graphcool provider but my server is not GraphCool, it is actually Strapi.io and I created the Post type. The application is not able to fetch the data saying "...
0
votes
1answer
55 views

How to add actions like toggle button to change the value of some fields in list view?

I want to add editable field in ListView like <BooleanInput /> to change the value of some field in the list view. But after read through docs I couldn't find any idea.Because right now the only ...
1
vote
0answers
25 views

Suggested way to load arbitrary data

I'm trying to load config-like values from my database so I can use them in screens. They're regular resources, except that I don't always want them in the menu (user-role based). Right now I'm pre-...
0
votes
1answer
29 views

react-admin: changing a list from store without http requests

I am using react-admin and I need to control directly the store from one resource, in my case, the orders resource. Everytime I run the GET_LISTit appends the new records in the list from the store, ...
0
votes
1answer
38 views

ReferenceInput : using GET_ONE instead of GET_MANY like it was done in admin-on-rest

I am migrating from admin-on-rest to react-admin Using the exact same Edit/SimpleForm/ReferenceInput combination, the behavior is different between admin-on-rest (seems to use GET_ONE) and react-...
0
votes
1answer
28 views

DateInput : ISO formatting with timezone

Currently, the DateInput sends value as "yyyy-mm-dd" My backend API uses a stricter approach where you need to specify the timezone (i.e a full .toISOString() instead of only the 10 first chars) Is ...
0
votes
0answers
39 views

Edit related resource in react admin

I have a OneToOne relation between a Place and an Address resource; everything works fine with the Create : <Create { ...props } title="Place > add"> <TabbedForm> ... ...
0
votes
2answers
53 views

How to handle onSubmit inside custom component

My custom component has onChange event, which is working pretty good, but when I tried onSubmit, It does not work. Alert does not display. Currently my data provider get all values from inputs except ...
0
votes
1answer
149 views

MaterialUI, how to overwrite styles of nested MUI component?

I am using react-admin and I am using their Create component that use TextField from @material-ui/core. Of course I have read the documentation here I would like to completely customize the render ...
0
votes
1answer
67 views

How to get the API provided record values within <Edit>?

I have an ArrayInput within an Edit view. <Edit undoable={false} {...props} title={<AdTitle />} > <TabbedForm> <FormTab label="summary"> ...
0
votes
1answer
30 views

Sorting is not working upon clicking list header in react-admin

I followed the tutorial for react-admin. All was working fine until I connected to my own backend. The list appears properly but it was not sorting at all when I click any of the headers. I used my ...
0
votes
0answers
21 views

Show specific Form based on attribute from API

I have my <List> of Hardware where is shown every Hardware from datababse. Every item has attribute odata.type which represents the type of the Hardware (RAM,CPU etc). If I click on some item it ...
0
votes
1answer
41 views

Pagination & sorting not working in react-admin as expected even after adding X-Total-Count

This is my first time working with react-admin. I've completed the tutorial setup from the documentation. The problem starts when I implement the same setup for my API. I've a web API route set with ...
0
votes
0answers
17 views

How to book appointment based on date and time selection in react-admin?

I need to book an appointment based on date and time. I can book an appointment between 8 am to 8 pm. Assume I want to book an appointment for today at 7.00pm and I am booking this at 5 pm. first, I ...
0
votes
0answers
36 views

React-Admin: Two-factor authentication implementation

I would like to implement two-factor authentication with react-admin. Anyone have experience with that? I already have it working fine on the back-end part, basically it works like this: Front-end ...
0
votes
0answers
42 views

Custom search filter in the react-admin

I have some data presented in List (react-admin component). I can add SearchInput into my Filter component that is used as filter in the List, type source in it and then data will be filtered by full ...
0
votes
0answers
26 views

Adding list under <SelectInput> field

I need to add a dropdown list under the purpose, I have added under choices inside the selectInput field. The list is displaying, but when I click on save button its showing purpose must be a string. ...
0
votes
0answers
9 views

Need to run an unprotected static html

I have a little problem trying to simply point to a static html. essentially, I have a popup.html in the public directory. This popup has no dependencies with my react project. My react-admin project ...