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

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

Helpful 0
Matt Mac commented on Matt Mac's post over 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

Helpful 0
Matt Mac commented on Matt Mac's post over 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

Helpful 0

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

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

Helpful 0
You commented on Matt Mac's post over 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

Helpful 0
You commented on Matt Mac's post over 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

Helpful 0

Posts Followed

Following

  • No Content

Followers

  • No Content

Download ZURB’s 17 Responsive Trends That Will Shape 2017

Stay informed with amazing responsive trends each month from ZURB.
Register Today

Get all the answers in our
Foundation Classes

Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.

Or if you prefer, contact the Foundation Team at training@zurb.com or (408) 341-0600 x635