How to increase height of grid field and make control accept HTML/Rich text format

Hello,

I have a grid with a popup edit. One of the fields is too small for the user to see what has been entered. Is there a way 

  1. to increase the height of the field?
  2. Allow user to enter format text (able to bold, underline, italicized etc)

Best regards




  <SfGrid DataSource="@ListGridSource" ID="Grid" AllowTextWrap=true AllowExcelExport=true @ref="DefaultGrid" TValue="HoroscopeWeeklyMonthly"

                Toolbar="@(new List<string>() { "Add", "Edit", "Delete", "Cancel", "Update", "ExcelExport", "Search", "Print" })"

                ContextMenuItems="@(new List<object>() { "AutoFit", "AutoFitAll", "SortAscending", "SortDescending","Copy", "Edit", "Delete", "Save", "Cancel","PdfExport", "ExcelExport", "CsvExport", "FirstPage", "PrevPage","LastPage", "NextPage"})"

                AllowFiltering="true" AllowPaging="true" AllowSorting=true>

            <GridEditSettings AllowAdding="true" AllowDeleting="true" AllowEditing="true" Mode="EditMode.Dialog"></GridEditSettings>

            <GridEvents OnActionBegin="ActionBeginHandler" OnToolbarClick="ToolbarClickHandler" TValue="HoroscopeWeeklyMonthly"></GridEvents>

            <GridPageSettings PageSize="5"></GridPageSettings>

            <GridColumns>

                <GridColumn Field="@nameof(HoroscopeWeeklyMonthly.ID)" Width="35" IsPrimaryKey=true IsIdentity=true Visible=true></GridColumn>

                <GridColumn Field="@nameof(HoroscopeWeeklyMonthly.HType)" HeaderTextAlign="TextAlign.Center" HeaderText="Type" Width="40" EditType="EditType.DropDownEdit" DefaultValue=@DefaultVal TextAlign="TextAlign.Right"></GridColumn>

                <GridColumn Field="@nameof(HoroscopeWeeklyMonthly.Period)" Width="30" EditType="EditType.DefaultEdit" TextAlign="TextAlign.Left" HeaderText="Period"></GridColumn>

                <GridColumn Field="@nameof(HoroscopeWeeklyMonthly.Contents)" Width="100" EditType="EditType.DefaultEdit" TextAlign="TextAlign.Left"></GridColumn>

                <GridColumn Field="@nameof(HoroscopeWeeklyMonthly.IsSelected)" HeaderText="Is Selected" EditType="EditType.DefaultEdit" TextAlign="TextAlign.Right" Width="35"></GridColumn>

                <GridColumn Field="@nameof(HoroscopeWeeklyMonthly.DateInsert)" Width="50" DefaultValue=@dt TextAlign="TextAlign.Right" Visible=false></GridColumn>

                <GridColumn Field="@nameof(HoroscopeWeeklyMonthly.DateUpdate)" Width="50" DefaultValue=@dt TextAlign="TextAlign.Right" Visible=false Format="d"></GridColumn>

            </GridColumns>

            <GridSortSettings>

                <GridSortColumns>

                    <GridSortColumn Field="ID" Direction="SortDirection.Descending"></GridSortColumn>

                </GridSortColumns>

            </GridSortSettings>

            <GridAggregates>

                <GridAggregate>

                    <GridAggregateColumns>

                        <GridAggregateColumn Field=@nameof(GL.ID) Type="AggregateType.Count">

                            <FooterTemplate>

                                @{

                                    var aggregate = (context as AggregateTemplateContext);

                                    <div>

                                        <p>Count: @aggregate.Count</p>

                                    </div>

                                }

                            </FooterTemplate>

                        </GridAggregateColumn>


                    </GridAggregateColumns>

                </GridAggregate>


            </GridAggregates>

        </SfGrid>



1 Reply

NP Naveen Palanivel Syncfusion Team June 21, 2022 04:38 PM UTC

Hi Sao,


Greetings from Syncfusion support.

Query: “How to increase height of grid field and make control accept HTML/Rich text format

We have already discussed this topic in our UG documentation. Kindly refer the documentation link for more details


Reference : https://blazor.syncfusion.com/documentation/datagrid/cell-edit-types#using-richtexteditor-in-edittemplate


Kindly get back to us if you have further queries.


Regards,

Naveen Palanivel


Loader.
Up arrow icon