Get XOOPS XOOPSXOOPS FAQFAQ ForumsForums NewsNews ThemesThemes ModulesModules
New Posts New Topics All Posts All Forums Index General Modules Themes Development International XOOPS.org

Search


Advanced Search

Donat-O-Meter

Make donations with PayPal!
Stats
Goal: $100.00
Due Date: May 31
Gross Amount: $65.00
Net Balance: $61.80
Left to go: $38.20
Donations
studioC  ($25)May-17
Anonymous ($15)May-16
Anonymous ($25)May-4

Learn XOOPS Core

Click to see original Image in a new window
OOP with XOOPS

XOOPS API
XOOPS Blue Move XOOPS Giftshop XOOPS Blue Move
Share


Local Support

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

2 2.5 2.6 3.0 90 2013 Abuse admin AntiHarvesting AntiMalUser AntiSpam API Beats billige black Blocks blue Captcha capture Casual cell Christmas chronolabs content Conversion Debauchosity demo docek download Dresses editor ELB evden eve facebook floor free games herre Honeypot Human IP jQuery kantor klubovi lamps log logger Marquee mobile module modules Monster MyAlbum-p newbb news newsletter online oxygen PageRank Payment Permissions pink Plugin portal Prevention profile project Protector publisher Rights rmcommon Room sale security Server site Smarty Spam stem Studio support tag tags tdmcreate Theme themes txmod Umfrage upgrade User userlog website Whitepaper WSDL xoops XOOPS2 Xortify XPayment ZendFramework
more...

New Users

Registering user

# 136027

Jinx

Welcome to XOOPS!

Forum Index

Board index » XOOPS Community Support forums » 2.4.x Support » Message icons in newbb under 2.4.2




Bottom   Previous Topic   Next Topic  Register To Post

(1) 2 3 »


#1 Posted on: 2009/12/2 12:36 Message icons in newbb under 2.4.2
I'm not sure if this is the best place to post this, rather than the modules forums. I have just updated my site to 2.4.2. I notice that now the forum icons that appear above the text box when posting a message are arranged vertically rather than horizontally. This is unattractive and a waste of screen space. This seems to be a consequence of the upgrade. Is there a way to either rearrange or eliminate those icons? There must be a way to rearrange them because I notice they are horizontal above this window.

[Edit] OK, it just occurred to me that this might be a theme problem, and it is. If I use a different theme the icons are horizontal. I'll have to look closely at the theme I use as the default (zen-ocean). Of course, if any of you CSS experts out there can quickly see the problem, I'd appreciate your advice.

barryc

Top

barryc
Just can't stay away
Just can't stay away
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 470
(Show More) (Show Less)


#2 Posted on: 2009/12/3 8:36 Re: Message icons in newbb under 2.4.2
same thing happens to me

Top

skyangelo
Just popping in
Just popping in
Joined:
2005/4/9 12:22
From Switzerland & France
Group:
Registered Users
Posts: 79
(Show More) (Show Less)


#3 Posted on: 2009/12/3 10:03 Re: Message icons in newbb under 2.4.2
It is because since 2.4.x these little images were enclosed in a label tag (change in /class/xoopsform/formradio.php).

Your theme includes a CSS rule
display: block;
for label in forms.css

You can remove that rule, which may have other problems on the theme or add
label[name="xolb_icon"] {
display:inline;
}
after that selector.

Top

ghia
Community Support Member
Community Support Member
Joined:
2008/7/3 14:19
From Belgium
Group:
Registered Users
Posts: 4946
(Show More) (Show Less)


#4 Posted on: 2009/12/3 10:07 Re: Message icons in newbb under 2.4.2
Quote:

skyangelo wrote:
same thing happens to me


What theme are you using? As I said above, I am using a slightly modified version of Kris's zen-ocean. You can see the effect by looking at www.aka.org. Just start a post and you'll see it but you'd have to register to do so.

Here is an image showing the effect

Click to see original Image in a new window


I am still trying to figure out why this is happening. Obviously a line feed is being inserted after every radio button and message icon and it must be a problem with the theme CSS. However, so far I haven't been able to find identifiers in the theme corresponding to these elements.

Again, if anyone can point to where the problem might lie, I'd truly appreciate it.

Also, the required caption marker is being inserted for every element in the form. Ghia posted some code recently related to this problem on the XOOPS site. However, I was not sure where to place that code in my theme. Ghia, if you see this?

barryc

Top

barryc
Just can't stay away
Just can't stay away
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 470
(Show More) (Show Less)


#5 Posted on: 2009/12/3 10:32 Re: Message icons in newbb under 2.4.2
Barry, I think you missed my post, while posting yours.

Top

ghia
Community Support Member
Community Support Member
Joined:
2008/7/3 14:19
From Belgium
Group:
Registered Users
Posts: 4946
(Show More) (Show Less)


#6 Posted on: 2009/12/3 10:54 Re: Message icons in newbb under 2.4.2
ghia,

indeed I did. I could see in the page source the label tags but didn't know about the change in 2.4 that caused this effect. I chose your second option, adding the code below the existing label selector and it works fine now. Once again, I am in your debt.

Incidentally, you probably saw my question about the * caption marker appearing for every element in the form. As I said, I saw your post some days ago about this on the XOOPS site. Can you make any comment about it relevant to these forms in bbedit, etc? Where in the CSS would the code you suggested be placed?

barryc

Top

barryc
Just can't stay away
Just can't stay away
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 470
(Show More) (Show Less)


#7 Posted on: 2009/12/3 11:47 Re: Message icons in newbb under 2.4.2
Actually, I had to add some selectors in the CSS for the checkboxes that are at the bottom of the form (use html, etc). So, I added multiple selectors, as below. I am putting these in full as there is at least one other person with the same issue.

label[name="xolb_icon"] {
display:inline;
}
label[name="xolb_dohtml"] {
display:inline;
}
label[name="xolb_dosmiley"] {
display:inline;
}
label[name="xolb_doxcode"] {
display:inline;
}
label[name="xolb_dobr"] {
display:inline;
}
label[name="xolb_attachsig"] {
display:inline;
}
label[name="xolb_notify"] {
display:inline;
}


It might be possible to simplify this by enclosing multiple names after name= but I am not sure of that and couldn't find a reference to it online. Perhaps you would comment, ghia?

I notice that there is a hard space inserted after each line for the checkboxes. It might look better if there were, instead, a space between the checkbox and the line of text that follows.

barryc

Top

barryc
Just can't stay away
Just can't stay away
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 470
(Show More) (Show Less)


#8 Posted on: 2009/12/3 18:57 Re: Message icons in newbb under 2.4.2
Yeah, it would be easier if these things had a class as xoradio, xocheckbox, etc

You can have them all in one line separated by commas as
label[name="xolb_icon"] , llabel[name="xolb_dohtml"], label[name="xolb_dosmiley"], ... {
and maybe
label[name|="xolb"]  {
might also work.

For the caption marker, you can add that everywhere. As long as the CSS file is loaded with the form. For Zen-Ocean maybe forms.css or the general style.css

For the spacing, you could also add some margin with the CSS.

Top

ghia
Community Support Member
Community Support Member
Joined:
2008/7/3 14:19
From Belgium
Group:
Registered Users
Posts: 4946
(Show More) (Show Less)


#9 Posted on: 2009/12/4 11:06 Re: Message icons in newbb under 2.4.2
Quote:

ghia wrote:
and maybe

label[name|="xolb"]  {


might also work.


I tried that option first as it seemed the cleanest, but it did not work. So, I ended up with

label[name="xolb_icon"], [name="xolb_dohtml"], [name="xolb_dosmiley"], [name="xolb_doxcode"], [name="xolb_dobr"], [name="xolb_attachsig"], [name="xolb_attachsig"], [name="xolb_notify"] {
margin-left:                        0.5em;
display:                            inline;
}


At first I had a space between label and [name="xolb_icon]. That does not work. There can be no space there, although there can be between the commas and the next iteration of name. I also added a left margin of 0.5em, as you suggested.

Thanks for the help, ghia. This is neater.

barryc

Top

barryc
Just can't stay away
Just can't stay away
Joined:
2004/3/20 11:17
From Sweet Home, Oregon
Group:
Registered Users
Posts: 470
(Show More) (Show Less)


#10 Posted on: 2009/12/4 14:58 Re: Message icons in newbb under 2.4.2
This is due to WCAG2, this means that people which have sight disability can use XOOPS... Yeah it is a stylesheet change that needs to happen.

label {
   display: inline;
}


Top

wishcraft
Module Developer
Module Developer
Joined:
2007/5/18 15:56
From Dulwich Hill, Sydney, Australia
Group:
Registered Users
Posts: 2044
(Show More) (Show Less)



Board index » XOOPS Community Support forums » 2.4.x Support » Message icons in newbb under 2.4.2

Top   Previous Topic   Next Topic
(1) 2 3 »

  Register To Post


You can view topic.
You cannot start a new topic.
You cannot reply to posts.
You cannot edit your posts.
You cannot delete your posts.
You cannot add new polls.
You cannot vote in polls.
You cannot attach files to posts.
You cannot post without approval.
You cannot use topic type.
You cannot use HTML syntax.
You cannot use signature.

[Advanced Search]