Menu icon Foundation

My Posts

  • 3
    Replies
  • node-oracledb

    By Matt Mac

    oracle-nodeoraclenode

    I would like to connect my web app to an existing oracle database, and I have come across node-oracledb. I have absolutely no idea how I am meant to go about implementing it though. Does anybody know? https://github.com/oracle/node-oracledb

    Last Reply by Matt Mac over 2 years ago







My Comments

Matt Mac commented on Matt Mac's post over 2 years

Hi José, I created a github project at https://github.com/mattdotmac/bandyWebApp.

Thanks,

Matt

Matt Mac commented on Matt Mac's post over 2 years

I have a show-for-medium grid-block that contains a google maps iframe, and a grid-block shrink that contains a block-list. On medium and above, the block-list grid-block shrinks to size, allowing the map grid-block to take up the remaining space. On small, there is not sufficient space for the map, so I only show the block-list This also means that on a small screen, the block-list grid block still shrinks!

I hope I explained that well! Thanks

Here is my code:

---
name: browse
url: /browse
---
<div class="show-for-medium grid-block vertical">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d81401.91639767708!2d-4.112569950000009!3d50.38874245!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x486c8d530e95ea3d%3A0x3b282cb5cef58593!2sPlymouth!5e0!3m2!1sen!2suk!4v1424268690744" width="100%" height="1200px" frameborder="0" style="border:0"></iframe>
</div>

<div class="grid-block shrink">
    <div class="grid-content">
        <section class="block-list">
            <ul>
                <li class="with-chevron">
                    <a zf-toggle="antiques">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Collectables and antiques</span>
                    </a>
                    <div ng-include="" src="templates/antiques.html"></div>

                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Electronics</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Fashion</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">

                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Home and garden</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Jewellery and watches</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Motors</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Sporting goods</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Toys and games</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Books comics and magazines</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Health and beauty</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Musical instruments</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Business office and industrial</span>
                    </a>
                </li>

            </ul>           

        </section>

    </div>

</div>


Matt Mac commented on Matt Mac's post about 3 years

Thank you Droideka! I started afresh with a brand new installation of foundation and it seems to be working as it should. It even completely fixed the issues I was having with a magellan sub-nav.

And yes, I have been using compass - it has made my life a whole lot easier!

i remain,

Matt Mac

Matt Mac commented on Matt Mac's post about 3 years

Hmmm, #008cba doesn't show up in my _settings.scss file. Perhaps there are problems with my files. For example _settings.scss uses em instead of rem. Do you know where I can find the default _settings.scss for Foundation 5? Maybe it would be best that I use that

Posts Followed

  • 3
    Replies
  • node-oracledb

    By Matt Mac

    oracle-nodeoraclenode

    I would like to connect my web app to an existing oracle database, and I have come across node-oracledb. I have absolutely no idea how I am meant to go about implementing it though. Does anybody know? https://github.com/oracle/node-oracledb

    Last Reply by Matt Mac over 2 years ago




Following

    No Content

Followers

My Posts

My Comments

You commented on Matt Mac's post over 2 years

Hi José, I created a github project at https://github.com/mattdotmac/bandyWebApp.

Thanks,

Matt

You commented on Matt Mac's post over 2 years

I have a show-for-medium grid-block that contains a google maps iframe, and a grid-block shrink that contains a block-list. On medium and above, the block-list grid-block shrinks to size, allowing the map grid-block to take up the remaining space. On small, there is not sufficient space for the map, so I only show the block-list This also means that on a small screen, the block-list grid block still shrinks!

I hope I explained that well! Thanks

Here is my code:

---
name: browse
url: /browse
---
<div class="show-for-medium grid-block vertical">
    <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d81401.91639767708!2d-4.112569950000009!3d50.38874245!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x486c8d530e95ea3d%3A0x3b282cb5cef58593!2sPlymouth!5e0!3m2!1sen!2suk!4v1424268690744" width="100%" height="1200px" frameborder="0" style="border:0"></iframe>
</div>

<div class="grid-block shrink">
    <div class="grid-content">
        <section class="block-list">
            <ul>
                <li class="with-chevron">
                    <a zf-toggle="antiques">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Collectables and antiques</span>
                    </a>
                    <div ng-include="" src="templates/antiques.html"></div>

                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Electronics</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Fashion</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">

                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Home and garden</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Jewellery and watches</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Motors</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Sporting goods</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Toys and games</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Books comics and magazines</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Health and beauty</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Musical instruments</span>
                    </a>
                </li>
                <li class="with-chevron">
                    <a href="#">
                        <span class="left stars block-list-label"></span>
                        <span class="block-list-label">Business office and industrial</span>
                    </a>
                </li>

            </ul>           

        </section>

    </div>

</div>


You commented on Matt Mac's post about 3 years

Thank you Droideka! I started afresh with a brand new installation of foundation and it seems to be working as it should. It even completely fixed the issues I was having with a magellan sub-nav.

And yes, I have been using compass - it has made my life a whole lot easier!

i remain,

Matt Mac

You commented on Matt Mac's post about 3 years

Hmmm, #008cba doesn't show up in my _settings.scss file. Perhaps there are problems with my files. For example _settings.scss uses em instead of rem. Do you know where I can find the default _settings.scss for Foundation 5? Maybe it would be best that I use that

Posts Followed

Following

  • No Content

Followers

  • No Content