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
    Rishabh
    0

    Own grid layout plugin

    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.

  • Rishabh 24 posts 94 karma points
    Aug 10, 2016 @ 07:28
    Rishabh
    0

    Hi all,

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

    Thanks

    Rishabh Patel

  • Alex Skrypnyk 6163 posts 24143 karma points MVP 8x admin c-trib
    Aug 11, 2016 @ 12:00
    Alex Skrypnyk
    0

    Hi Rishabh,

    We wait for sharing from you !

    Thanks

  • Rishabh 24 posts 94 karma points
    Aug 12, 2016 @ 04:39
    Rishabh
    0

    {{template.name}}
    {{row.name}}
    {{control.editor.name}}
    {{control.editor.name}}
                                                    <!-- 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

Please Sign in or register to post replies

Write your reply to:

Draft