How do I add elements beside the Discussion Title (not below it)? It can be anything - text, link, etc. I am actually thinking of putting the Front Page Discussions Pagination plugin beside the Discussion Title, instead of below it.
The title anchor is display: block via css. You can change it back to display: inline in your theme and then whatever you echo in the AfterDiscussionTitle event will show up beside it.
The 'Fleet Rules' and 'Fleet Officers' titles do have the < DIV > element with the class .Title This is the code in the .css file, according to FireBug: .DataList .Title {
display: block;
font-size: 14px;
font-weight: bold;
margin: 0;
}
The 'display' is set to 'block' and I don't know if inside that block you can add another < DIV > element (@427 will know)
UnderDog
The 'Fleet Rules' and 'Fleet Officers' titles do have the < DIV > element with the class .Title This is the code in the .css file, according to FireBug: .DataList .Title {
display: block;
font-size: 14px;
font-weight: bold;
margin: 0;
}
The 'display' is set to 'block' and I don't know if inside that block you can add another < DIV > element (@427 will know)
Yes, I've seen that code. The pagination plugin uses < span > after the discussion title < div > but since the < div > uses display:block, the < span > is forced below the < div >. Setting the < div > to display: inline doesn't fix it.
tonex said:
I need the pagination / page navigation right after the discussion title and not at a static location on the right side.
Oh, for crying out loud! @tonex you need to find out a little bit more yourself, man. Now you're just sitting here with your hands in the air, telling what you need, you need to show a little more effort.
Your spans have absolute positioning, that's 1. peregrine said that you also needed to put the title in a span (that's 2). Now what you need to do is to figure out how you can place both spans in such a way that you like it (50% / 50% ? ).
tonex said:
I need the pagination / page navigation right after the discussion title and not at a static location on the right side.
Oh, for crying out loud! @tonex you need to find out a little bit more yourself, man. Now you're just sitting here with your hands in the air, telling what you need, you need to show a little more effort.
Of course I try find out a little bit on my own. That's why I managed a hack. I am telling this here while I find the solution myself. I know how this process works. The position: absolute is the hack.
I don't know how you figured I am raising my hands in the air.
Also, I am thinking of what peregrine is saying. I am always studying my options. I am trying to find a way to not touch the view as much as possible, just the CSS and perhaps modifying the plugin so that it uses the proper events.
It turns out Todd and Underdog are correct. I was taking a hard look at display: inline all this time but was not sure which selector was responsible.
I thought .DataList .ItemContent was it but as Todd and Underdog pointed out, .DataList a.Title is the right selector.
The only (minor) problem is, by setting display: inline, the discussion title (if very long) flows to the right side overlapping the "options" FlyOut Menu but I can live with that. (Or perhaps that's another issue to tackle.)
tonex said:
It floats over the title. I just didn't know if there's such a word as underlap. Like, the title underlaps the flyout menu. :P
I meant, yeah I know about z-index but I don't need to touch this issue right now because the flyout menu actually overlaps the discussion title (not the other way around).
So, no need to edit anything for now. I consider this issue answered and fixed. : )
Answers
Can you post mockup image of what you are after?
422 Real Estate Australia , now open Check it out
- Spam
- Abuse
- Troll
1 • Off Topic 1Insightful Awesome LOL •Like this..
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •Use css. But what kind of elements, you seem to have a specific theme and a wooly question lol.
422 Real Estate Australia , now open Check it out
- Spam
- Abuse
- Troll
1 • Off Topic 1Insightful Awesome LOL •The 'Fleet Rules' and 'Fleet Officers' titles do have the < DIV > element with the class .Title This is the code in the .css file, according to FireBug: .DataList .Title { display: block; font-size: 14px; font-weight: bold; margin: 0; }
The 'display' is set to 'block' and I don't know if inside that block you can add another < DIV > element (@427 will know)
What to do if I get a Bonk Error?
Vanilla Wiki : Join and help edit our Wiki! | View all Vanilla issues on GitHub | Report a new Vanilla issue on GitHub
Deploying a new Forum and adding a Theme | Give thanks to the Vanilla Developers!
- Spam
- Abuse
- Troll
3 • Off Topic Insightful Awesome 3LOL •if @427 doesn't know his older brother @429 should know (just furthering Sheila's joke posted somewhere else.)
factoid: Most questions have been previously answered, try the search box first, please provide your Vanilla version Number!
Peregrine's Addons - donations gladly accepted for "successful solutions" and addons - kind of like tipping a waiter at a restaurant
- Spam
- Abuse
- Troll
3 • Off Topic Insightful Awesome 3LOL •Yes, I've seen that code. The pagination plugin uses < span > after the discussion title < div > but since the < div > uses display:block, the < span > is forced below the < div >. Setting the < div > to display: inline doesn't fix it.
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •wrap them both in a span.
factoid: Most questions have been previously answered, try the search box first, please provide your Vanilla version Number!
Peregrine's Addons - donations gladly accepted for "successful solutions" and addons - kind of like tipping a waiter at a restaurant
- Spam
- Abuse
- Troll
1 • Off Topic Insightful 1Awesome LOL •post a link to your site.
try modifying helper_functions.php
<?php echo Anchor($DiscussionName, $DiscussionUrl, 'Title'); ?> <?php $Sender->FireEvent('AfterDiscussionTitle'); ?>depending on how you added paging fire it off with AfterDiscussionTitle or append it.
factoid: Most questions have been previously answered, try the search box first, please provide your Vanilla version Number!
Peregrine's Addons - donations gladly accepted for "successful solutions" and addons - kind of like tipping a waiter at a restaurant
- Spam
- Abuse
- Troll
1 • Off Topic 1Insightful Awesome LOL •http://www.supremofleet.org/
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •so what's the problem.
factoid: Most questions have been previously answered, try the search box first, please provide your Vanilla version Number!
Peregrine's Addons - donations gladly accepted for "successful solutions" and addons - kind of like tipping a waiter at a restaurant
- Spam
- Abuse
- Troll
1 • Off Topic 1Insightful Awesome LOL •That's a hack. I need the pagination / page navigation right after the discussion title and not at a static location on the right side.
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •Oh, for crying out loud! @tonex you need to find out a little bit more yourself, man. Now you're just sitting here with your hands in the air, telling what you need, you need to show a little more effort.
Your spans have absolute positioning, that's 1. peregrine said that you also needed to put the title in a span (that's 2). Now what you need to do is to figure out how you can place both spans in such a way that you like it (50% / 50% ? ).
Say what you think you need to do.
Try it and see what happens.
Use FireFox.
Use the FireBug plugin of FireFox.
What to do if I get a Bonk Error?
Vanilla Wiki : Join and help edit our Wiki! | View all Vanilla issues on GitHub | Report a new Vanilla issue on GitHub
Deploying a new Forum and adding a Theme | Give thanks to the Vanilla Developers!
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •Of course I try find out a little bit on my own. That's why I managed a hack. I am telling this here while I find the solution myself. I know how this process works. The position: absolute is the hack.
I don't know how you figured I am raising my hands in the air.
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •Also, I am thinking of what peregrine is saying. I am always studying my options. I am trying to find a way to not touch the view as much as possible, just the CSS and perhaps modifying the plugin so that it uses the proper events.
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •I already stated above that it doesn't work. It just messes up the discussion list... but I'll take a look at it again.
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •Hold that thought... I fixed it... but I'm about to go mobile. I'll explain it later.
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •It turns out Todd and Underdog are correct. I was taking a hard look at
display: inlineall this time but was not sure which selector was responsible.I thought
.DataList .ItemContentwas it but as Todd and Underdog pointed out,.DataList a.Titleis the right selector.The only (minor) problem is, by setting
display: inline, the discussion title (if very long) flows to the right side overlapping the "options" FlyOut Menu but I can live with that. (Or perhaps that's another issue to tackle.)- Spam
- Abuse
- Troll
1 • Off Topic 1Insightful Awesome LOL •couldn't you assign a higher z-index to the Flyout menu so it floats over the title instead of the other way around if that is what you want.
factoid: Most questions have been previously answered, try the search box first, please provide your Vanilla version Number!
Peregrine's Addons - donations gladly accepted for "successful solutions" and addons - kind of like tipping a waiter at a restaurant
- Spam
- Abuse
- Troll
1 • Off Topic 1Insightful Awesome LOL •It floats over the title. I just didn't know if there's such a word as underlap. Like, the title underlaps the flyout menu. :P
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •Z INDEX it has already been explained, a lower z index is displayed behind a higher z index value.
422 Real Estate Australia , now open Check it out
- Spam
- Abuse
- Troll
1 • Off Topic 1Insightful Awesome LOL •I meant, yeah I know about z-index but I don't need to touch this issue right now because the flyout menu actually overlaps the discussion title (not the other way around).
So, no need to edit anything for now. I consider this issue answered and fixed. : )
- Spam
- Abuse
- Troll
0 • Off Topic Insightful Awesome LOL •Stackorder refer to in front of and behind.
So z-index:10 is in front of z-index:9 etc
422 Real Estate Australia , now open Check it out
- Spam
- Abuse
- Troll
1 • Off Topic 1Insightful Awesome LOL •