Moving Navigation sidebar

36 views
Skip to first unread message

lon...@gmail.com

unread,
Nov 28, 2020, 2:31:06 PM11/28/20
to DSpace Technical Support
Hi all,
Is there a way to move the navigation sidebar from right to left for Dspace 6.3 - Mirage2?

many thanks
-Peter.Tran

Jose Blanco

unread,
Nov 29, 2020, 8:30:00 PM11/29/20
to lon...@gmail.com, DSpace Technical Support
Peter,

You want to change page-structure.xsl.  You want it to look like this, with navigation before the main-content:

                                <div class="row row-offcanvas row-offcanvas-right">
                                    <div class="horizontal-slider clearfix">
                                        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
                                            <xsl:apply-templates select="dri:options"/>
                                        </div>

                                        <div class="col-xs-12 col-sm-12 col-md-9 main-content">
                                            <xsl:apply-templates select="*[not(self::dri:options)]"/>
                                            <div class="visible-xs visible-sm">
                                                <xsl:call-template name="buildFooter"/>
                                            </div>
                                        </div>
                                    </div>
                                </div>



It presently looks like this:

                                <div class="row row-offcanvas row-offcanvas-right">
                                    <div class="horizontal-slider clearfix">
                                        <div class="col-xs-12 col-sm-12 col-md-9 main-content">
                                            <xsl:apply-templates select="*[not(self::dri:options)]"/>
                                            <div class="visible-xs visible-sm">
                                                <xsl:call-template name="buildFooter"/>
                                            </div>
                                        </div>
                                        <div class="col-xs-6 col-sm-3 sidebar-offcanvas" id="sidebar" role="navigation">
                                            <xsl:apply-templates select="dri:options"/>
                                        </div>

                                    </div>
                                </div>


Hope this helps!
-Jose




--
All messages to this mailing list should adhere to the DuraSpace Code of Conduct: https://duraspace.org/about/policies/code-of-conduct/
---
You received this message because you are subscribed to the Google Groups "DSpace Technical Support" group.
To unsubscribe from this group and stop receiving emails from it, send an email to dspace-tech...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/dspace-tech/eec6aec3-bd96-43a0-899d-09cb2ce6b318n%40googlegroups.com.

lon...@gmail.com

unread,
Dec 1, 2020, 4:45:18 PM12/1/20
to DSpace Technical Support
Thanks Jose for your quick reply ! It works perfectly. 
I'm also wondering if it is possible to move the "hidden navigation bar + 3 lines icon on top " - when it is in Mobile (reponsive) mode to the left side ?
thanks much
-P

Jose Blanco

unread,
Dec 1, 2020, 7:26:39 PM12/1/20
to lon...@gmail.com, DSpace Technical Support
Peter, I have not done this, and I'm not exactly sure what you need.  I would use the developer tool to find out the class or the id and then search for it  in the xsl, and css files.  You can then experiment with it.

-Jose

Reply all
Reply to author
Forward
0 new messages