Fork me on GitHub
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

Nominate XOOPS!

Learn XOOPS Core

Donat-O-Meter

Make donations with PayPal!
Stats
Goal: $100.00
Due Date: Aug 31
Gross Amount: $25.00
Net Balance: $23.97
Left to go: $76.03

Donations
Anonymous ($25)Aug-11

Local Support

Advertisement

XOOPS Code hosted on SourceForge

Cumulus Tag Cloud

- 2 2.5 2.6 4 6 Abuse adslight Android AntiHarvesting AntiSpam API Apple Battlefield billige Blocks Bootstrap Captcha cell cent chronolabs CHUNG Clicks content CĂN demo download Dresses evden facebook Fat floor for free Gateway Google Guide herre Home Honeypot HP html5 Human HỘ iPhone jQuery Language List log Loss module modules Monster new newbb news NHÀ online PARK Payment phone PHP Prevention profile project Protector publisher RESIDENCE responsive review Rights rmcommon Room security Sentry site Smartphone Smarty Smoking Spam stem Studio support tag tags tdmcreate template The Theme themes User userlog web weight xoops Xortify XPayment ZendFramework

New Users

Registering user

# 137681

JamesHavey

Welcome to XOOPS!




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: 480
(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
displayblock;
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

Resized Image


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: 480
(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: 480
(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: 480
(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: 480
(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 {
   
displayinline;
}


Top

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




(1) 2 3 »



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]