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. Image for the cookie policy date

in-place Editor font size

Dear all,

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

KennethT

3 Replies

NP Narayanasamy Panneer Selvam Syncfusion Team September 23, 2019 12:58 PM UTC

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> 
 
 
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. 



KT Kenneth Tang September 24, 2019 05:31 AM UTC

Dear Narayanasamy,

Thank for info.


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


NP Narayanasamy Panneer Selvam Syncfusion Team September 24, 2019 05:36 PM UTC

 
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. 
 
 
Regards, 
Narayanasamy P. 


Loader.
Live Chat Icon For mobile
Up arrow icon