own grid layout plugin

Press Ctrl / CMD + C to copy this to your clipboard.

Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at

Rishabh 24 posts 94 karma points

Aug 05, 2016 @ 12:41

0

Own grid layout plugin

Umbraco Forms

Umbraco 7

Hi All,

I need to create own grid layout in back office with my custom content picker plugin

I have done the content picker plugin but i am getting issue on create own grid layout pls help to me how can i create own grid layout plugin

beacuse i am usign 7.2 grid layout datatype but my need below i don't know how can i achive please guide to me.

1) I need only row an incons menu is displayed. Only the "delete" icon must be diplayed, not a configuration icon.

2) "Add content", the content is inserted and it allows to add mor content into that grid item. The system must allow only one POST content for each grid item.

1# point i can achive by the css i know but 2# how can i achive, i don't know.

Copy Link
Rishabh 24 posts 94 karma points

Aug 10, 2016 @ 07:28

0

Hi all,

I have found the solution and done my work, i will share with you guys very soon.

Thanks

Rishabh Patel

Copy Link
Alex Skrypnyk 6133 posts 23952 karma points MVP 7x admin c-trib

Aug 11, 2016 @ 12:00

0

Hi Rishabh,

We wait for sharing from you !

Thanks

Copy Link

Rishabh 24 posts 94 karma points

Aug 12, 2016 @ 04:39

                                                <!-- Controls repeat end -->
                                                <!-- if area is empty tools
                                                <div class="umb-grid-add-more-content" ng-if="area.controls.length > 0 && !sortMode">
                                                    <div class="cell-tools-add -bar newbtn" ng-click="openEditorOverlay($event, area, 0, area.$uniqueId);"><localize key="grid_addElement" /></div>
                                                </div>
                                                     -->
                                            </div>
                                        </div>
                                        <!-- cells repeat end -->
                                    </div>
                                </div>
                            </div>
                        </div>
                        <!-- row container end -->
                    </div>
                    <!-- row repeat -->
                </div>
                <!-- row sortable end -->
                <!-- column tools -->
                <div class="umb-add-row" ng-if="!sortMode">
                    <a href=""
                       class="iconBox"
                       ng-click="toggleAddRow()"
                       ng-if="!showRowConfigurations">
                        <i class=" icon icon-add" title="@general_add" localize="title"></i>
                    </a>
                </div>
                <div class="templates-preview" ng-if="showRowConfigurations">
                    <p ng-hide="section.rows.length > 0"><strong><localize key="grid_addRows" /></strong></p>
                    <div class="preview-rows columns"
                         ng-repeat="layout in  section.$allowedLayouts"
                         ng-show="layout.areas.length > 0"
                         ng-click="addRow(section, layout)">
                        <div class="preview-row">
                            <div class="preview-col" ng-style="{width: percentage(area.grid) + '%'}" ng-repeat="area in layout.areas">
                                <div class="preview-cell">
                                </div>
                            </div>
                        </div>
                        <div class="preview-overlay">
                        </div>
                        <small>{{layout.name}}</small>
                    </div> <!-- .templates-preview-rows -->
                </div> <!-- .templates-preview -->
                <!-- column tools end -->
            </div>
            <!-- column repeat end -->
        </div>
    </div>
</div>
<umb-overlay ng-if="editorOverlay.show"
             model="editorOverlay"
             view="editorOverlay.view"
             position="target">
</umb-overlay>
<umb-overlay ng-if="gridItemSettingsDialog.show"
             model="gridItemSettingsDialog"
             view="gridItemSettingsDialog.view"
             position="right">
</umb-overlay>

Done the changes on grid.html file inside the umbraco/view/grid/grid.html

Thanks

Rishabh Patel

Copy Link

is working on a reply...

Please Sign in or register to post replies

Flag this post as spam?