RealtyTech Support Center

RealtyTech Support Center

Dropdown and Flyout Pages Manual

Download PDF file : adding-dropdown-and-flyout-menus.pdf

Adding Dropdown and Flyout Pages

With the new Agent123 site styles, we have incorporated a top navigation with dropdown pages as well as new flyout pages in the side navigation. Once you have changed to a new site style from the Design Center, follow these steps to add dropdown and flyout pages.

Note: For more information on how to change your site style, reference the “Change Your Site Style and Color” Manual.

Also, visit out Support Center for more guides and video tutorials for customizing your Agent123 website.

Click on the “Manage Pages” button in the Dashboard at the top of the screen

Choose the type of layout that you would prefer for your site and check the corresponding box.
Top Nav: Includes the top navigation with dropdown menu at the top and no left navigation.
Top Left Nav: Includes both the top navigation with dropdown menus as well as the left navigation with flyout pages.
Left Nav: Includes the left navigation and no top navigation.

Step 3 – Top Left Nav Option Only
Specify which navigation you would like to edit. These must be customized individually.

Step 4
To add a dropdown parent, simply click on the “Visibility” box on the far right of the chosen page. It will now show up in the top menu. A “parent” will always remain visible in the top navigation.

Example: By clicking on the “Visibility” of my About me page it is now in the header.

Note: When editing the page, do not assign a parent to the page to keep it in the main menu.

Step 5
To add dropdown pages from your parent category, click on the “Pencil” icon next to the page you want to add to your dropdown. When the “Page Attributes” Module pops up, assign the page a parent page. It will now be in the parent page’s pull down menu.

Example: Above, we turned the “About Me” page into a parent page and it is now in the top nav. If I want my “Contact Me” page to pull down from the “About Me” menu, I will click on the “Pencil” icon for the “Contact Me” page. I then open the “Parent” menu and choose “About Me”. After clicking save and turning on the “Visibility”, the “Contact Me” page can be found by hovering over “About Me” at the top.

The Results:

Note: Each parent in the top navigation can have several pages dropdown from under it.

Step 6
Adding “Flyouts” will add slide out links to your pages from your left side navigation. The process of adding these is very similar to the dropdown pages. Start by going back to “Manage Pages” at the top of the screen.

Note: Flyouts are only available when using the “Top Left Nav” and “Left Nav” Layouts.

Step 7
Make sure that your “Layout Edit Mode” is set to “Left”. This is located right above the page list.

Step 8
Now that “Layout Edit Mode” is set to “Left”, click on the “Pencil” icon next to the page that you would like to add to the side navigation. Click the “Visibility” box again on the far right to activate the link on the side.

Example: Following the same example as before, I will add the “About Me” page but to the left nav. Below, you can see that the page was added to the bottom of my list. Change the order by moving them around in the “Manage Pages” area.

Step 9
To add a page within the parent in the left navigation, click on the “Pencil” icon next to the page you want to add. When the “Page Attributes” module appears, change the “Parent” status to whichever parent you would like to have for the page.

Example: Following the same route as before, we will put the “Contact Me” page under the “About Me” parent. To do this, I click on the “Pencil” icon next to “Contact Me” then change the Parent to “About Me”. Lastly, click save. To test it, I hover over the “About Me” to see “Contact Me” come back.


Note: You can add multiple pages to each parent. As well, each parent can parent another page.
(Shown below.)

Final Note: While these features are being introduced solely on our new site styles at the moment, the ability to add dropdown and flyout menus to the left and top nav will be implemented on some of our older site templates in the near future.

Great Standard Features of ALL our
Website and IDX Packages

Website Features
Beautiful Mobile Friendly Responsive Designs
Fully Integrated IDX MLS Listing Search with Amazing Features, and Widgets
Content Management System: Easy to Add Pages, Photos, etc.
Contact Management Systems: Captures Leads from BOTH your Website and IDX
Over 50 Pages available, add them as you wish beyond the initial build of 20+ pages
Built-in Forms Creation: Change or Create any form you want
Built-in Image editor saves time!
What’s My Home Worth? Lead capture form
Buyers/Sellers Articles
FREE Reports with drip emails
School/Community Info
Testimonials Page
Quick Loan Quote Form, emailed to your selected Loan Officer
Export Leads to Excel or Outlook CSV
10 Calculator Suite for Your Users
Our Team Page: Displays a photo and info for each team member
SEO Search Engine Optimization: Add keywords; customize URLS, Meta Tags and more!
Website Visitors, Time on Site and Leads Stats in your Admin section
Hire RealtyTech to actively market your site online for you!
Live Virtual Assistant Service available
IDX Features
The Nation’s Best Full Featured IDX MLS Search System
Your Photo, Phone and Email on ALL Live MLS Listings regardless of Listing Agent
Fully Automated Listing Alert Email System: Keeping you on their minds daily
Capture Leads with your VIP Membership System
Generate Instant Custom IDX Searches for your Users
Customizable Polygon Search and Save Feature
Beautiful Map search with Street View
Featured Homes Widget: Highlight your own listings and market automatically
Featured Markets Widget: Localize your site with Geo-Targeted Search Widgets
My Office Listings Widget
Market Snapshot Widget: Show live activity in your specific market
Automated Open House Page
SOLD Properties Pages
Foreclosure Listings
Website Stats Admin Page
Live Virtual Assistant Service available
Automated Open House Page
Additional Features for Broker Websites and Broker IDX:
Agent Gallery: Photo and info for every agent with search feature. IDX feed integrate to display all of that Agent’s Info
Agent Leads: Broker IDX displays Agent Photo and Contact Info on their own listings on the Office/Company Website.
Get Award-Winning support on your ENTIRE online system from RealtyTech – No need to call multiple vendors!