Databases
StackOverflow2013
Postsdbo
PO
 

Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I know you said you have already tried to style them via css and it didnt work? But in theorie it should work. I think you should try again.</p> <p>Sample:</p> <pre><code>#pager a{ display:block; background:url(pagerBg.png) no-repeat; } #pager a.activeSlide{ background:url(activePagerBg.png) no-repeat; } </code></pre> <p>This works on my localhost. Ideally you can use the page anchor builder to hide the numbers:</p> <pre><code>pagerAnchorBuilder: function(idx, el) { return '&lt;a href="#"&gt;&lt;/a&gt;'; } </code></pre> <p>I hope this helps!</p> <p><strong>EDIT:</strong></p> <p>First of all. Here is a demo on how it should work: <a href="http://jsfiddle.net/Lywtt/1/" rel="nofollow">http://jsfiddle.net/Lywtt/1/</a></p> <p>Now, you should try following:</p> <p>-remove the anchor builder completly<br></p> <p>Once you remove the anchorbuilder you do see simple links with the number of slides, right? Like "123" <br><br><br> -Next thing we want to do is to style this links, so add the following in your css:</p> <pre><code>#pager{ width:200px; margin-top:5px; border:1px solid blue; text-align:center; } #pager a{ display:inline-block; width:20px; margin-left:5px; background:green; } #pager a.activeSlide{ background:yellow; } </code></pre> <p>Obviously, most of the styles above are just for demo purpose and can be removed once everything works as you wish.</p> <p>This must work in theory, however if it still doesnt work, than relink your updated site (without the anchor builder and with the new styles) and we can check it again.</p> <p><strong>Edit 2:</strong></p> <p>Good to hear it works! Now using images instead of the green and yellow (for active slides) blocks, is quite easy. Lets start with a demo again: <a href="http://jsfiddle.net/Lywtt/2/" rel="nofollow">http://jsfiddle.net/Lywtt/2/</a></p> <p>What we need to do is following:</p> <p>Simply replace the css with something like this:</p> <pre><code>#pager a{ display:inline-block; width: 20px; /* width of the image */ height: 20px; /* height of the image */ margin-right:5px; /* space between the images */ background:url(pagerBg.png) no-repeat; } #pager a:last-child{ margin-right:0; /* we need no space after the last pager link */ } #pager a.activeSlide{ background:url(activePagerBg.png) no-repeat; } </code></pre> <p>As you can see, we simply replace <code>background:green;</code> and <code>background:yellow;</code> with the corresponding images. Of course you will have to adjust the links of the images to match your site structure.</p> <p>You should now see the numbers with the images as background instead of green and yellow backgrounds.</p> <p>As a final step, we want to remove this numbers. To do so, we have to insert a simple anchorBuilder in our script again:</p> <pre><code>pagerAnchorBuilder: function(idx, el) { return '&lt;a href="#" title="Slides"&gt;&lt;/a&gt;'; } </code></pre> <p>You see we insert a simple anchorBuilder to display empty links (no numbers).</p> <p>Now you should be able to see the images only without numbers.</p> <p>If i didnt make a typo or another mistake, everything should work fine now. If not, dont hesitate to say so!</p> <p>Regards!</p>
    singulars
    1. This table or related slice is empty.
    1. POJquery Cycle - how to use circle for pager?
      singulars
      1. PTQuestion
    1. PTAnswer
    1. USOskar
    1. USOskar
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. POJquery Cycle - how to use circle for pager?
      singulars
      1. PTQuestion
    1. This table or related slice is empty.
    1. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTAcceptedByOriginator
    2. VO
      singulars
      1. PO
      1. This table or related slice is empty.
      1. VTUpMod
    1. COThanks Andrej, what you put makes perfect sense to me but whatever I try, the nav doesn't show up! I think I've reached that point where I just have to move on! Thanks
      singulars
      1. PO
      1. USonjegolders
    2. COWell you could also post a link to the site in question, so we can inspect it with Firebug or a similar tool. Probably the error is somewhere else and not directly related to the cycle plugin. Its hard to guess by just seeing the javascript (which doesnt contain an error from what I can tell).
      singulars
      1. PO
      1. USOskar
    3. COThanks Andrej, here's a temporary link [link](http://onjegolders.com/bold/index.html)
      singulars
      1. PO
      1. USonjegolders
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload