Textpattern CMS support forum
You are not logged in. Register | Login | Help
- Topics: Active | Unanswered
List styling trouble
How i can do this one:
• Milk • Milk
• Milk • Milk
• Milk • Milk
• Milk • Milk
how to make that list would automatically goes to the second column after the first column, for example, collected a 5 lines?
Maybe with adi_cat_menu ?
<txp:txp_me />
Offline
Re: List styling trouble
you can use adi_calc to count rows and with <txp:if_variable name="counter" value="5"> insert required html to start new column.
Providing help in hacking ATM! Come to courses and don’t forget to bring us notebook and hammer! What for notebook? What a kind of hacker you are without notebok?
Offline
Re: List styling trouble
can you show an some example with my trouble, I can’t do that.
<txp:txp_me />
Offline
Re: List styling trouble
heey )
<txp:txp_me />
Offline
Re: List styling trouble
guys help pls. show me some examples how i can use this plugin with tag if_variable.
<txp:txp_me />
Offline
Re: List styling trouble
Try using this jQuery plug-in:
jQuery List Splitter
Can it solve your problem?
Offline
Re: List styling trouble
i dont know why, but it’s fully don’t work. i do all right, but don’t work…
<txp:txp_me />
Offline
Re: List styling trouble
could you paste your code somewhere? e.g. at pastie.org
TXPDream – A Textpattern Tag Library for Adobe Dreamweaver. (updated for 4.2.0) | jdw_if_ajax – Only serve certain parts of a page when requested with AJAX
Offline
Re: List styling trouble
http://pastie.org/1015009
list at <ul class=“lists”>
<li><a href=”#”>Milk</a></li>
<li><a href=”#”>Eggs</a></li>
<li><a href=”#”>Cheese</a></li>
<li><a href=”#”>Vegetables</a></li>
</ul>
<txp:txp_me />
Offline
Re: List styling trouble
You’re executing the jquery in the header before the DOM has loaded. Either you need to move your script to just before the closing </body> tag. Or you need to use the following code: (notice $(document).ready())
<script type="text/javascript">
$(document).ready(function() {
$('ul.lists').easyListSplitter({
colNumber: 3,
direction: 'horizontal'
});
});
</script>TXPDream – A Textpattern Tag Library for Adobe Dreamweaver. (updated for 4.2.0) | jdw_if_ajax – Only serve certain parts of a page when requested with AJAX
Offline
Re: List styling trouble
jquery now work, but i can setup plugin right.
it’s splitting, but not same as i want.
it’s splitting down, i need splitting to right.
<txp:txp_me />
Offline
Re: List styling trouble
I guess you need to take out direction: 'horizontal' so that it splits vertically.
<script type="text/javascript">
$(document).ready(function() {
$('ul.lists').easyListSplitter({
colNumber: 3
});
});
</script>If that doesn’t do it, look with firebug to see the CSS rules that are in effect.
Last edited by JanDW (2010-06-24 02:24:37)
TXPDream – A Textpattern Tag Library for Adobe Dreamweaver. (updated for 4.2.0) | jdw_if_ajax – Only serve certain parts of a page when requested with AJAX
Offline