How to edit auto-generated code in App Designer?

This question has been asked before, but not satisfactorily. Is there a way to edit the grayed-out text in the code view within App Designer? If not, this is a major drawback to using App Designer, which is otherwise incredibly useful.

[Freya H]

Can you specify what you would like to edit in particular?

[Franklin Turbeville]

I wanted the options in a listbox to be user generated. It would have been easy to write this where the listbox is created, but that code isn't editable. I used a startup function to accomplish the same task, but in general it would be nice to be able to edit the auto-generated code.

[Freya H]

Oh yeah I agree, that is a bit annoying. But I guess the general idea is to have the initial design setup in the design view and then have an action happen upon a certain event.

Some object properties,such as visibility, can be set right away though (in the component properties).

Answer 1

[Hyeonsu Nam]

May you can edit the gray colored area not by code itself, but by inspector browser

like this

[Ramon Voncken]

This was very helpful for me, I was not aware of this option, thank you.

Answer 2

[zapaiz]

I don't think it is possible BUT, there's a cleaner way to do what you want:

If you go to EDITOR > Callback and select UIFigure (the main graphic element) you can create and customize the startupFcn, the callback invoked at the startup of the app.

for example if you have DatePickers (SelectStart and SelectEnd) you can initialize them to today and 10 days ago respectively like this:

function startupFcn(app)
    app.SelectStartDatePicker.set('Value', datetime('now') - days(10));
    app.SelectEndDatePicker.set('Value',datetime('now'));
end

[Robert Cadman]

Thank you! It slightly irritates me that you can't do this in the createComponents function but this will work.