TABBED Template in OR 2.3.1

[ebmarques]

Mainly: Ryan, Mick and PBFlash... CONGRATULATIONS!!! And thanks!

I believe OR will have a great push with the TABBED template.
There will be no "XYZ", "HP", "Bits&Kbytes" or whatever name... :)
If I'm right and I believe I am, be prepared to a significant increase of users that will come.
More: I hope to see template makers using it and making great looking OR sites!

If OR already was the best, now is better!
Congrats!

Eduardo.

[pbflash]

Eduardo,

The listing view was just a start. I set it up to make sure it would work. I'm in the process of incorporating it into the admin screen.

[ebmarques]

I'm in the process of incorporating it into the admin screen.

W O W ! ! ! ;)

[Mick]

This one is all thanks to Paul... Ryan and I have been busy and Paul has been working overtime on OR features

[CanariasData]

Hmmm...Eduardo could you tell me where to find a tabbed template?? I downloaded the last version 2.3.1 yesterday and installed it on my localhost but I cant see any difference to the last versions @ all :confused:

Where would I go to see the tabbed template??

Thanks Eduardo (and Paul ;) )


Regards,
Gregor

[alsmith]

I found it in the vertical-menu folder and cms_integration folders: listing_detail_tabbed.html

Note; use the vtour_nopopup.html if you want to have the vtour show in the same window.

Pretty cool I think.

[CanariasData]

Hmmm again.... seems to be pretty new as it is not part of the version I downloaded yesterday. Will download again and see what happens.

Thanks Albert

5 mins later....EDIT: OK, downloaded again and this tabbed templates are NOT part of the official template file (anymore?) :(

Where do I find this template please???

[ebmarques]

Sorry!!! My fault... I should say the exact version.
It is v.2.3.1 but from SVN. So you need to get the latest from SVN.
BTW... Another great new: The general info section (admin section) is now all css (no tables)! :)

Eduardo.

[ebmarques]

Site Config at OR v.2.3.1 SVN revision 1522 is...

F A N T A S T I C ! ! !

Please, make it a new 2.3.2 version! Everybody must have it...
Congrats!!!
Eduardo.

[smallfri]

Any where we can get a sneak peak, the only OR I have running is a live site and I don't want to play with it?

Thanks,

Russell

[Mick]

actually it may end up being a new 2.4 version with all the new stuff that's being added \

Of course, we're running out of version numbers fast before we get to 3.0 so we may keep it at 2.3.2. Regardless we're still a few weeks before a new release as we need to bug test things before we can do a release.

[alsmith]

Just updated the SVN, I had talked to pbflash last night and got to preview it and low and behold it is in the latest download,

Got to LOVE it!

[DataCom]

Hi,
I downloaded the latest SVN 1525 and uploaded the tabbed template to my site. I was able to choose the tabbed template in site configuration however I don't see the tabs on the site. I am using the current 2.3.1 not the svn version. Can the tabbed template be used with the current 2.3.1 release or do I need to change some files?


Thanks,
DataCom

[Mick]

no it has some core file changes as well

[DataCom]

Ok
Thanks for info Mick.



DataCom

[jared]

Hello Paul;

For what its worth! IF you are planning to do a tabbed interface for the admin area of Open-Realty that you consider the following;

I've done a tabbed interface way back when it was OR 2.0.5 as I mentioned somewhere else in these forums with no interest at all so I scrapped the idea. The tool I used was a FREE for NON commercial distribution tool called the ZenuTech PHP Tab Menu (http://www.zenutech.com/software/scripts/)system and it would requre a core modification.

The beauty of this system is that its rendered at the core, its easy to understand, and can be FREELY distributed with Open-Realty since it too is open-source and non commercial. This allows for Dynamic Tabs and Dynamic content in the tabs including "EXTERNAL APPLICATIONS" like the Cute News (SQL version) integration we did with our modified version of OR.

Now you may think a core mod as a bad thing but why not consider it a core feature instead. I mean the reason I did it for the admin area way back many moons ago was, at that time, I had started to add the "Submit" button under each section so you did not have to scroll to the bottom of the page when working with the Site Configuration area of the Admin Panel. Then I realized that this was pretty simple modification, why not just see about making each section tabbed. A CSS method I used completely failed in IE and looked ok in Firefox. So after a google search I found the PHP version of a tabbed interface. I've used it many times on other things and its EASY to change the look and feel of the tabs.


Just a friendly FYI


Jared

[pbflash]

Jared,

The tabbed site config interface is already included in SVN. It uses the webfx tabpane script which is also free/open source. This is the same system used in Joomla.

It was really easy to setup and the look can be easily changed through css. It was incorporated into controlpanel.inc.php and a call to the js file was also added to both of OR's load js functions.

I'll take a look at script you suggested and see if I see any advantage to changing anything.

[jared]

Clever Paul;

I had considered the same tab element in the past for OR but opted not to go further because of JavaScript. Granted JS isn't a bad thing when used in moderation I had just thought the opportunity to use a PHP solution was too good to pass up which was my motive.

I'll dig out the old 2.0.5 hack we did to show you what I've worked up if you want. Look forward to see where things go in the navigation pane.

Best regards

Jared

[pbflash]

I just looked at the script you suggested. It looks like the tabs are actually seperate pages. This would not work on the site config as that is a form and requires all the fields to be submitted.

Using the webfx system I can have the entire site config form on the page and have it seperated into different tabs. See the attached screen shots to see what I mean.

All the form fields are present on the page. The sections are just hidden from view depending on what tab is selected. You can hit the 'Save Changes' button on any screen and all changes are submitted.

[jared]

I just looked at the script you suggested. It looks like the tabs are actually seperate pages. This would not work on the site config as that is a form and requires all the fields to be submitted.



I guess I dont understand... the pages are little different from the old version of OR and the menu setup can be set to be dynamic. None the less, the method you are employing is certainly clever.

My goal in what we did was to really make OR function a bit more like a CMS by allowing other applications to be administered and run from the admin interface.

I'll send you a PM on something you may want to see.

Jared

[pbflash]

I am not talking about the entire admin screen. I'm only talking about the site configuration page. That page is a form and the entire from must be present on the page in order to sbmit and update the site config.


My goal in what we did was to really make OR function a bit more like a CMS by allowing other applications to be administered and run from the admin interface.

I understand what you are looking to do and it can be done using the addon system. I have integrated a few different apps into the OR admin screen using the addon system. With some minor changes to the OR admin template, the addons can look like they 'belong' there. I don't think there will be any changes to that aspect of OR but I could be wrong.

[jared]

I am not talking about the entire admin screen. I'm only talking about the site configuration page. That page is a form and the entire from must be present on the page in order to sbmit and update the site config.


Yes, and that I understand, I simply took that page and put the "Save Changes" button below each section. Later I used a core hack and some <div> tags and used a CSS tab set with ugly results as I mentioned above.

Jared

[JohnSanders]

Hi guys, I was just wondering... is the SVN version stable enough for use on a production site? I believe there are no drastic changes to core files that might cause any issues. So my guess would be yes... just looking for some confirmation. TIA.

[Mick]

Official answer is - NO do not use SVN on a developement site.. it's unstable and untested

If you know what you're doing though it's probably safe enough in it's current build.. however the reason for the official disclaimer is that at any time we may make a commit that breaks something that you need.. and if you get that build then it is messed up. That's why you should have some idea what you're doing to roll back to previous revisions or versions.

[JohnSanders]

Thanks Mick. I was mainly interested in the tabbed interface, but it's probably safer to develop an add on for this.

[jared]

John as Mick said, there is already a tabbed interface for the admin area. Are you wanted one for the main template?


Jared

[DataCom]

Jarred:
A tabbed Template sounds cool.
Do you have one you would be interested in sharing?


DataCom

[jared]

I have a few I've done for Dreamweaver sites. Do you guys want a tabbed template for Open-Realty. If so I'll quickly assemble one for ya. I just need to know a few design parameters.

A ) What do you want tabbed? (the general navigation or something inline for instance)
B ) Do you care if there are pseudo tabs anywhere?
C ) I'll do it stock 2.3.1 format if thats OK....

Let me know..



Jared

[JohnSanders]

2 jared: Sorry for the late response. Been busy. :)

I am particularly interested in a tabbed interface for showing the listing details. Do you already have this as an add on?

[pbflash]

A tabbed interface for the listings is already available is SVN.

[jared]

Well John, I'm not sure what SVN PBFlash is referring to but a tabbed template isn't difficult. Tabbed listings however could be and if pbflash has a solution I'd wait to see what they came up with. I know Mick and Paul, have been working on updates rather steadily.


Jared

[pbflash]

Read the OR documentation about using SVN. A tabbed interface for listing details is setup (and available in SVN) and can be seen here:

http://www.svn.tqwebservices.com/index.php?action=listingview&listingID=1

[pbflash]

A similar tabbed interface is also setup for the site config page in admin. See screen shots in earlier post.

[alsmith]

Paul,
Do you have any plans to place the tabbed interface into the listings editor?

Listing - Features - Images - Vtours

something like that...

I really like the feature you did in the config area and thought a great enhancement might be some additions in the admin.

[pbflash]

Al,

I plan on looking into incorporating this in other areas as I have the time.

[alsmith]

It certainly is a great feature and I believe the listings editor would be a great enhancement.

Thanks

[awddesign]

Read the OR documentation about using SVN. A tabbed interface for listing details is setup (and available in SVN) and can be seen here:

http://www.svn.tqwebservices.com/index.php?action=listingview&listingID=1
Hi

This is looking very cool :) just a question.

will the tab be removed if thier are say no Vtours like this:

Example Listing: with vTours
Listing Details - Images - Slideshow -Agent Info -Virtual Tours


Example Listing: with No vTours
Listing Details - Images - Slideshow -Agent Info

same may be for images as well


regards
Albert

[alsmith]

I tested on my local server and do see the tab for Virtual Tours and do not have a tour uploaded for the listing. You will see this in the default listing that comes with OR.

[Mick]

not sure how we're going to handle no vtours.. right now it does still need to be addressed... also the EGG Solution support doesn't work on the tabbed template yet either.

[alsmith]

I've tried a few options to see if I could use PHP in the template file surrounding the tab div and have not been sucessful.

My thought was if {show_vtour} (or something like that) then show the <div

May take an addon to get this working.

[Mick]

no need for an addon... we're going to make a solution before a release is done

[jared]

Mick, Paul, this is truly clever work. I had a chance to finally look at it in depth late last night and you did a good job on this one.

~ Jared

[geenzelf]

Love you guys. Few months ago I was asking for this and got an answer that it could be done with an addon.

What you're currently are doing is better than expected by me so far.

Great work guys.

[RealEstate]

Fellas,

Is the tabbed template for the front end available somewhere for
download? Or fee?

I THINK IS AWSOME!

[pbflash]

It is available in SVN right now and should be included in the next release.

[Torgen]

Do we have a ballpark release timeframe for the tabbed functions? I've given up trying to build a template from scratch, and will be buying a template for my personal real estate site, and probably putting my two cents in on the new, more upscale site for the company once the name change goes through.

[awddesign]

Hi Mick

Great work on this one, I have seen it and when intergrated into admin
just great....

Alsmith:

would this not work the same way like vtours on normal page.

regards
Albert



no need for an addon... we're going to make a solution before a release is done

[RealEstate]

The virtual tour vtour tab tabbed is not available yet?

Will it be avaialbe for the next release?

Any timeframe for the next release?

[pbflash]

The vtour tab works for jpg vtours. From what mick said, it doesn't seem to work with the egg solution. I haven't had a chance to check that out as I don't have any egg files.

[Mick]

I've got it working mostly with the egg tours right now.. still need to clean up a few things. Also need to come up with something for when there is no tour for a listing... the tab will still try to load a vtour even if none exist right now

[pbflash]

I'll see what I can do on the second part. Maybe I can add a block tag to wrap around the vtour tab.

[brandy1j]

Can someone please posta link to the download of 2.3.1? Or whatever the latest version is with the tabs..
thanks

[alsmith]

I believe it is only available using SVN.

[Mick]

Yes it's still available only in SVN. And keep in mind there are still some minor issues with it that we need to sort out, which is why there's not a new version released already.

I have a long weekend this week and will get with Paul and sort those issues out and get a release out this weekend (Sun-Wed for me)

[ebmarques]

will get with Paul and sort those issues out and get a release out this weekend (Sun-Wed for me)

Needing help, just call!!! ;)
Great news and good work!

Eduardo

[CanariasData]

Hi Mick & Paul,

If you need egg files for testing, let me know and I'll send them over.

[pbflash]

I think Mick cleared up the egg problem but if you could email me one, I'll do some testing on my end. I haven't even had a chance to look at this.

[RealEstate]

Will the system only take an egg shot?

The ideal solution would be to use Ptviewer and allow any type of jpeg to play.

[pbflash]

The system will be the same as the current OR system. Either egg's or jpg's. There were some problems with the egg solution working in the tabs but I think mick fixed that. I'm not sure as I don't have any egg's to test.

[Mick]

EGG solution tours should be fixed and working now with the tabs.

Paul, I'll send you some EGG samples as well as the EGG applet this weekend so you have it for future testing.

[CanariasData]

Sorry Paul, I forgot to subscribe to this thread so I missed your post and question to send you an egg pic. If Mick hasn't sent you one yet, I would be happy to do so.

Subsribed now!

[pbflash]

Mick sent me some but thanks.

[geenzelf]

I know I'm already far ahead :D , but I have a question about the latest cvs tabbed version.

How can I add an extra tab to the 4 current tabs?

I looked in Listing_detail_tabbed.html and thought in the most simple way --> Just make another name in the same layout as the Titles of the current tabs. Nope won't work. So I was thinking too simple(getting spoiled with your unique easy template system).:)

I'm affraid that I have to digg into the code....

Can someone tell me more?

If I need to wait till a release with this question(because unsupported blablabla ;), please tell me as well and I'll be quiet for a little while.


===================

EDIT:

I've seen it already:
controlpanel.inc.php

So I have to dive into the code, I'm very good at copy, paste and read a little bit. Own code isn't an option yet.

[pbflash]

You can just make another tab like this:

<div class="tab-page" id="tabPageX">
<h2 class="tab">Name</h2>
<script type="text/javascript">tp1.addTabPage( document.getElementById( "tabPageX" ) );</script>
{your content here}
</div>

Just change the X to the next sequential tab number, change the name, and add your content.

[Mick]

As of right now the current SVN revision IS what the 2.3.2 release is going to be. I'm just waiting for Ryan to get some time to package the release and post it for download.

I updated the documentation for the site config and some of the template sections to reflect new changes in 2.3.2. I have started on some documentation of the tabbed template code and how to create your own or work with the existing one. I'll post that to the documentation by Sunday once I'm finished with it.

Mick

[geenzelf]

For me personally this is one of the most important changes you've made in OR.

I like working with tabs when I'm looking for a property, instead of scrolling down an unending page(agents try to tell more and more....).

[RealEstate]

You can just make another tab like this:
<h2 class="tab">Name</h2>
.

If we use Name, then we're hard coding and not applying language file.
Is there away for us to use a language field?

Also, anybody got a demo of tabs on the listingview page?

[Mick]

Since Open-Realty only supports one lang right now that really shouldn't be much of a problem I'd assume...

however if you'd rathe pull from a lang file then you can put a lang template tag there instead since template tags are parsed before the javascript.

[rolloff]

why does my background change when I use the tabbed template

www.real-estateagent.com

Thank you

[RealEstate]

I think...

go to the listing view where you have the tabs.

Check the background color in the css or hard coded on the page and change it.

[rolloff]

did not work, still trying to get the blue color out

thanks

[RealEstate]

You need to look where in your css , or in the page itself are you referencing that color?

[RealEstate]

By the way, Who has the tabbed working live? Would love to see what ya'll done.

[pbflash]

It could also be an unclosed div. Double check the vtour template you are using.

[valadri]

where can I get update for fix of {show_vtour} bug

[pbflash]

where can I get update for fix of {show_vtour} bug

What bug??? I don't see a bug report and don't recall anything being mentioned about a bug.

[RealEstate]

Pb, Is the virtual tour working on the tabbed menu?

I'm still on an old 1.1.5 b version. Can I use the tab menu on a new
"listingvie2.php" file and just have
the tabs there?

[valadri]

{show_vtour} not showing properly in tabbed "listing view"

[pbflash]

Can you provide a link? An explanation as to what is not showing properly? Simply saying it doesn't show properly doesn't give us much to go on.

[valadri]

Can you provide a link? An explanation as to what is not showing properly? Simply saying it doesn't show properly doesn't give us much to go on.

http://www.elitepalmcoast.com/index.php?action=listingview&listingID=2

[valadri]

also quick question
how can I change way the "Multiple select" shows in listing view

Insted of (example): Floors
Vinil
Wood
Carpet

Like this: Floors: Vinil, Wood, Carpet

[pbflash]

Your vtour template is too wide for the site template. You need to adjust the vtour template so it fits within your template.

[valadri]

ok, why do I get {license_tag}
there?
any idea

[pbflash]

Not sure. I'm installing a fresh 2.3.4 site now and I'll see if I get the same thing.

[valadri]

I just remove for now {license_tag}
works well :)

[valadri]

also quick question
how can I change way the "Multiple select" shows in listing view

Insted of (example): Floors
Vinil
Wood
Carpet

Like this: Floors: Vinil, Wood, Carpet

What about ^^^ this situation any idea?

[pbflash]

This would take modifying core files or could be done with an addon. The core file would be listing.inc.php in the rendertemplatearea function.

[valadri]

found aldeary alsmith addon with comma separation
but can't figur out how to get rid of : been bold :(

[leeuniverse]

Just to let you all know that those tabs are exellent.

One suggestion so far. on the Listing Details tab, it would be nice to place the first image Thumbnail to the right of the property name and agent name at the top.

Now I need to find me a free host with domain, php, mysql support and look through the instructions on how to set up this stuff.

[pbflash]

first image Thumbnail to the right of the property name
First, we need to setup template tags to show individual listing images on the listing view page. Then this would be possible.

agent name at the top
This can be done using template tags.

[leeuniverse]

I was meaning this.... To place like the first thumbnail from the images section and have it also show in this spot. I was just mentioning agent name to simply mention the location I was stating.

http://img513.imageshack.us/img513/7712/piczm8.gif

[pbflash]

There is still nothing setup to show individual images on the listing view templates. A template tag would need to be setup so users can layout the template however they want. A feature request should be posted to create template tags for individual listing thumb images on the listing view page.

[RealEstate]

I like lees idea of the image.

Is there a tag such as

{display 1st image}

That will do it?

[pbflash]

Read the first sentence of my last post.

[valadri]

got it with brochure image size

http://www.elitepalmcoast.com/index.php?action=listingview&listingID=2

[pbflash]

got it with brochure image size

What is brochure image size? Is it a special tag from the brochure addon?

[alsmith]

that was a smart idea, especially if you are using the brochure already.

tag is {addon_brochure_display_image}

[valadri]

yup tag is {addon_brochure_display_image}
but image size controlled with image.php
from image size for brochure addon

[alsmith]

or modify that addon with the desired width and height.

[valadri]

Albert, can u modify it ?
And also would be nice to be able to set different width for different placement of that tag

[alsmith]

Do you use that addon for the brochure also?

[alsmith]

Yes another tag could be added

[RealEstate]

Valadri,

What file did you edit and how, so that the image shows on the
listing details?

Also, where do we go tell it what height and width to be?

[valadri]

first of all use brochure addon
then use same image tag as on brochure on your listing page

[erenger]

Hi,
I was just notified about this thread by Albert.
Let me explain the image.php valadri mentions. This is not included in the default brochure addon but rather a quick and dirty fix for being able to modify the width of the image. This was posted in this thread (http://support.open-realty.org/showthread.php?t=9935&highlight=brochure+image). I believe Albert is willing to make a nicer and more configurable solution for this.
Thanks Albert :)

Cheers,
Eduard


yup tag is {addon_brochure_display_image}
but image size controlled with image.php
from image size for brochure addon

[alsmith]

Here is a minor modification to the brochure addon that adds {addon_brochure_display_small_image} to the tags for use in the TABBED Template.

This could be used to place an image of a smaller size on the Listing Details tab.

If you've not modified the brocure addon.inc.php you could replace with this one.

[RealEstate]

Is the Virtual Tab showing ONLY if there are virtual tour images?

I noticed a few websites using the tabbed module that the tab "Virtual tour" shows no matter what.

http://www.elitepalmcoast.com/index.php?action=listingview&listingID=5

[pbflash]

Is the Virtual Tab showing ONLY if there are virtual tour images?
As of version 2.3.2 there is a template tag top block the vtour tab from displaying if there aren't any vtours. Read the documentation and version change logs.

[RealEstate]

Was just reading the documenation, but I dont know exactly how do you place the tags.

You must close this block with /vtour_tab_block ??? What does that mean?

Like this?
{vtour_tab_block}
{show_vtour}
{/vtour_tab_block }

[thunderMex]

Since I installed a test of 2.3.4 (now .5) I cannot get a tabbed display for the listingview action. Tabbed display DOES WORK fine in the Admin area with both Firefox 1.7 and IE 6 browsers, so I know the tabbed view displays as intended, just NOT in the public area for viewing individual properties. I am using the vertical-menu template overall and have selected the Tabbed display in the config panel.

Have looked at the code to see if the detail pages have access to the tabpane.js and appropriate .css. Nothing jumps out at me why the tabbed view fails on both browsers with just a standard brand new installation. It simply displays as one long page of text and property photos.

[ebmarques]

thunderMex,

I have just installed SVN r.1641 and it is working fine.

Eduardo.

[thunderMex]

Yeah, I am sure the download is fine. Just wondering if someone has ever had a balky tabbed listingview problem that might point the way to what's blocking it from working.

As I say, the tabbed view works everytime when I am in Admin in the Configurations mode.

Then when I switch to the front end despite having the tabbed view selected I only get the page as one continuous display.

[valadri]

istalled 2.3.6 and killed tabbed view in listing view
any ideas?

[bit]

Have same problem. In IE I get error message:
Line:104
Char: 1
Error: WebFXTab Pane is undefined

Line: 110
Char: 1
Error: tp1 is undefined

What is the problem?

Thank you very much.

[ebmarques]

I am looking right now to a v.2.3.6, vertical-menu template, tabbed listing template with IE6 and I have no error message - it is working just fine.

Configuration page: http://wiki.open-realty.org/index.php/Tabbed_content

What version of IE you have?

Eduardo.

[valadri]

had to manualy add path tabpane.js to the listing_detail_tabbed.html

<script src="tabpane.js" type="text/javascript"></script>

now is working fine

http://www.elitepalmcoast.com/index.php?action=listingview&listingID=4

[bit]

that fix the problem for me too. Tnx