 |
Djulia
User
May 9, 2008, 2:20 AM
Post #1 of 7
(1137 views)
Shortcut
|
|
Field Type > separator
|
Can't Post
|
|
Dave,
The new presentation (Tab option) is formidable in CMS Builder v1.15 !
Section Editors > Admin Tab: | General | Viewer Urls | Searching | Sorting | Advanced |
It would be possible to use an identical separator (Field Type > separator) for the sections ?
Or perhaps an option like Accordion v2.0 ?
http://www.stickmanlabs.com/accordion/
The sections are sometimes very large...
Thanks for the feedback ?
Djulia
(This post was edited by Djulia on May 9, 2008, 3:22 AM)
|
|
Attachments:
|
option.gif
(6.04 KB)
|
|
| |
|
Dave
Staff
/ Moderator
May 9, 2008, 8:31 AM
Post #2 of 7
(1119 views)
Shortcut
|
|
Re: [Djulia] Field Type > separator
[In reply to]
|
Can't Post
|
|
Hi Djulia,
Do you mean the section menu at the top of every page? Or the section editors themselves so you could choose with "tab" fields would display on in the editor itself? Or something else?
Dave Edis - Senior Developer
interactivetools.com
|
|
| |
|
Djulia
User
May 9, 2008, 10:51 AM
Post #3 of 7
(1113 views)
Shortcut
|
|
Re: [Dave] Field Type > separator
[In reply to]
|
Can't Post
|
|
Hi Dave,
It would be for the separators which are used to separate the fields in the editor of page.
Thus, it would be easier to work with the page where there are several fields.
In the example (separator.gif), the separators Content, Gallery and Advanced Options.
Thanks,
Djulia
(This post was edited by Djulia on May 9, 2008, 10:55 AM)
|
|
Attachments:
|
separator.gif
(21.2 KB)
|
|
| |
|
Dave
Staff
/ Moderator
May 10, 2008, 2:24 PM
Post #4 of 7
(1093 views)
Shortcut
|
|
Re: [Djulia] Field Type > separator
[In reply to]
|
Can't Post
|
|
Hi Djulia,
Ok, I understand. I think that might be possible if you used a separator field with "Separator Type" of "HTML" and put the right code on there.
If you saved a copy of the editor page and figured out how to do it in plain html first it would be easier. The edit fields are in a table and you'd probably need to end and start the table and put divs around it. With separator html something like this:
</table>
</div>
<div class="accordian">
<table border="0" cellspacing="1" cellpadding="1" width="100%">
And you'd need a few of them so certain fields groups were surrounded by a div.
I've never done it myself but I've seen others do it so I know it's possible. If you can figure it out in a plain html file first (save a copy of the edit form and work with that as plain html) then you can figure out what to add to make it work through separator html fields.
Hope that helps!
Dave Edis - Senior Developer
interactivetools.com
|
|
| |
|
Djulia
User
May 11, 2008, 4:48 PM
Post #5 of 7
(1081 views)
Shortcut
|
|
Re: [Dave] Field Type > separator
[In reply to]
|
Can't Post
|
|
Hi Dave,
Thank you for your answer.
Finally, I used another accordion compatible with jquery.js :
http://www.webdesignerwall.com/tutorials/jquery-tutorials-for-designers/
That functions correctly (accordion.gif). 
There are just minor problems with Firefox (iframe.gif).
(I think that it is with the iframe and that it would be possible to correct with the css).
Thanks,
Djulia
P.s. : I do not know if one is authorized to communicate the code of the admin files on the forum. Also, if somebody wants the code, it can ask me.
(This post was edited by Djulia on May 11, 2008, 5:45 PM)
|
|
Attachments:
|
accordion.gif
(9.21 KB)
|
|
|
iframe.gif
(14.9 KB)
|
|
| |
|
Djulia
User
May 12, 2008, 1:26 AM
Post #6 of 7
(984 views)
Shortcut
|
|
Re: [Dave] Field Type > separator
[In reply to]
|
Can't Post
|
|
1) To add in "/CMS/lib/menus/header.php"
<link rel="stylesheet" href="css/accordion.css" type="text/css" media="screen" />
2) To download "arrow-square.gif" and "accordion.css" in "css/"
3) To add in "/CMS/lib/menus/default/edit.php"
line 23:
<script language="JavaScript" type="text/javascript">
/*<![CDATA[*/
$(document).ready(function(){
$(".accordion h3:first").addClass("active");
$(".accordion blockquote:not(:first)").hide();
$(".accordion h3").click(function(){
$(this).next("blockquote").slideToggle("slow")
.siblings("blockquote:visible").slideUp("slow");
$(this).toggleClass("active");
$(this).siblings("h3").removeClass("active");
});
});
/*]]>*/
</script>
line 61:
<div class="accordion">
line 70:
</blockquote>
line 83:
</div> :
4) Add Separator Type HTML
separator 1:
</table>
<h3>Element for metadata</h3>
<blockquote>
<table border="0" cellspacing="1" cellpadding="1" width="100%">
separator 2:
</table>
</blockquote>
<h3>Content and Gallery</h3>
<blockquote>
<table border="0" cellspacing="1" cellpadding="1" width="100%">
separator 3:
</table>
</blockquote>
<h3>Other data</h3>
<blockquote>
<table border="0" cellspacing="1" cellpadding="1" width="100%">
(...)
(This post was edited by Djulia on May 12, 2008, 1:51 AM)
|
|
Attachments:
|
arrow-square.gif
(0.80 KB)
|
|
|
accordion.css
(0.57 KB)
|
|
| |
|
Dave
Staff
/ Moderator
May 12, 2008, 1:20 PM
Post #7 of 7
(888 views)
Shortcut
|
|
Re: [Djulia] Field Type > separator
[In reply to]
|
Can't Post
|
|
Great, thanks for sharing your code! :)
Dave Edis - Senior Developer
interactivetools.com
|
|
| |
|
