Copied to clipboard

Flag this post as spam?

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


  • samay 22 posts 132 karma points
    Mar 21, 2018 @ 06:51
    samay
    0

    Backoffice custom section tab style

    Hi

    I know this is just a minor issue, but I want to learn more about the umbraco backoffice from that.

    I have created a new section , a tree and tab

    but the tab style have not follow the tradition of umbraco, I have no idea about that, just from chrome developer tool found out if i remove span12 class, it will become normal. But have no idea from code to do that.

    Does anyone know about that ? thanks.

    my tab view

    delete the span12 the underline will disapper

    my view of tab

    <form ng-controller="Threewood.Batch.Phonebook.ViewController" ng-submit="save()" val-form-manager>
    
    
        <umb-panel>
            <umb-load-indicator ng-hide="!showLoader"></umb-load-indicator>
            <umb-header tabs="content.tabs">
                <div class="umb-headline-editor-wrapper span12 ng-scope">
                    <h1 class="ng-binding">Phonebook Manager</h1>
                </div>
            </umb-header>
            <umb-tab-view>
    
                <umb-tab id="tab1" rel="">
                    <div class="umb-pane " style="">
                        <div class="control-group umb-control-group" style="">                                               
                            <div class="umb-el-wrap  hidelabel">
                                <div class="controls controls-row">
                                    <br><p>
                                        Type in Phonebook (Phonebook Name Alias) of Department (Department Name Alias ) <br />to be import the contact ( excel file )
                                    </p><br>
                                </div>
                            </div>
                            <div class="umb-el-wrap ">
                                <label class="control-label" for="departmentNameAlias">Department Name Alias</label>
                                <div class="controls controls-row">
                                    <input no-dirty-check name="departmentNameAlias" id="departmentNameAlias" class="umbEditorTextField" type="text" ng-model="configuration.departmentNameAlias" >
                                </div>
                            </div>
                            <div class="umb-el-wrap ">
                                <label class="control-label" for="phonebookNameAlias">Phonebook Name Alias</label>
                                <div class="controls controls-row">
                                    <input no-dirty-check name="phonebookNameAlias" id="phonebookNameAlias" class="umbEditorTextField" type="text" ng-model="configuration.phonebookNameAlias">
                                </div>
                            </div>                        
                        </div>
                    </div>
                </umb-tab>
    
                <umb-tab id="tab2" rel="">
                    <div class="umb-pane">
                        <umb-control-group label="File" description="File to upload">
                            <div class="btn-group">
                                <label for="file-upload" class="custom-file-upload">
                                    <i class="fa fa-cloud-upload"></i> Custom Upload
                                </label>
                                <input id="file-upload" type="file" ngf-select="" ng-model="files" ng-multiple="false" ngf-change="fileSelected(files)" required />
                            </div>
                            <span ng-show="filenamelabel">{{configuration.filename2beupload}}</span>
                        </umb-control-group>
    
                        <div class="umb-tab-buttons" detect-fold>
                            <div class="btn-group">
                                <button type="button" data-hotkey="ctrl+s" class="btn btn-success" ng-click="uploadFile()">Upload & Import</button>
                            </div>
                        </div>
                    </div>
                </umb-tab>
    
            </umb-tab-view>
        </umb-panel>
    
    </form>
    
  • Michaël Vanbrabandt 863 posts 3348 karma points c-trib
    Mar 21, 2018 @ 07:38
    Michaël Vanbrabandt
    0

    Hi samay,

    what is the result after deleting span12 from the following div in your view:

            <div class="umb-headline-editor-wrapper span12 ng-scope">
                <h1 class="ng-binding">Phonebook Manager</h1>
            </div>
    

    Hope this helps!

    /Michaël

  • samay 22 posts 132 karma points
    Mar 21, 2018 @ 08:07
    samay
    0

    Hi Michael,

    There are no difference. It is because that span12 is different level from which I edit in chrome.

    enter image description here

    The "1" span12 which is you refer to, the "2" span12 which will affect the underline show or not, but this span12 is not under my view, I just guess which is generated by umb-tab-view.

  • Michaël Vanbrabandt 863 posts 3348 karma points c-trib
    Mar 21, 2018 @ 08:10
    Michaël Vanbrabandt
    0

    Hi samay,

    what version are you using of Umbraco?

    /Michaël

  • samay 22 posts 132 karma points
    Mar 21, 2018 @ 08:17
    samay
    0

    Umbraco version 7.7.6 assembly: 1.0.6528.26344

Please Sign in or register to post replies

Write your reply to:

Draft