We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. (Last updated on: June 24, 2019).
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

Rendering issue

Thread ID:

Created:

Updated:

Platform:

Replies:

145309 Jun 17,2019 10:38 AM UTC Jun 19,2019 11:47 AM UTC React - EJ 2 3
loading
Tags: MultiSelectDropdown
Massimiliano
Asked On June 17, 2019 10:38 AM UTC

Hello
I tried in many ways, but it never renders correctly.
I tried your code at https://stackblitz.com/edit/react-ghzkbv but running it locally (npm run start) I have my same behaviour.

Attached a screenshot of what I have.

Can you please help me?

Attachment: Screenshot_20190617_at_12.22.21_690671fd.zip

Prince Oliver [Syncfusion]
Replied On June 18, 2019 09:06 AM UTC

Hi Massimiliano, 

Greetings from Syncfusion support. 

Based on the shared information, we suspect that you might have missed to include the Material.css theme file in you end, which is required for rendering the control UI properly. Kindly include the following CSS file in your application. 

<link rel='nofollow' href="https://cdn.syncfusion.com/ej2/material.css" rel="stylesheet" /> 

Let us know if you need any further assistance on this. 

Regards, 
Prince 


Marco Giorgi
Replied On June 18, 2019 09:35 AM UTC

Hi, I have this in my App.scss file:

@import "~@syncfusion/ej2-base/styles/material.css";
@import "~@syncfusion/ej2-react-navigations/styles/material.css";
@import "~@syncfusion/ej2-inputs/styles/material.css";
@import "~@syncfusion/ej2-buttons/styles/material.css";
@import "~@patternfly/react-core/dist/styles/base.css";

and, however, I downloaded your sample from https://stackblitz.com/edit/react-ghzkbv and running it with `npm run start` led to the same result.


Christopher Issac Sunder K [Syncfusion]
Replied On June 19, 2019 11:47 AM UTC

Hello Marco, 

Good day to you. 

We have downloaded and checked with the stackblitz sample. In the sample, we have imported the mentioned css styles in style.css file and found that the ej2-react-dropdowns style is not referenced. Thus, the material theme style is not applied to the component. You need to import the below CSS for styling the DropDownList along with your other style files, 

/* import the DropDownList dependency styles */ 
 
@import "../node_modules/@syncfusion/ej2-base/styles/material.css"; 
@import "../node_modules/@syncfusion/ej2-inputs/styles/material.css"; 
@import "../node_modules/@syncfusion/ej2-react-dropdowns/styles/material.css"; 

Please refer to the below documentation for the required CSS references for DropDownList component, 

The downloaded sample has been modified with the mentioned CSS and you can find it from the below link, 

Please check the sample and get back to us if you require any further assistance. 

Thanks,
Christo 


CONFIRMATION

This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

This page will automatically be redirected to the sign-in page in 10 seconds.

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile
Live Chat Icon