Menu icon Foundation

My Posts


  • 2
    Replies
  • Textarea isn't a text area F6

    By Shelley

    textareaformsF6

    I'm migrating from F5 to F6, and am updating a form on the site using the transparent building block, which has worked fine on another form on the site.  Whenever I use the input textarea, it is displaying as a tiny box, instead of the expandable bo... (continued)

    Last Reply by Shelley almost 2 years ago


  • 2
    Replies
  • Orbit - text only slider height

    By Shelley

    Orbit

    I'm developing a site where I'm using Orbit (F6) to display text - however, the container seems to be fixed in height, particularly on mobile devices.  Am I missing out on something to have the height auto set, even if it means that the contain... (continued)

    Last Reply by Val Ery almost 2 years ago




My Comments

Shelley commented on Shelley's post about 1 year

Thank you both! I didn't even think about flex grid or float grid...makes perfect sense now :) 
 
I'll change the layout to the three column one suggested

Shelley commented on Shelley's post almost 2 years

Sometimes it is the glaringly obvious stuff - many, many thanks!!

Shelley commented on Shelley's post about 5 years

Hi James,

It should convert to the small screen menu, rather than stack. It is fine (using the small mobile menu) on the iPhone 4S, but not on tablets.

Thanks for that info on the foundation.min.js! :)

Shelley commented on Shelley's post about 5 years
Shelley commented on Shelley's post about 5 years

Here's the code I'm using. It happens when I also remove the video that's embedded in the last frame.

Thank you!

<ul class="example-orbit-content" data-orbit>
  <li data-orbit-slide="headline-1">
    <div>
      <h4>text.</h4>
       <p>text</p><div itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
    <span itemprop="itemreviewed">text</span>
    <span itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating">
      <span itemprop="average">9.6</span>
      out of <span itemprop="best">10</span>
    </span>
    based on <span itemprop="votes">59</span> ratings
    <span itemprop="count">59</span> user reviews)
  </div> 
   <br />text
    </div>
      </li>
  <li data-orbit-slide="headline-2">
    <div>    
    <div itemprop="review" itemscope itemtype="http://schema.org/Review">
      <h4><span itemprop="summary">Brilliant</span>
      </h4>
      <div itemprop="reviewBody">
        <p>text</p>
</div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
  <p>
    Written by: <span itemprop="reviewer">text</span><br>
</div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
  <span itemprop="itemreviewed">text</span><br>
</div>
<div><meta itemprop="datePublished" content="2013-11-11">
  Date published: 29/10/2013<br>
</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
<p><span itemprop="ratingValue">10</span> / <span itemprop="bestRating">10</span> stars</p>
</div>
    </div></div>
  </li>
  <li data-orbit-slide="headline-3">
    <div itemscope itemtype="http://schema.org/Review">
<div itemprop="description">
  <h4>text</h4>
</div>
<div itemprop="reviewBody"><p>text</p>

<p>text</p></div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
Written by: <span itemprop="name">text</span></div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
<span itemprop="name">text</span></div>
<div><meta itemprop="datePublished" content="2013-12-04">Date published: 4 December 2013</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1"><span itemprop="ratingValue">9.8</span> / <span itemprop="bestRating">10</span> stars</div>
</div>
</li>
   <li data-orbit-slide="headline-4">
    <div>
    <div itemscope itemtype="http://schema.org/Review">
<span itemprop="summary">
  <h4>text</h4>
</span>
<div itemprop="reviewBody">
  <p>text</p>
</div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
Written by: <span itemprop="reviewer">text</span></div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
<span itemprop="reviewer">text</span></div>
<div><meta itemprop="datePublished" content="2013-11-28">
Date published: 28/11/2013</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
<span itemprop="ratingValue">10</span> / <span itemprop="bestRating">10</span> stars</div>
</div>
    </div></li>
    <li data-orbit-slide="headline-5">
    <div>
    <div itemscope itemtype="http://schema.org/Review">
<span itemprop="summary"><h4>text</h4></span>
<div itemprop="reviewBody">
  <p>text</p>
</div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
Written by: <span itemprop="reviewer">text</span></div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
<span itemprop="itemreviewed">text</span></div>
<div><meta itemprop="datePublished" content="2013-11-21">
Date published: 21/11/2013</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
<span itemprop="ratingValue">9.8</span> / <span itemprop="bestRating">10</span> stars</div>
</div>
    </div></li>
    <li data-orbit-slide="headline-6">
    <div>
    <div itemscope itemtype="http://schema.org/Review">
<span itemprop="summary">
  <h4>text</h4>
</span>
<div itemprop="reviewBody">
  <p>text</p>
</div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
Written by: <span itemprop="reviewer">text</span></div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
<span itemprop="itemreviewed">text</span></div>
<div><meta itemprop="datePublished" content="2013-07-17">
Date published: 11/09/2013</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
<span itemprop="ratingValue">10</span> / <span itemprop="bestRating">10</span> stars</div>
</div>    
    </div></li>
     <li data-orbit-slide="headline-7">
    <div>
    <h4>text/h4>
      <p><iframe width="350" height="280" src="//www.youtube.com/embed/URLrel=0" frameborder="0" allowfullscreen></iframe></p></div></li>
</ul>`HTML 

Shelley commented on Joe Ferguson's post about 5 years

I've tried it with an iframe of a YouTube video on a content slider - it does work. But I'm finding I have a bleeding edge to my slides, and I'm not sure this iframe caused it or not.

Edit: Using Foundation 5

Posts Followed

No Content

Following

    No Content

Followers

My Posts





My Comments

You commented on Shelley's post about 1 year

Thank you both! I didn't even think about flex grid or float grid...makes perfect sense now :) 
 
I'll change the layout to the three column one suggested

You commented on Shelley's post almost 2 years

Sometimes it is the glaringly obvious stuff - many, many thanks!!

You commented on Shelley's post about 5 years

Hi James,

It should convert to the small screen menu, rather than stack. It is fine (using the small mobile menu) on the iPhone 4S, but not on tablets.

Thanks for that info on the foundation.min.js! :)

You commented on Shelley's post about 5 years
You commented on Shelley's post about 5 years

Here's the code I'm using. It happens when I also remove the video that's embedded in the last frame.

Thank you!

<ul class="example-orbit-content" data-orbit>
  <li data-orbit-slide="headline-1">
    <div>
      <h4>text.</h4>
       <p>text</p><div itemscope itemtype="http://data-vocabulary.org/Review-aggregate">
    <span itemprop="itemreviewed">text</span>
    <span itemprop="rating" itemscope itemtype="http://data-vocabulary.org/Rating">
      <span itemprop="average">9.6</span>
      out of <span itemprop="best">10</span>
    </span>
    based on <span itemprop="votes">59</span> ratings
    <span itemprop="count">59</span> user reviews)
  </div> 
   <br />text
    </div>
      </li>
  <li data-orbit-slide="headline-2">
    <div>    
    <div itemprop="review" itemscope itemtype="http://schema.org/Review">
      <h4><span itemprop="summary">Brilliant</span>
      </h4>
      <div itemprop="reviewBody">
        <p>text</p>
</div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
  <p>
    Written by: <span itemprop="reviewer">text</span><br>
</div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
  <span itemprop="itemreviewed">text</span><br>
</div>
<div><meta itemprop="datePublished" content="2013-11-11">
  Date published: 29/10/2013<br>
</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
<p><span itemprop="ratingValue">10</span> / <span itemprop="bestRating">10</span> stars</p>
</div>
    </div></div>
  </li>
  <li data-orbit-slide="headline-3">
    <div itemscope itemtype="http://schema.org/Review">
<div itemprop="description">
  <h4>text</h4>
</div>
<div itemprop="reviewBody"><p>text</p>

<p>text</p></div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
Written by: <span itemprop="name">text</span></div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
<span itemprop="name">text</span></div>
<div><meta itemprop="datePublished" content="2013-12-04">Date published: 4 December 2013</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1"><span itemprop="ratingValue">9.8</span> / <span itemprop="bestRating">10</span> stars</div>
</div>
</li>
   <li data-orbit-slide="headline-4">
    <div>
    <div itemscope itemtype="http://schema.org/Review">
<span itemprop="summary">
  <h4>text</h4>
</span>
<div itemprop="reviewBody">
  <p>text</p>
</div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
Written by: <span itemprop="reviewer">text</span></div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
<span itemprop="reviewer">text</span></div>
<div><meta itemprop="datePublished" content="2013-11-28">
Date published: 28/11/2013</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
<span itemprop="ratingValue">10</span> / <span itemprop="bestRating">10</span> stars</div>
</div>
    </div></li>
    <li data-orbit-slide="headline-5">
    <div>
    <div itemscope itemtype="http://schema.org/Review">
<span itemprop="summary"><h4>text</h4></span>
<div itemprop="reviewBody">
  <p>text</p>
</div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
Written by: <span itemprop="reviewer">text</span></div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
<span itemprop="itemreviewed">text</span></div>
<div><meta itemprop="datePublished" content="2013-11-21">
Date published: 21/11/2013</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
<span itemprop="ratingValue">9.8</span> / <span itemprop="bestRating">10</span> stars</div>
</div>
    </div></li>
    <li data-orbit-slide="headline-6">
    <div>
    <div itemscope itemtype="http://schema.org/Review">
<span itemprop="summary">
  <h4>text</h4>
</span>
<div itemprop="reviewBody">
  <p>text</p>
</div>
<div itemprop="author" itemscope itemtype="http://schema.org/Person">
Written by: <span itemprop="reviewer">text</span></div>
<div itemprop="itemReviewed" itemscope itemtype="http://schema.org/Thing">
<span itemprop="itemreviewed">text</span></div>
<div><meta itemprop="datePublished" content="2013-07-17">
Date published: 11/09/2013</div>
<div itemprop="reviewRating" itemscope itemtype="http://schema.org/Rating">
<meta itemprop="worstRating" content="1">
<span itemprop="ratingValue">10</span> / <span itemprop="bestRating">10</span> stars</div>
</div>    
    </div></li>
     <li data-orbit-slide="headline-7">
    <div>
    <h4>text/h4>
      <p><iframe width="350" height="280" src="//www.youtube.com/embed/URLrel=0" frameborder="0" allowfullscreen></iframe></p></div></li>
</ul>`HTML 

You commented on Joe Ferguson's post about 5 years

I've tried it with an iframe of a YouTube video on a content slider - it does work. But I'm finding I have a bleeding edge to my slides, and I'm not sure this iframe caused it or not.

Edit: Using Foundation 5

Posts Followed

No Content

Following

  • No Content

Followers

  • No Content