This is a part of an online Codename One course published around 2017 see it all for free at https://debugagent.com/series/cn1

1. Creating a Facebook Clone - Part XXXVII

2. © Codename One 2017 all rights reserved

3. tb.setUIID("Container");
setToolbar(tb);
}
private void showUserEditForm(User me) {
InstantUI iu = new InstantUI();
iu.excludeProperties(me.authtoken, me.avatar, me.cover,
me.friendRequests, me.friends, me.peopleYouMayKnow, me.id,
me.password, me.birthday);
iu.setMultiChoiceLabels(me.gender, "Male", "Female", "Other");
iu.setMultiChoiceValues(me.gender, "Male", "Female", "Other");
Container cnt = iu.createEditUI(me, true);
cnt.setUIID("PaddedContainer");
cnt.setScrollableY(true);
Form edit = new Form("Edit", new BorderLayout());
edit.add(BorderLayout.CENTER, cnt);
edit.getToolbar().setBackCommand("Back", e -> {
showBack();
UiBinding.unbind(me);
callSerially(() -> ServerAPI.update(me));
});
edit.show();
}
}
SettingsForm

4. tb.setUIID("Container");
setToolbar(tb);
}
private void showUserEditForm(User me) {
InstantUI iu = new InstantUI();
iu.excludeProperties(me.authtoken, me.avatar, me.cover,
me.friendRequests, me.friends, me.peopleYouMayKnow, me.id,
me.password, me.birthday);
iu.setMultiChoiceLabels(me.gender, "Male", "Female", "Other");
iu.setMultiChoiceValues(me.gender, "Male", "Female", "Other");
Container cnt = iu.createEditUI(me, true);
cnt.setUIID("PaddedContainer");
cnt.setScrollableY(true);
Form edit = new Form("Edit", new BorderLayout());
edit.add(BorderLayout.CENTER, cnt);
edit.getToolbar().setBackCommand("Back", e -> {
showBack();
UiBinding.unbind(me);
callSerially(() -> ServerAPI.update(me));
});
edit.show();
}
}
SettingsForm

5. tb.setUIID("Container");
setToolbar(tb);
}
private void showUserEditForm(User me) {
InstantUI iu = new InstantUI();
iu.excludeProperties(me.authtoken, me.avatar, me.cover,
me.friendRequests, me.friends, me.peopleYouMayKnow, me.id,
me.password, me.birthday);
iu.setMultiChoiceLabels(me.gender, "Male", "Female", "Other");
iu.setMultiChoiceValues(me.gender, "Male", "Female", "Other");
Container cnt = iu.createEditUI(me, true);
cnt.setUIID("PaddedContainer");
cnt.setScrollableY(true);
Form edit = new Form("Edit", new BorderLayout());
edit.add(BorderLayout.CENTER, cnt);
edit.getToolbar().setBackCommand("Back", e -> {
showBack();
UiBinding.unbind(me);
callSerially(() -> ServerAPI.update(me));
});
edit.show();
}
}
SettingsForm

6. tb.setUIID("Container");
setToolbar(tb);
}
private void showUserEditForm(User me) {
InstantUI iu = new InstantUI();
iu.excludeProperties(me.authtoken, me.avatar, me.cover,
me.friendRequests, me.friends, me.peopleYouMayKnow, me.id,
me.password, me.birthday);
iu.setMultiChoiceLabels(me.gender, "Male", "Female", "Other");
iu.setMultiChoiceValues(me.gender, "Male", "Female", "Other");
Container cnt = iu.createEditUI(me, true);
cnt.setUIID("PaddedContainer");
cnt.setScrollableY(true);
Form edit = new Form("Edit", new BorderLayout());
edit.add(BorderLayout.CENTER, cnt);
edit.getToolbar().setBackCommand("Back", e -> {
showBack();
UiBinding.unbind(me);
callSerially(() -> ServerAPI.update(me));
});
edit.show();
}
}
SettingsForm

7. tb.setUIID("Container");
setToolbar(tb);
}
private void showUserEditForm(User me) {
InstantUI iu = new InstantUI();
iu.excludeProperties(me.authtoken, me.avatar, me.cover,
me.friendRequests, me.friends, me.peopleYouMayKnow, me.id,
me.password, me.birthday);
iu.setMultiChoiceLabels(me.gender, "Male", "Female", "Other");
iu.setMultiChoiceValues(me.gender, "Male", "Female", "Other");
Container cnt = iu.createEditUI(me, true);
cnt.setUIID("PaddedContainer");
cnt.setScrollableY(true);
Form edit = new Form("Edit", new BorderLayout());
edit.add(BorderLayout.CENTER, cnt);
edit.getToolbar().setBackCommand("Back", e -> {
showBack();
UiBinding.unbind(me);
callSerially(() -> ServerAPI.update(me));
});
edit.show();
}
}
SettingsForm

8. tb.setUIID("Container");
setToolbar(tb);
}
private void showUserEditForm(User me) {
InstantUI iu = new InstantUI();
iu.excludeProperties(me.authtoken, me.avatar, me.cover,
me.friendRequests, me.friends, me.peopleYouMayKnow, me.id,
me.password, me.birthday);
iu.setMultiChoiceLabels(me.gender, "Male", "Female", "Other");
iu.setMultiChoiceValues(me.gender, "Male", "Female", "Other");
Container cnt = iu.createEditUI(me, true);
cnt.setUIID("PaddedContainer");
cnt.setScrollableY(true);
Form edit = new Form("Edit", new BorderLayout());
edit.add(BorderLayout.CENTER, cnt);
edit.getToolbar().setBackCommand("Back", e -> {
showBack();
UiBinding.unbind(me);
callSerially(() -> ServerAPI.update(me));
});
edit.show();
}
}
SettingsForm

9. new ListProperty<>("peopleYouMayKnow", User.class);
public final Property<String, User> authtoken =
new Property<>("authtoken");
public final Property<String, User> password =
new Property<>("password");
public final Property<Date, User> birthdayDate =
new Property<Date, User>("birthdayDate", Date.class) {
@Override
public Date get() {
if(birthday.get() == null) {
return null;
}
return new Date(birthday.get());
}
@Override
public User set(Date value) {
if(value == null) {
return birthday.set(null);
}
return birthday.set(value.getTime());
}
};
User

10. @Override
public User set(Date value) {
if(value == null) {
return birthday.set(null);
}
return birthday.set(value.getTime());
}
};
private final PropertyIndex idx = new PropertyIndex(this, "User",
id, firstName, familyName, email, phone, gender, avatar, cover,
birthday, birthdayDate, friends, friendRequests,
peopleYouMayKnow, authtoken, password);
public User() {
firstName.setLabel("First Name");
familyName.setLabel("Family Name");
email.setLabel("E-Mail");
phone.setLabel("Phone");
gender.setLabel("Gender");
birthdayDate.setLabel("Birthday");
password.setLabel("Password");
idx.setExcludeFromJSON(birthdayDate, true);
User

11. return birthday.set(null);
}
return birthday.set(value.getTime());
}
};
private final PropertyIndex idx = new PropertyIndex(this, "User",
id, firstName, familyName, email, phone, gender, avatar, cover,
birthday, birthdayDate, friends, friendRequests,
peopleYouMayKnow, authtoken, password);
public User() {
firstName.setLabel("First Name");
familyName.setLabel("Family Name");
email.setLabel("E-Mail");
phone.setLabel("Phone");
gender.setLabel("Gender");
birthdayDate.setLabel("Birthday");
password.setLabel("Password");
idx.setExcludeFromJSON(birthdayDate, true);
idx.setExcludeFromMap(birthdayDate, true);
}
@Override
User

12. return birthday.set(null);
}
return birthday.set(value.getTime());
}
};
private final PropertyIndex idx = new PropertyIndex(this, "User",
id, firstName, familyName, email, phone, gender, avatar, cover,
birthday, birthdayDate, friends, friendRequests,
peopleYouMayKnow, authtoken, password);
public User() {
firstName.setLabel("First Name");
familyName.setLabel("Family Name");
email.setLabel("E-Mail");
phone.setLabel("Phone");
gender.setLabel("Gender");
birthdayDate.setLabel("Birthday");
password.setLabel("Password");
idx.setExcludeFromJSON(birthdayDate, true);
idx.setExcludeFromMap(birthdayDate, true);
}
@Override
User

13. }
SettingsMargin {
padding: 0px;
margin: 0px 0px 5mm 0px;
}
LabelFrame {
background-color: white;
border: cn1-round-border;
padding: 0.5mm;
margin: 7mm 0px 0px 0px;
}
CameraLabel {
text-align: center;
background: #dddddd;
color: black;
border: cn1-round-border;
font-size: 2mm;
padding: 1mm;
margin: 0px;
}
theme.css

14. }
SettingsMargin {
padding: 0px;
margin: 0px 0px 5mm 0px;
}
LabelFrame {
background-color: white;
border: cn1-round-border;
padding: 0.5mm;
margin: 7mm 0px 0px 0px;
}
CameraLabel {
text-align: center;
background: #dddddd;
color: black;
border: cn1-round-border;
font-size: 2mm;
padding: 1mm;
margin: 0px;
}
theme.css

15. color: black;
font-family: "native:MainThin";
font-size: 2.6mm;
border: cn1-pill-border;
background-color: #dbdbdb;
padding: 1mm 3mm 1mm 3mm;
margin: 1mm;
}
SettingsMargin {
padding: 0px;
margin: 0px 0px 5mm 0px;
}
LabelFrame {
background-color: white;
border: cn1-round-border;
padding: 0.5mm;
margin: 7mm 0px 0px 0px;
}
CameraLabel {
text-align: center;
background: #dddddd;
theme.css

16. LabelFrame {
background-color: white;
border: cn1-round-border;
padding: 0.5mm;
margin: 7mm 0px 0px 0px;
}
CameraLabel {
text-align: center;
background: #dddddd;
color: black;
border: cn1-round-border;
font-size: 2mm;
padding: 1mm;
margin: 0px;
}
CenterLargeThinLabel {
text-align: center;
font-size: 4mm;
font-family: "native:MainThin";
color: black;
padding: 2mm 1mm 2mm 1mm;
}
theme.css