FC2 - R1492 - mistake in new simple tabbed positions code

More
12 years 8 months ago #28837 by Rehne
Hi George,

i'm testing the new opportunity with the simple tabbed positions
2 minor issues sneaked into the HTML code ;)

for example in the default Template
intem.php on line 138
Code:
<div class='fctabber' class='".$class."'><!-- tabber start -->
i thought class='".$class."' must be delete
and then either
intem.php on line 277
Code:
</div><!-- tab end -->
must be delete also because there is a closing div too much ;)

as I see it, this applies to all
faq, default, presentation and to category layout

By the way, a question:
why do you use sometime simple quotes
e.g. <div class='fctabber'
instead of double quotes
could it be that this will lead to problems
perhaps in certain browsers ???

And another thing
I am just starting to prepare the standard FlexiContent Templates for HTML5.
I think it would be handy to the user give them a choice in the template settings: HTML mode: xhtml or html5
What do you think?
I would prepare and provide it!


Regards

Please Log in or Create an account to join the conversation.

More
12 years 8 months ago #28853 by ggppdk
mmm, thanks for pointing out the div closing div,

about single quotes there having been quite a few discussions on the topic, they work with HTML and are allow by XHTML standard, of course someone could make a custom browser that will not work with single quotes :D , but since no reason to be single quotes there i ll change this

about the creation of the tabs i think to remove all this TABBING duplicate code and add a loop to create it? or this will limit customization?


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

More
12 years 8 months ago #28881 by Rehne
Hi,

ggppdk wrote: mmm, thanks for pointing out the div closing div,

thanks for the new tab function :)

ggppdk wrote: about single quotes there having been quite a few discussions on the topic, they work with HTML and are allow by XHTML standard, of course someone could make a custom browser that will not work with single quotes :D , but since no reason to be single quotes there i ll change this

ok ...
for me ... it confuses me a bit
e.g. because i think always of PHP when i see single quotes ;)

ggppdk wrote: about the creation of the tabs i think to remove all this TABBING duplicate code and add a loop to create it? or this will limit customization?

mmm ... i'm not sure ... but I do not think
...
+ then there is only one template position for the tabs
where to position the fields that are displayed as tabs ... so more than 6 tabs are possible ... great
-+ BUT how it looks with the titles of tabs ... currently i can give for each tab a custom title (great) ... with the loop creation it will be the field label?! mmm not so good ... or is there a possibility for custom titles too?

good enhancement would be:
1. css3 tabs ... if javascript is not available (or vice versa) ... like this one css-tricks.com/css3-tabs/
2. choice whether to display as tabs or slider or extra position(s) for slider ... (i think the slider is very similar to the tabs)


a question:
why becomes the '#flexicontent .fctabber' in the current implementation the flexicontent.css the width 5000px and not 100%?

Regards

Please Log in or Create an account to join the conversation.

More
12 years 8 months ago #28882 by ggppdk
1. Corrected the new tabbing code in the templates:
- removed extra div closed
- used double quotes (although i still think this is not important for any browser)
- removed the meaningless $class

-- (b) Added one more tab row at about bottom

2. In backend Field position editing:
-- (a) added display of backend as of tabs in a single row to be more intuitive to the user
-- (b) hide groupmarker fields, to avoid confusion

3. Added the new template items-tabbed to create a category view with all items of the current page placed inside TABs

4. Changed the code to tabbing code to use loop


You asked about title label of the tabs when using loop


actually it simple ... just use:
Code:
$tabcount = 12; $tab_titles = array(1=>'mytitle1', 2=>'mytitle2', 3=>'mytitle3', ...);
then in the new code change line: $tabpos_label = ...; , to be:
Code:
$tabpos_label = JText::_($tab_titles[$tc]);
similar things can be done for other customizations e.g.
Code:
if ($tc==3) {} // if third tab then do something

Regards


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

More
12 years 8 months ago #28883 by Rehne
Hi,

1. ... , 2. ... , 3. ... , 4 .... and
You asked about title label of the tabs when using loop ...

great ... solution ... thanks :!:
i will download and test it

what do you think about
good enhancement would be:
1. css3 tabs ... if javascript is not available (or vice versa) ... like this one css-tricks.com/css3-tabs/
2. choice whether to display as tabs or slider or extra position(s) for slider ... (i think the slider is very similar to the tabs)

Regards

Please Log in or Create an account to join the conversation.

More
12 years 8 months ago #28884 by ggppdk
sure, for future update ;)


-- Flexicontent is Free but involves a big effort on our part.
Like the our support? (for a bug-free FC, despite having a long list of functions) Like the features? Like the ongoing development and future commitment to FLEXIcontent?
-- Add your voice to the FLEXIcontent JED listing with a 5-star...

Please Log in or Create an account to join the conversation.

Moderators: vistamediajoomlacornerggppdk
Time to create page: 0.357 seconds
Cookies user preferences
We use cookies to ensure you to get the best experience on our website. If you decline the use of cookies, this website may not function as expected.
Accept all
Decline all
Essential
These cookies are needed to make the website work correctly. You can not disable them.
Display
Accept
Analytics
Tools used to analyze the data to measure the effectiveness of a website and to understand how it works.
Google Analytics
Accept
Decline
Save