1. Home
  2. Forum
  3. ASP.NET MVC - EJ 2
  4. combox to fill position

combox to fill position

Hello, I'm trying to position the combox to fill the entire form, but when I try to do that, the combox layout is in the form of a form, follow the image, could you help me.


Combox_00.png


Combox_01.png


5 Replies
DR Deepak Ramakrishnan Syncfusion Team April 17, 2022 09:48 AM UTC

Hi Alexandro,


Greetings from Syncfusion support.


We couldn’t reproduce the reported issue as per your scenerio . We have attached working sample for your reference , Also we request you to provide additional details about the issue i.e. replication procedure , issue replication sample etc.. Which will help us to validate the issue further and provide you the better solution.



Sample link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/Syncfusion_EJ2_MVC_App2119675231.zip


Thanks,

Deepak R.


AA Alexandro Almeida de Oliviera April 18, 2022 10:52 AM UTC 

even after performing the same procedure performed in the example sent, we were not successful...
follow attached sourcesCombobox.png

Attachment: WebAPIManagerNFe_1bc3be7.rar

AA Alexandro Almeida de Oliviera April 18, 2022 10:53 AM UTC 

nuget package

Attachment: Packages_2a021501.rar

UD UdhayaKumar Duraisamy Syncfusion Team April 19, 2022 04:00 PM UTC

Hi Alexandro,


We are validating the requirement. We will update the further details in two business days (21st April 2022).


Regards,

Udhaya Kumar D


UD UdhayaKumar Duraisamy Syncfusion Team April 20, 2022 12:10 PM UTC

Hi Alexandro,


The problem occurred due to the max-width property being set to the component. We suggest you comment out the “max-width” property in Content\Site.css. Also, we have attached a sample and code snippet for reference.


[site.css]

 

/* Set padding to keep content from hitting the edges */

.body-content {

    padding-left: 15px;

    padding-right: 15px;

}

 

/* Set width on the form input elements since they're 100% wide by default */

input,

select,

textarea {

    /*max-width: 280px;*/

}

 

/* styles for validation helpers */

.field-validation-error {

    color: #b94a48;

}

 

.field-validation-valid {

    display: none;

}

 

input.input-validation-error {

    border: 1px solid #b94a48;

}

 

input[type="checkbox"].input-validation-error {

    border: 0 none;

}

 

.validation-summary-errors {

    color: #b94a48;

}

 

.validation-summary-valid {

    display: none;

}



Sample Link : https://www.syncfusion.com/downloads/support/directtrac/general/ze/SyncfusionMvcApplication1-318928121.zip


Regards,

Udhaya Kumar D


Loader.
Up arrow icon