0

I have this control that the user can upload files. If the users upload more then 1 it runs into the next form-group control that is on this view. Is there a way I can get this form-group to grow?

<div class="form-group row">
    @Html.LabelFor(model => model.fileManagerIds)

    @(Html.Kendo().Upload()
                        .Name("upImport")
                        .HtmlAttributes(new { Style = "width: 700px;" })
                        .Messages(e => e.DropFilesHere("Drop files here")
                        .Select("Select file"))
                        .Async(a => a
                            .Save("Async_Save", "Upload")
                            .Remove("Async_Remove", "Upload")
                            .AutoUpload(true)
                            .SaveField("files")
                        )

                        .Events(e => e.Success("upImportSuccess"))
                    )

    @Html.HiddenFor(x => x.fileManagerIds, new { id = string.Format("fileManagerIds"), @name = "fileManagerIds" })
</div>

enter image description here

Mark Schultheiss
  • 32,614
  • 12
  • 69
  • 100
Jefferson
  • 173
  • 2
  • 12
  • 32
  • perhaps related https://stackoverflow.com/q/23065029/125981 – Mark Schultheiss Jul 19 '22 at 22:23
  • Feels like you should be able to add classes using the helper to use the bootstrap style you wish here. – Mark Schultheiss Jul 19 '22 at 22:30
  • You mean the kendo helper? – Jefferson Jul 20 '22 at 10:21
  • Yes, I see from the code you are using the c# MVC helper. It would be useful to update your question with the version of kendo you are using. Keep in mind that the helper only helps render and what is rendered is what you should focus on; including the CSS in play here - which is hard to discern from this, and it has been a while since I used these thus my memory of what renders is a bit faded. – Mark Schultheiss Jul 20 '22 at 11:31
  • Keep in mind that bootstrap-4 does not have a designated file upload component so here you rely on the kendo component to provide the html and the applicable CSS to render it. – Mark Schultheiss Jul 20 '22 at 11:46
  • Thanks is there something else I can use other the form-group that will not have a fixed height? – Jefferson Jul 20 '22 at 15:50
  • 1
    Try using `d-flex flex-row` https://getbootstrap.com/docs/4.0/utilities/flex/ – Mark Schultheiss Jul 20 '22 at 20:42

0 Answers0