jQWidgets Forums

Hi,

Thank you for your great plugin. I have used json tree in my page and it works good. However, icon sizes are small. I don’t know where I should write iconsize.
my code is:

<script type="text/javascript">
                    $(document).ready(function () {
                        var theme = 'summer';
                        var array = @Html.Raw(
                                        Json.Encode(
                                            ((IEnumerable<WildLifePictures.Models.CTreasureTree>)ViewBag.treeLoad).Select(model => new 
                                            { 
                                                Id = model.Id,
                                                Name = model.name ,
                                                Parent = model.parentId,
                                                pAddress = model.photoAddress 
                                            })
                                            )
                                        );
                    var data = new Array(array.length);
                    for (var i = 0; i < array.length; i++) {
                        data[i] = {
                            "id": array[i].Id,
                            "parentid": array[i].Parent,
                            "text": array[i].Name,
                            "icon": array[i].pAddress
                        }
                    }
                                                
                        // prepare the data
                        var source =
                        {
                            datatype: "json",
                            datafields: [
                                { name: 'icon' },
                                { name: 'id' },
                                { name: 'parentid' },
                                { name: 'text' }
                            ],
                            icon: 'icon',
                            id: 'id',
                            localdata: data
                        };
                        // create data adapter.
                        var dataAdapter = new $.jqx.dataAdapter(source);
                        // perform Data Binding.
                        dataAdapter.dataBind();
                        var records = dataAdapter.getRecordsHierarchy('id', 'parentid', 'items', [{ name: 'text', map: 'label' }]);
                        $('#jqxTree').jqxTree({ rtl: true, source: records, width: '250px', theme: theme });
                        $('#jqxTree').bind('select', function (event) {
                            var args = event.args;
                            var item = $('#jqxTree').jqxTree('getItem', args.element);
                            $.ajax({
                                url: '/WildLife/GetTreeRelatedPhotos',
                                contentType: 'application/html; charset=utf-8',
                                type: 'GET',
                                data: { 'Id': item.id, 'Type': 'photo' },
                                dataType: 'html'
                            })
                            .success(function (result) {
                                $('#partialLoaded').html(result);
                            })
                        });
                    });
            </script>
            <div id='jqxWidget'>
                <div style='float: right;'>
                    <div id='jqxTree' style='float: right; margin-left: 60px;'>
                    </div>
                </div>
             </div>

Thank you in advance.
I wait to hearing from you.

Best Regards