Intersoft Community - Crosslight - Crosslight Form Builder - ImagePicker

Crosslight Form Builder - ImagePicker

thomas.albert@tea-net.ch — Wed, 25 May 2016 05:29:44 GMT

What about CROS-1141? When will the translation finally be available?

Crosslight Form Builder - ImagePicker

yudi — Fri, 20 May 2016 09:59:20 GMT

Unfortunately it hasn't been supported for iOS platform.

CROS-1141 has been submitted to Crosslight development team regarding this, to localize ImagePicker context menu under iOS platform. I will keep this thread updated when nightly-build/hotfix is ready to be evaluated.

Crosslight Form Builder - ImagePicker

thomas.albert@tea-net.ch — Thu, 19 May 2016 05:51:59 GMT

Any updates about how to translate under iOS?

Crosslight Form Builder - ImagePicker

thomas.albert@tea-net.ch — Thu, 12 May 2016 06:41:13 GMT

Hello Yudi,

AddCaption and EditCaption works on Android and iOS.

However under iOS I was not able to translate the imagepicker context menu. I tried with standard iOS localization (.lproj folder and Localizable.strings) and used the keys given above but it failed.

Please, provide a localization sample for the imagepicker context menu under iOS.

Thanks,

Thomas

Crosslight Form Builder - ImagePicker

yudi — Tue, 10 May 2016 07:41:27 GMT

How can I translate the text below the image? In your screenshot from the last post it is "edit". In other cases it can be "add photo".

AddCaption and EditCaption properties of ImageAttribute class are the one that you looking for.

AddCaption: Gets or sets the caption displayed when the image is not set yet.
EditCaption: Gets or sets the caption displayed when the image is set.

Example:

public class BasicSection
{
    [Editor(EditorType.Image)]
	[Image(Height = 83, Width = 80, Placeholder = "photo.png", Frame = "frame.png", AddCaption = "Foto hinzufügen", EditCaption = "Foto bearbeiten")]
	[ImagePicker(ImageResultMode = ImageResultMode.Both, ActivateCommand = "ActivateImagePickerCommand", PickerResultCommand = "FinishImagePickerCommand", AllowEditing = false)]
    public byte[] ProfilePicture;

    ...
}

You can also utilize AddCaptionKey and/or EditCaptionKey if the text is taken from resources.

Crosslight Form Builder - ImagePicker

thomas.albert@tea-net.ch — Fri, 06 May 2016 08:24:42 GMT

Hello Yudi,

the localization of the menu works on Android as you described. Thank you.

How can I translate the text below the image? In your screenshot from the last post it is "edit". In other cases it can be "add photo".

I am doing the app on iOS, too. How can I translate the menu and the text below the image on iOS?

Can I do it via standard iOS localization (https://developer.xamarin.com/guides/ios/advanced_topics/localization_and_internationalization/) with the same keys as on Android?

Thanks,

Thomas

Crosslight Form Builder - ImagePicker

yudi — Wed, 04 May 2016 03:10:53 GMT

Sorry for the delay in sending this.

How can I translate the context menu of the ImagePicker (Select Image, Take Photo, Choose From Gallery, Delete Photo)

The context menu of the ImagePicker are localizable. Set the resource with following name:

SelectImage
TakePhoto
ChooseFromGallery
DeleteImage

For example:

<resources>
  <string name="SelectImage">Sélectionner l\'image</string>
  <string name="TakePhoto">Prendre une photo</string>
  <string name="ChooseFromGallery">Choisir parmi la galerie</string>
  <string name="DeleteImage">Supprimer la photo</string>
</resources>

will result like following.

Hope this helps.

Crosslight Form Builder - ImagePicker

thomas.albert@tea-net.ch — Tue, 03 May 2016 18:48:09 GMT

Hello Yudi,

did you already discuss with the team how to do the translations?

Thanks,

Thomas

Crosslight Form Builder - ImagePicker

yudi — Thu, 28 Apr 2016 07:19:21 GMT

Thank you for the explanation. It works as you described it.

Glad to hear that the explanation helps.

By the way, calling the "Crop App" mostly fails with "Image could not be loaded" error message. Please, fix, too.

With AllowEditing enabled, calling the "Crop App" from ImagePicker doesn't causing error in my local end. For your information, Crosslight 5.0.5000.626-experimental was used in my test.

Please feel free to let me know if you find anything that I might miss during my attempt in order to reproduce the reported problem.

Sorry, I closed this issue to early. This is still open.

No problem, Thomas. We can keep this thread active until all your questions responded.

- How can I translate the context menu of the ImagePicker (Select Image, Take Photo, Choose From Gallery, Delete Photo)
- How can I translate the text below the ImagePicker image (edit, add photo)?

I will need to discuss this with Crosslight development team. I will get back to you as soon as possible.

Crosslight Form Builder - ImagePicker

thomas.albert@tea-net.ch — Thu, 28 Apr 2016 06:35:27 GMT

Hello Yudi,

Sorry, I closed this issue to early. This is still open.

Additional questions:

- How can I translate the context menu of the ImagePicker (Select Image, Take Photo, Choose From Gallery, Delete Photo)

- How can I translate the text below the ImagePicker image (edit, add photo)?

Thanks,

Thomas

Crosslight Form Builder - ImagePicker

thomas.albert@tea-net.ch — Fri, 22 Apr 2016 10:47:47 GMT

Hello Crosslight Support,

I have some issues with Crosslight Form Builder. I found these issues on Android, they may appear on iOS as well.

I used the latest stable Crosslight assemblies and my test device is Motorola E2 API 21.

Scenario 1:
I used the basic form builder sample and played around with the ImagePicker. In ImagePicker.Form I have the following:

[ImagePicker(ImageResultMode = ImageResultMode.Both, ActivateCommand = "ActivateImagePickerCommand", PickerResultCommand = "FinishImagePickerCommand", AllowEditing = false)]

In the belonging ViewModel, I implemented "FinishImagePickerCommand". I start the app, go to ImagePicker, click on the image and select "Take Photo". I take a picture, confirm the picture and I hit "ExecuteFinishImagePickerCommand". I receive "ImagePickerResultParameter" as parameter. Looking at the "Result" property of the "ImagePickerResultParameter", I see that it is "null" (screenshot scenario1). "Choose From Gallery" returns the same result.

This seems to be a bug. I need the ImageData and the ThumbnailImageData for further processing. Please, fix.

Scenario 2:
Almost the same as above. But now I want to allow editing of the taken picture (AllowEditing = true).

After cropping the taken photo, I hit "ExecuteFinishImagePickerCommand". I receive "ImagePickerResultParameter" as parameter. Looking at the "Result" property of the "ImagePickerResultParameter", I see that ImageData and ThumbnailImageData have the same size (screenshot scenario2). "Choose From Gallery" returns the same result.

This seems to be a bug. I need the original sized photo in ImageData not the ThumbnailImageData. Please, fix.

By the way, calling the "Crop App" mostly fails with "Image could not be loaded" error message. Please, fix, too.

Additional questions:

- How can I translate the context menu of the ImagePicker (Select Image, Take Photo, Choose From Gallery, Delete Photo)

- How can I translate the text below the ImagePicker image (edit, add photo)?

Thanks,

Thomas