In monotouch.dialog can RootElement be easily styled?

Question

Are there any existing extensions or is it fairly straight forward to add styles to RootElement in monotouch.dialog in a similar way you can style StyledStringElement.

Basically I would like to add an image, or badge to RootElement to indicate what sort of details would be in the child view, eg add Success, Warning, Error, Info type image - so the users may only be interested in clicking through to details that are not fully successful.

So ideally I would be able to code something like this...

UIImage imageSuccess = ImageLoader.DefaultRequestImage (new Uri ("file://" + Path.GetFullPath ("Images/Success.png")), null);

var root = new RootElement("Root") {
                Image = imageSuccess,
                Accessory = UITableViewCellAccessory.DetailDisclosureButton,
                new Section (){
                    new BooleanElement ("Airplane Mode", false),
                    new RootElement ("Notifications") {
                        new Section (null, "Turn off Notifications")
                        {
                            new BooleanElement ("Notifications", false)
                        }
                    }}
            };

Thanks for any help or pointers.

score 4 · Accepted Answer · answered Sep 12 '12 at 19:10

This question is old, but if anyone else comes across it you can subclass the RootElement class to add an icon. My code is as follows:

    public class ImageRootElement : RootElement
    {
        private UIImage _image;

        public override MonoTouch.UIKit.UITableViewCell GetCell (MonoTouch.UIKit.UITableView tv)
        {
            var baseCell = base.GetCell (tv); 
            var cell = new UITableViewCell (UITableViewCellStyle.Subtitle, "cellId");
            cell.TextLabel.Text = Caption;

            cell.Accessory = baseCell.Accessory;
            cell.ImageView.Image = _image;
            return cell;
        }

        public ImageRootElement (string caption, UIImage image) : base(caption)
        {
            _image = image;
        }   
    }

score 1 · Answer 2 · edited May 23 '17 at 12:24

1

Since MT.Dialog is open source, you can modify the RootElement properties and constructors however you like. I don't think there's anything that does what you want right out of the box, so you'll have to extend Dialog to meet your needs.

As an aside, it sounds like you MAY be misunderstanding the intent of RootElement. RootElement is simply the main container that all of your sections and elements are in. It doesn't seem to make sense to have a disclosure indicator or badge on a RootElement, simply because that is not the intent of RootElement. It's possible that I could just be misunderstanding you. If, however, you want to do custom styling with badges, etc, on an element, you can create custom element classes that inherit from OwnerDrawnElement, overriding it's two abstract methods. However, read Miguel's answer to a similar question here before doing so.

edited May 23 '17 at 12:24

Community

1
1

answered May 26 '11 at 15:39

NovaJoe

4,595
6
29
43

Thanks for your answer, I just wondered if anything already existed before writing my own, but because root element can so easily be placed inside other sections etc, and they already have a default display in these cases, I just wanted to change this default display. For now I create each sub element separately and use the touch event to display them as needed instead of having monotouch.dialog automatically do it all for me. One day I may look in to doing what I originally wanted :) – Sean Jun 12 '11 at 08:53
Root elements need to be styled - for instance to change the accessory view when the root element is used to define a child root. – Feb 14 '14 at 11:13

In monotouch.dialog can RootElement be easily styled?

2 Answers2

Linked