in-place Editor font size

[Kenneth Tang]

Dear all,

Please advance that how we change the font size with In-place Editor UI, Thank a lot!

KennethT

[Narayanasamy Panneer Selvam]

Hi Kenneth, 

 

Greetings from Syncfusion support. 

 

Yes, you can change font-size of the default editor text and icon fon-size using css as follows 

Code example: 

<style> 

    #editor.e-inplaceeditor .e-editable-value-wrapper .e-editable-value, 

    #editor.e-inplaceeditor .e-editable-value-wrapper .e-editable-overlay-icon::before { 

        font-size: 17px; 

    } 

</style> 

 

 

Demo sample: https://www.syncfusion.com/downloads/support/forum/147738/ze/Editor-96165697 

Also, can you please confirm whether you want to change font-size of the In-place Editor’s inner components? if yes, share the inner component details to provide override CSS in our end 

 

Regards, 

Narayanasamy P. 

[Kenneth Tang]

Dear Narayanasamy,

Thank for info.

One more question, in your sample of data binding https://ej2.syncfusion.com/aspnetcore/documentation/in-place-editor/data-binding/ 

when we declare the dropdownlist data in controller

public class HomeController : Controller
{
    List<gameList> game = new List<gameList>();
    public ActionResult Index()
    {
        game.Add(new gameList { Id = "1", Name = "Maria Anders" });
        game.Add(new gameList { Id = "2", Name = "Ana Trujillo" });
        game.Add(new gameList { Id = "3", Name = "Antonio Moreno" });
        game.Add(new gameList { Id = "4", Name = "Thomas Hardy" });
        game.Add(new gameList { Id = "5", Name = "Chiristina Berglund" });
        game.Add(new gameList { Id = "6", Name = "Hanna Moos" });
        ViewBag.value = "Maria Anders";
        ViewBag.model = new { dataSource = game, fields = new { text = "Name" }, Placeholder = "Select a customer" };
        return View();
    }
    public class gameList
    {
        public string Id { get; set; }
        public string Name { get; set; }
    } 

}

and use the server action to return the value to server

public class SubmitModel
        {
            public string Name { get; set; }
            public string PrimaryKey { get; set; }
            public string Value { get; set; }
        }

public IEnumerable<SubmitModel> UpdateData([FromBody]SubmitModel value)
        {
         // User can process data
          return value;
        }

we found only text value can return to server, How could be return ID value stead of text? Also after we have save the ID value to server, could in-place editor display the text value on screen?

Please advance, thx.

KennethT

[Narayanasamy Panneer Selvam]

Hi Kenneth, 

 

Good day to you. 

 

Query: we found only text value can return to server, How could be return ID value stead of text? Also after we have save the ID value to server, could in-place editor display the text value on screen? 

 

We have resolved this issue from 17.2.51 patch release, value field mapped corresponding selected value will send to server. Kindly upgrade Syncfusion packages to latest version. 

 

If you have set value property, when model property configured with fields, the initial component load value field’s value will displayed in editor. 

As per In-place Editor behavior, the value field of DropDownlist component relates with In-place Editor value property. If you set In-place Editor Value property*,* the corresponding text value of DropDownlist will be displayed, whe the edit mode is enabled. 

So, we suggest you to configure Value property inside the Model API and use EmptyText API to show the required value initially. 

Demo Sample: https://www.syncfusion.com/downloads/support/forum/147738/ze/Editor1608239461 

 

 

Regards, 

Narayanasamy P.