Landing Page Design

What's the best Creative Suite product to create a landing page with design and an HTML form for email sign up?

That would be up to your web dev's needs, I guess. Since these apper to be a background image for the whole page, removing the redundant ones would only be logical.
Mylenium

Similar Messages

Why do I have lines on my landing page where i sliced it in Photoshop

I am making a very basic landing page, designed in photoshop, As I need two buttons, I have sliced my page before importing it to dreamweaver. Whilst initially it shows in the webbrowser correctly, when I zoom in and out it starts to show the lines where I sliced it and it comes apart slightly showing the background colour in those lines.
I also noticed an extra image that i did not create called spacer. Can this have something to do with the issues that I am having?
Where are these lines coming from? How can I get rid of them? what are my options?
I know this is not a technically optimal way to make a landing page, but for this specific example I dont need it to be optimized for SEO, it just needs to be visual.
Many thanks in advance for feedback.
Mariel

Photoshop generated code is notoriously unstable and unsuitable for use in real web pages. The layout is far too rigid and apt to produce the unsightly gaps that you describe.
Best advice, build your page in DW with CSS and HTML code. Use Photoshop for images only.
Start with one of the pre-built CSS Layouts in DW. Go to File > New > Blank page > HTML. Choose a layout from the 3rd panel. Hit Create.
Nancy O.

Is there any way to create Eloqua made landing page mobile friendly?

I tried to add some css style in landing pages but it didn't work as desire.

You may want to read this guide - Responsive Web Design - An Advanced Guide to HTML & CSS
Responsive design is basically CSS but instead of assuming a document is 1000px and making the height 300px, you assume the docuent is variably tall, and make the height 30%.
This can become really complicated in some sites, but the basic idea will resize almost anything on your page and make it adapt to your needs.

Landing page

Hi
I've designed the whole client's website structure but it's not ready yet.
He got two events coming and would like a landing page that display them, leaving the rest of the pages in construction (not visible)
How can I do that in Muse please ?
Thank you!

Hello Kililio,
In Muse there is a "publish" button on the top menu which is directly linked with Business Catalyst (BC). If you click on that "Publish" option your site would be directly published on BC. Once your site is published on BC, you can add your desired domain that you have purchased to the site hosted on BC. To add the domain on BC, you can follow the steps mentioned in this article : http://helpx.adobe.com/business-catalyst/using/change-site-domain.html .
Note:- The adding of domain would not work on a trial site. You would need to launch the site as one of your free sites offered to you with Muse/Creative cloud subscription or pay for hosting your site on BC. Once that is done, you would get the option in the site on BC to add domains.
To access the admin section of your site on BC, you would need to open the site in Muse and click on the "manage" button on the top menu of Muse.
Hope the information helps.
Regards,
Rajan

How can I Build Multiple Landing Pages

I am building a website that needs to have around 100 or so different landing pages that will be for different customers. Each page will have the same list of features that it will include, like store hours, an about section, google map, etc.
How can I accomplish this using Muse?
Thanks

Hi
You can try these 2 ways.
1. Add the common item to a Master page, and assign this master page to all your pages, so they all have the same content, and add the additional content manually.
2. Use Library. You can add your item like textbox in library, so you just have drag and drop it on each page with recreating it. It is explained here in more detail
Adobe Muse Help | Organizing and reusing design elements using Library panel
Hope this helps.

Newb, needs advice about landing page

Hey guys, I am very new to Dreamweaver. I was asked by my
boss to create a landing page. She asked me because I am the
graphic designer for all print material. She is well aware (as am
I...lol) I am no web developer....But I would LOVE to learn and I
have plenty of time to figure it out.
only requirements are: Dimensions are 950px by 475px. must
use divs, and be centered. I don't need to do anything fancy script
wise, basically this is a welcome page with a summary and 2 links
and whatever aesthetic design i come up with.....(in short, it kind
of looks like a postcard) I am familiar with CSS & html coding,
but I'd say as far as layout structure and professional web
standards, I'm a complete novice.
I will be creating the layout in photoshop.
Would you recommend that I slice up the photoshop image? and
play with the CSS that photoshop generates?
Or would you recommend that I FIRST set up the "container"
div and the rest of the layout in Dreamweaver, then slice photoshop
and place each image individually..
Again, I am very new to web stuff....But I would love to
learn the web standards, best practices, what structure is best to
use, etc...
Any advice would be greatly appreciate...thanks a lot, Take
care...

> just out of curiousity, why never use the code that
Photoshop
> generates?
Because Photoshop (and any other graphics app that writes
HTML) are *TOO
GOOD* at what you have asked them to do, and that is to
create HTML to
exactly produce the graphic layout you have designed. To do
this they have
to drastically merge and split cells, filling the table with
col- and
rowspans, and producting a completely inflexible and
monolithic structure
that breaks apart as soon as the shape of the contents
changes (for example,
when I change the browser's text size display). Crash/bang.
Furthermore,
the resulting mess is simply impossible to troubleshoot.
Now - for HTML emails, you will usually need to use tables
for your layout
since email clients cannot be relied on to properly display
more
contemporary layout methods. But for web pages, you'd want to
move beyond
this very poor layout structure created by the graphics apps.
> people love that PS generates code for them
Only those who don't understand could go in this category.
That markup is
good for prototyping, but lousy for production. But look at
the web - 80%
of what you see there is prototype-level stuff.
Murray --- ICQ 71997575
Adobe Community Expert
(If you *MUST* email me, don't LAUGH when you do so!)
==================
http://www.projectseven.com/go
- DW FAQs, Tutorials & Resources
http://www.dwfaq.com - DW FAQs,
Tutorials & Resources
==================
"kdubbie" <[email protected]> wrote in
message
news:[email protected]...
> Hey thanks a lot, Murry for the feedback and I
appreciate it.
>
> and LOL...don't ask me where my boss came up with these
dimensions, for
> some
> reason she wants it to look as much like a post card as
possible....and I
> definately understand your point that designing for
print and web are 2
> COMPLETELY different animals....in which I conveyed to
her....Right now I
> create HTML emails, which is how I have learned
CSS...but understand that
> standards for email are VERY restricted compared to web.
>
> And you are correct to, I meant CSS layout vs tables.
Just what she asked
> for
> is all...
>
> And thank you very much, that's what I was looking
for......I should
> create
> the layout in Dreamweaver first....then slice up what I
created in PS
> (images
> only) and then bring them into dreamweaver?
>
> just out of curiousity, why never use the code that
Photoshop
> generates?...I've seen a couple of tutorials and read a
few forums where
> people
> love that PS generates code for them....(and sorry, not
questioning
> you.....but
> just looking for as much info as possible)
>
> Thank you very much....
>

Search box, adv.search box in a landing page

hi,
as per my reqmnt, i need to have 3 web applns,
1)one is a DMS solution
2) extranet - for my customers partner's web appln
3) community web appln
i am confused abt the landing page, how to design the search func. if i give a search box on the master page , which content need to pulled out.
also if i am going with this search box, i have to implement advanced search box also. but i am not able to find a particular zone on this landing page.
can i remove this search box altogether since i need to have a separate ent.search center site collec in the DMS,community web appln., why should i put a search box on this landing page.
[ i can decide this - as client didnt say anything specific abt this reqmnt].
can anyone give me an idea, abt the sample landing page contents of a portal which has multiple web applns.
and how it looks like :i any test sample site / web aplns are available ?
any public facing sites samples are also welcome, which is built on sp 2013 or prev.version.
highly appreciate the help!
Das

hi,
as per my reqmnt, i need to have 3 web applns,
1)one is a DMS solution
2) extranet - for my customers partner's web appln
3) community web appln
i am confused abt the landing page, how to design the search func. if i give a search box on the master page , which content need to pulled out.
also if i am going with this search box, i have to implement advanced search box also. but i am not able to find a particular zone on this landing page.
can i remove this search box altogether since i need to have a separate ent.search center site collec in the DMS,community web appln., why should i put a search box on this landing page.
[ i can decide this - as client didnt say anything specific abt this reqmnt].
can anyone give me an idea, abt the sample landing page contents of a portal which has multiple web applns.
and how it looks like :i any test sample site / web aplns are available ?
any public facing sites samples are also welcome, which is built on sp 2013 or prev.version.
highly appreciate the help!
Das

I have a Landing Page on Photoshop that I need to transfer to Dreamweaver. How do I do that.

I have a Completed Landing Page on Photoshop. I need to transfer it to Dreamweaver. How do I do that.

I had not seen these articles. They're very interesting in many ways.
They're using a lot of the panel stuff in Dreamweaver that I don't use. Instead, I write code directly into the CSS and HTML documents. I think that, to a certain extent, if someone were using Fireworks to create a web page (or website) one could get really confused when working with Dreamweaver, as You're not seeing what you designed in Fireworks until the very end when you have everything together.
And Fireworks is EOL, Adobe will not continue its development. Many of the websites I saw developed in Fireworks were entirely tables-based, had no style sheets and were created by people who, largely, ignored mocern web development techniques (although this particular tutorial does use them).
Going forward, Fireworks will not be an intermediate step in designing websites.
QParker's original question remains. How does one go from a Photoshop document to a real website. It took Adobe three separate web pages to offer a tutorial (for CS3) for Fireworks. I work with designers who sent me layered Photoshop files and I simply don't use Fireworks. And I create the style sheet elements before I create the HTML (this tutorial creates the HTML first and then styles it later, which I am certain will tend to cause a lot of confusion for anyone who wants to see what they're going to get as they create it).
-Mark

How to add landing page s-parameter to a form submission?

Hi,
Really hoping somebody can help me. This is something I have seen used in many of my previouse roles and I would like to introduce it to my current position but am a bit lost. We develop our website inhouse and are currently in the process of migrating it to Dreamweaver CSS, which I am unfamiliar with.
What I want to do is introduce a tracking code that allows me to see excatly where the original click came from on all Email submissions (conversions).
What i would like to happen is, when a lead form from our website is submitted there is a hidden default field that comes through to us on the Email submission. That field should (if all goes to plan) pull the S parameter from the URL of the landing page. This S parameter is a code that I have generated and placed in the destination URL of all PPC ads and campaigns (as below)
I believe I have the correct piece of script , I’m just not sure how to place it and what I need to amend within it .
    <form action="jspostto.htm" method="get">
        <input type="hidden" id="hiddenParameterValue" name="hiddenParameterValue" />
        <input type="submit" value="Submit" />
    </form>
    blah<br />
    <script language="javascript" type="text/javascript">
        document.getElementById("hiddenParameterValue").value = getParam("f");
    </script>
An example of the kind or code I am putting in is www.sapphiresystems.com/uk/sunsystems/index.htm?s=GUKAOOH02&K={keyword} in the destination URLs of PPC campaigns and Facebook links to the website as such www.sapphiresystems.com/sapb1/index.htm?s=FBSAPBOX.
Really appreciate any help or insight you can offer,
Many thanks
Kiti

Hi Both,
Apologies, yes we are on PHP,
This is what is really throwing me off .... i don't know what WEBBOT is? I have posted everything that was between form tags, just incase i let anything important out.
Again really appreciate all the help and advice,
Thanks , Kiti
<script language="JavaScript" type="text/javascript"></script><form method="POST" action="../../_derived/nortbots.htm" onsubmit="location.href='../../_derived/nortbots.htm';return false;" language="JavaScript" name="FrontPage_Form1" webbot-onsubmit="return FrontPage_Form1_Validator(this)" webbot-action="--WEBBOT-SELF--">
    <input type="hidden" name="VTI-GROUP" value="0">
    <table border="0" width="724" id="table6" height="681" cellspacing="0" cellpadding="0">
     
     <tbody><tr>
      <td bgcolor="#FFFFFF" colspan="8" height="145" valign="top">
   <p style="margin-right: 25px; margin-top: 0; margin-bottom: 0; margin-left:18px; line-height:14pt">
   <b><font face="Arial" style="font-size: 14pt" color="#003366">Demo
   SunPlanning</font></b></p>
   <p style="margin-right: 25px; margin-top: 0; margin-bottom: 0; margin-left:18px; line-height:14pt">
   </p>
   <p style="margin-right: 25px; margin-top: 0; margin-bottom: 0; margin-left:18px; line-height:14pt">
   <font style="FONT-SIZE: 8pt" face="Arial">Please complete this short
   form and, upon receipt of your request, we’ll send you through your
   a link to your online demonstration. </font></p>
   <p style="margin-right: 25px; margin-top: 0; margin-bottom: 0; margin-left:18px; line-height:14pt">
   </p>
   <p style="margin-right: 25px; margin-top: 0; margin-bottom: 0; margin-left:18px; line-height:14pt">
   <font face="Arial">
   <span style="font-size: 8.0pt; font-style:italic">We respect your
   privacy. We do not share your details with anyone outside Sapphire.
   </span></font></p>
      </td>
      </tr>
     <tr>
      <td bgcolor="#FFFFFF"> </td>
      <td bgcolor="#FFFFFF" style="border-top: 1px dotted #C0C0C0"> </td>
      <td bgcolor="#FFFFFF" style="border-top: 1px dotted #C0C0C0"> </td>
      <td colspan="2" bgcolor="#FFFFFF" style="border-top: 1px dotted #C0C0C0"> </td>
      <td bgcolor="#FFFFFF" height="19" style="border-top: 1px dotted #C0C0C0"> </td>
      <td bgcolor="#FFFFFF" height="19" style="border-top: 1px dotted #C0C0C0"> </td>
      <td bgcolor="#FFFFFF" height="19" style="border-top: 1px dotted #C0C0C0"> </td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <span style="font-weight: 700">
      <font face="Arial" style="font-size: 8pt" color="#003366">
      Title</font></span><font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">:</font></td>
      <td colspan="6" bgcolor="#FFFFFF" height="23">
      <select size="1" name="Title0" style="font-family: Arial; font-size: 8pt; background-color: #F4F4F4">
      <option>Mr</option>
      <option>Mrs</option>
      <option>Miss</option>
      <option>Ms</option>
      <option>Dr</option>
      </select></td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <p>
      <font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">
      Name:</font></p></td>
      <td colspan="6" bgcolor="#FFFFFF" height="23">
      <font color="#003366">
      <input type="text" name="Name" size="35" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"> </font>
      <font color="#FF0000" face="Arial" style="font-size: 8pt; ">
      * Required Field</font></td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <p>
      <font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">
      Title:</font></p></td>
      <td colspan="6" bgcolor="#FFFFFF" height="22">
      <font color="#003366">
      <input type="text" name="Position" size="35" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"></font></td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <p>
      <font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">
      Company:</font></p></td>
      <td colspan="6" bgcolor="#FFFFFF" height="22">
      <font color="#003366">
      <input type="text" name="Company" size="35" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"></font></td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <p>
      <font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">
      Email Address:</font></p></td>
      <td colspan="6" bgcolor="#FFFFFF" height="23">
      <font color="#003366">
      <input type="text" name="Email" size="35" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"> </font>
      <font color="#FF0000" face="Arial" style="font-size: 8pt; font-weight: 700">
      </font><font color="#FF0000" face="Arial" style="font-size: 8pt; ">
      * Required Field</font></td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <p>
      <font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">
      Telephone:</font></p></td>
      <td colspan="6" bgcolor="#FFFFFF" height="22">
      <font color="#003366">
      <input type="text" name="Telephone" size="20" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"></font></td>
     </tr>
     <tr>
      <td colspan="8" bgcolor="#FFFFFF" height="19"> </td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left" style="border-top: 1px dotted #C0C0C0">
      </td>
      <td bgcolor="#FFFFFF" style="border-top: 1px dotted #C0C0C0">
      </td>
      <td bgcolor="#FFFFFF" style="border-top: 1px dotted #C0C0C0"> </td>
      <td bgcolor="#FFFFFF" style="border-top: 1px dotted #C0C0C0">
      </td>
      <td bgcolor="#FFFFFF" height="20" style="border-top: 1px dotted #C0C0C0"> </td>
      <td bgcolor="#FFFFFF" height="20" style="border-top: 1px dotted #C0C0C0"> </td>
      <td bgcolor="#FFFFFF" height="20" style="border-top: 1px dotted #C0C0C0"> </td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">
      Address 1:</font></td>
      <td colspan="6" bgcolor="#FFFFFF" height="23">
      <font color="#003366">
      <input type="text" name="Address1" size="30" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"></font></td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <span style="font-weight: 700">
      <font face="Arial" style="font-size: 8pt" color="#003366">
      Address 2</font></span><font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">:</font></td>
      <td colspan="6" bgcolor="#FFFFFF" height="23">
      <font color="#003366">
      <input type="text" name="Address2" size="30" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"> </font></td>
      </tr>
      <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">
      Town:</font></td>
      <td colspan="6" bgcolor="#FFFFFF" height="22">
      <font color="#003366">
      <input type="text" name="Town" size="22" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"></font></td>
       </tr>
       <tr>
      <td bgcolor="#FFFFFF">
      </td>
            <td bgcolor="#FFFFFF" align="left">
      <font face="Arial" style="font-size: 8pt; font-weight: 700" color="#003366">
      Post Code:</font></td>
      <td colspan="6" bgcolor="#FFFFFF" height="23">
      <font color="#003366">
      <input type="text" name="PostCode" size="10" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"> </font>
      <font color="#FF0000" face="Arial" style="font-size: 8pt; font-weight: 700"> </font></td>
         </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left" style="border-bottom: 1px dotted #C0C0C0; border-top-style:none; border-top-width:medium">
      </td>
      <td bgcolor="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0; border-top-style:none; border-top-width:medium">
      </td>
      <td bgcolor="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0; border-top-style:none; border-top-width:medium"> </td>
      <td bgcolor="#FFFFFF" style="border-bottom: 1px dotted #C0C0C0; border-top-style:none; border-top-width:medium">
      </td>
      <td bgcolor="#FFFFFF" height="20" style="border-bottom: 1px dotted #C0C0C0; border-top-style:none; border-top-width:medium"> </td>
      <td bgcolor="#FFFFFF" height="20" style="border-bottom: 1px dotted #C0C0C0; border-top-style:none; border-top-width:medium"> </td>
      <td bgcolor="#FFFFFF" height="20" style="border-bottom: 1px dotted #C0C0C0; border-top-style:none; border-top-width:medium"> </td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF"> </td>
      <td bgcolor="#FFFFFF" align="left"> </td>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF"> </td>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" height="19"> </td>
      <td bgcolor="#FFFFFF" height="19"> </td>
      <td bgcolor="#FFFFFF" height="19"> </td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF" valign="top">
      </td>
      <td bgcolor="#FFFFFF" valign="top" align="left">
      <p>
      <font face="Arial" color="#003366" style="font-size: 8pt; font-weight: 700">
      Notes/Additional
      Info:</font></p></td>
      <td colspan="6" bgcolor="#FFFFFF" height="84">
      <p>
      <textarea rows="5" name="Notes" cols="40" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4"></textarea></p></td>
     </tr>
     <tr>
      <td colspan="8" bgcolor="#FFFFFF" height="19"> </td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left" style="border-left-width: 1px; border-right-width: 1px; border-top: 1px dotted #C0C0C0; border-bottom-width: 1px">
      </td>
      <td colspan="6" bgcolor="#FFFFFF" height="22" style="border-left-width: 1px; border-right-width: 1px; border-top: 1px dotted #C0C0C0; border-bottom-width: 1px">
      </td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF">
      </td>
      <td bgcolor="#FFFFFF" align="left">
      <p>
      <font color="#003366" face="Arial" style="font-size: 8pt; font-weight: 700">
      How did you find us? </font>
      </p></td>
      <td colspan="6" bgcolor="#FFFFFF" height="22">
      <font color="#003366" face="Arial" style="font-size: 8pt; font-weight: 700">
      <select size="1" name="Heard_Sapphire" style="font-family: Arial; font-size: 8pt; background-color:#F4F4F4">
      <option>Please Select...</option>
      <option>Advertising</option>
      <option>Direct Mail</option>
      <option>Email Promotion</option>
      <option>Other</option>
      <option>Press Article</option>
      <option>Recommendation</option>
      <option>Web Search - Google</option>
      <option>Web Search - Bing</option>
      <option>Web Search - Other</option>
      <option>Web Search - Yahoo!</option>
      </select> </font>
      <font color="#FF0000" face="Arial" style="font-size: 8pt; ">
      * Required Field</font></td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF"> </td>
      <td bgcolor="#FFFFFF" align="left"> </td>
      <td bgcolor="#FFFFFF"> </td>
      <td colspan="2" bgcolor="#FFFFFF"> </td>
      <td bgcolor="#FFFFFF" height="19"> </td>
      <td bgcolor="#FFFFFF" height="19"> </td>
      <td bgcolor="#FFFFFF" height="19"> </td>
     </tr>
     <tr>
      <td bgcolor="#FFFFFF"> </td>
      <td bgcolor="#FFFFFF" align="left"> </td>
      <td bgcolor="#FFFFFF" colspan="6">
      <input type="submit" value="Submit Enquiry" name="Enquiry" style="float: left; font-size:8pt; font-family:Arial; color:#FFFFFF; font-weight:bold; background-color:#FF6600"></td>
     </tr>
     <tr>
      <td width="17"> </td>
      <td width="158" align="left"></td>
      <td width="136"></td>
      <td width="34"></td>
      <td width="137"></td>
      <td height="1" width="40"></td>
      <td height="1" width="174"></td>
      <td height="1" width="30"></td>
     </tr>
     </tbody></table>
   </form>

Announcements /events / FAQs web part in a scrolling fashion on the landing page

hi,
can anyone help how to develop the below kind of UI in my SP 2013 KM portal using cqwp/cewp/ jquery.
i tried with the custom visual web part, but my customer says they want me to use client side / OOTB feature of SP.
i am wanting to display the same in the landing page. so that when end users click "More" they will be navigated to the
All Announcements Page [ may be its a page layout in pages library ].
the other tricky part am seeing is how to show these individual/single announcements in a scrolling manner.
help is highly appreciated!

hi Amr,
in the url you have provided am not able to follow this step:
below :
http://sharepointtweaks.blogspot.ae/2012/07/image-carousel-webpart-sanboxed.html
3- Export the webpart you will prompt to download file named "Content Query.webpart"
i am not seeing the option to export the web part.
from where will
i download file named "Content Query.webpart .

Page designer show small view when using page template and cannot be run

Dear Experts,
I need to make some page templates.
I have build 2 simple page templates, let say template0 & template1 which template1 using template0.
It show no any problem until I close my Jdeveloper & reopen it.
When I reopen template1, it show so small in designer (Jdeveloper window).
Is there any wrong?
I have build another template, just 1 template.
When I used it at the first time, no any strange behavior occur.
After ... (I don't exactly when), it give me the same view in my designer.
Then I force to use my first tempate (template1 which used template0 inside), I cannot run my application at all.
After wait several minutes, I found error log in my log messages.
*#### Server Instance DefaultServer could not be started: Server Instance was terminated.*
Above the message, I found another error messages:
*Jun 7, 2009 5:40:19 PM ComponentMetadataHandler _error*
WARNING: error parsing component tag in file: null/tag:xmlContent/id:dte_160d74a
org.xml.sax.SAXParseException: <Line 69, Column 7>: XML-20100: (Fatal Error) Expected 'EOF'.
* at oracle.xml.parser.v2.XMLError.flushErrorHandler(XMLError.java:422)*
Is there anyone that can help me to find out why this error occured?
Should I raise this problem to metalink or just can post it in this forum?
Many thanks for your supporting...
N.B: Below I attach my template0 (AHM000.jspx) and template1 (AHM001.jspx)
Best regards,
Dominic Chandra
AHM000.jspx
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:c="http://java.sun.com/jsp/jstl/core">
<c:set var="ahmwebtemplateBundleAHM000"
value="#{adfBundle['com.ahm.lib.view.template.AHMWebTemplateBundle']}"/>
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<af:pageTemplateDef var="attrs">
<af:panelSplitter orientation="vertical" splitterPosition="60">
<f:facet name="first">
<af:decorativeBox theme="dark" topHeight="0px">
<f:facet name="center">
<af:panelHeader text="#{attrs.pageTitle}">
<f:facet name="context"/>
<f:facet name="menuBar"/>
<f:facet name="toolbar"/>
<f:facet name="legend">
<af:panelGroupLayout>
<af:outputText value="#{attrs.pageName}"/>
<af:outputText value="#{sessionScope.userState.userName}"/>
<f:facet name="separator">
<af:spacer width="10" height="10"/>
</f:facet>
</af:panelGroupLayout>
</f:facet>
<f:facet name="info">
<af:statusIndicator/>
</f:facet>
</af:panelHeader>
</f:facet>
<f:facet name="top"/>
</af:decorativeBox>
</f:facet>
<f:facet name="second">
<af:panelSplitter orientation="vertical" positionedFromEnd="true"
splitterPosition="20">
<f:facet name="first">
<af:decorativeBox theme="light" topHeight="0px">
<f:facet name="center">
<af:facetRef facetName="mainArea"/>
</f:facet>
<f:facet name="top"/>
</af:decorativeBox>
</f:facet>
<f:facet name="second">
<af:panelGroupLayout inlineStyle="text-align:right;">
<af:outputText value="#{ahmwebtemplateBundleAHM000.VERSION} #{attrs.appVersion}"
inlineStyle="color:Navy;"/>
<af:outputText value="© 2009 PT Astra Honda Motor"
inlineStyle="color:Navy; font-weight:bold;"/>
<f:facet name="separator">
<af:spacer width="10" height="10"/>
</f:facet>
</af:panelGroupLayout>
</f:facet>
</af:panelSplitter>
</f:facet>
</af:panelSplitter>
<af:xmlContent>
<component xmlns="http://xmlns.oracle.com/adf/faces/rich/component">
<display-name>AHM000</display-name>
<facet>
<description>Main Area</description>
<facet-name>mainArea</facet-name>
</facet>
<attribute>
<attribute-name>pageTitle</attribute-name>
<attribute-class>java.lang.String</attribute-class>
<default-value>Page Title</default-value>
<required>true</required>
</attribute>
<attribute>
<attribute-name>
pageName
</attribute-name>
<attribute-class>
java.lang.String
</attribute-class>
<default-value>
ahmxxyyynnnznn
</default-value>
<required>
true
</required>
</attribute>
<attribute>
<attribute-name>
appVersion
</attribute-name>
<attribute-class>
java.lang.String
</attribute-class>
<default-value>
1.0.0
</default-value>
</attribute>
</component>
</af:xmlContent>
</af:pageTemplateDef>
</jsp:root>
AHM001.jspx
<?xml version='1.0' encoding='windows-1252'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:c="http://java.sun.com/jsp/jstl/core">
<c:set var="ahmwebtemplateBundleAHM001"
value="#{adfBundle['com.ahm.lib.view.template.AHMWebTemplateBundle']}"/>
<jsp:directive.page contentType="text/html;charset=windows-1252"/>
<af:pageTemplateDef var="attrs">
<af:pageTemplate viewId="/template/AHM000.jspx">
<f:facet name="mainArea">
<af:panelSplitter splitterPosition="#{attrs.searchAreaPosition}">
<f:facet name="first">
<af:facetRef facetName="searchArea"/>
</f:facet>
<f:facet name="second">
<af:panelSplitter positionedFromEnd="true"
splitterPosition="#{attrs.infoAreaPosition}">
<f:facet name="first">
<af:facetRef facetName="mainArea"/>
</f:facet>
<f:facet name="second">
<af:facetRef facetName="infoArea"/>
</f:facet>
</af:panelSplitter>
</f:facet>
</af:panelSplitter>
</f:facet>
<f:attribute name="pageTitle"
value="#{attrs.pageTitle}"/>
<f:attribute name="pageName" value="#{attrs.pageName}"/>
<f:attribute name="appVersion" value="#{attrs.appVersion}"/>
</af:pageTemplate>
<af:xmlContent>
<component xmlns="http://xmlns.oracle.com/adf/faces/rich/component">
<display-name>AHM001</display-name>
<facet>
<description>Search Area</description>
<facet-name>searchArea</facet-name>
</facet>
<facet>
<description>Main Area</description>
<facet-name>mainArea</facet-name>
</facet>
<facet>
<description>Info Area</description>
<facet-name>infoArea</facet-name>
</facet>
<attribute>
<attribute-name>pageTitle</attribute-name>
<attribute-class>java.lang.String</attribute-class>
<default-value>Page Title</default-value>
<required>true</required>
</attribute>
<attribute>
<attribute-name>
pageName
</attribute-name>
<attribute-class>
java.lang.String
</attribute-class>
<default-value>
ahmxxyyynnnznn
</default-value>
<required>
true
</required>
</attribute>
<attribute>
<attribute-name>
appVersion
</attribute-name>
<attribute-class>
java.lang.String
</attribute-class>
<default-value>
1.0.0
</default-value>
</attribute>
<attribute>
<attribute-name>
searchAreaPosition
</attribute-name>
<attribute-class>
java.lang.Integer
</attribute-class>
<default-value>
200
</default-value>
</attribute>
<attribute>
<attribute-name>
infoAreaPosition
</attribute-name>
<attribute-class>
java.lang.Integer
</attribute-class>
<default-value>
200
</default-value>
</attribute>
</component>
<af:decorativeBox>
<f:facet name="center"/>
<f:facet name="top"/>
</af:decorativeBox>
</af:xmlContent>
</af:pageTemplateDef>
</jsp:root>

Hi...
Thanks for asking....
As I put in my post before, I include template0 in my template1, as seen in template1 (AHM001):
<af:pageTemplateDef var="attrs">
*<af:pageTemplate viewId="/template/AHM000.jspx">*
I use AHM000 inside AHM001. I use this approach to build many template based on one basic design.
Actually, I don't think the problem is in page template usage because as I submitted paralel to Metalink, I've already not called template0 in template1 but I copy template0's contents to template1.
Unfortunately, page designer show small view and below error messages still occured.
*Jun 7, 2009 10:25:20 PM ComponentMetadataHandler _error*
WARNING: error parsing component tag in file: /AhmTestTemplate-ViewController1-context-root/template/AHM001.jspx/tag:xmlContent/id:null
org.xml.sax.SAXParseException: <Line 115, Column 51>: XML-20100: (Fatal Error) Expected 'EOF'.
Fortunately my application can be run already altough the error message still logged.
Many thanks,
Dominic C.

Opening .xlsm file sin SharePoint site landing page

I'll begin by saying Hello to the forum. I have only very recently started using MS SharePoint within our company, having had no previous experience of it, so please expect quite a few 'beginners' questions coming this way over the coming months.
To manage our data maintenance processes, I have developed a set of form applications within Excel, using VBA to provide a user-friendly interface to the data requestor/providers within our business. Of course it is very difficult to provide any kind
of manageable/visible workflow solution using only Excel and so the business has made the decision to utilise SharePoint as the host.
We currently have a split between data objects where a workflow solution has been created for customer/vendor, using my form applications as the data entry tool. Materials however currently sit within a document library on a department SharePoint site.
The site was created by A.N.Other who has now left the business and I have therefore been tasked with managing it. Initially, this is as simple as updating and loading the .xls/.xlsm form applications to the document library.
And so, to my first problem. Where a visitor to the site navigated directly to the document library and clicked on an .xlsm file, they were presented with an error message that states:-
<v:shapetype coordsize="21600,21600" filled="f" id="_x0000_t75" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe"
stroked="f"><v:stroke joinstyle="miter"><v:formulas><v:f eqn="if lineDrawn pixelLineWidth 0"><v:f eqn="sum @0 1 0"><v:f eqn="sum 0 0 @1"><v:f eqn="prod @2 1 2"><v:f
eqn="prod @3 21600 pixelWidth"><v:f eqn="prod @3 21600 pixelHeight"><v:f eqn="sum @0 0 1"><v:f eqn="prod @6 1 2">The workbook cannot be opened because it contains the following features that
are not supported by Excel in the browser:</v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:formulas></v:stroke></v:shapetype>
Data Validation
Sheet Protection
Would you like to try and open this file in Excel?
<v:shapetype coordsize="21600,21600" filled="f" id="_x0000_t75" o:preferrelative="t" o:spt="75" path="m@4@5l@4@11@9@11@9@5xe"
stroked="f"><v:stroke joinstyle="miter"><v:formulas><v:f eqn="if lineDrawn pixelLineWidth 0"><v:f eqn="sum @0 1 0"><v:f eqn="sum 0 0 @1"><v:f eqn="prod @2 1 2"><v:f
eqn="prod @3 21600 pixelWidth"><v:f eqn="prod @3 21600 pixelHeight"><v:f eqn="sum @0 0 1"><v:f eqn="prod @6 1 2">I was able to change this so that the file automaticaly opened
in the client application by changing the settings for the documents library.</v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:f></v:formulas></v:stroke></v:shapetype>
The problem is that on the landing page of our department site, we have a side navigation menu that links to some of the most frequently used files. If the visitor clicks on any of these files (which of course point to the same source
document) they again see the error message, and no matter how hard I look, I am unable to find the option to make the file open in the client application from here.
I was hoping that the experts here may be able to advise on where I may find this option, if available?
Many thanks in advance.
Danny

Excel Services is clearly out due to the VBA and Macro elements you've added.
Just to present an alternative point of view for this. If you want to surface just ONE spreadsheet on a homepage, this can be done but it involves a slightly different route about it.
The Page Viewer Web Part might present an alternative for you. I don't know if it'll disable the warning dialog boxes but it might be worth a try. More info can be seen here
http://office.microsoft.com/en-gb/sharepoint-server-help/page-viewer-web-part-HA010024045.aspx
If that one doesn't work, there is another trick in which we can try importing an earlier version of this tool from SharePoint 2003 (which oddly enough was actually better!) to see if that'll help.
Steven Andrews
SharePoint Business Analyst: LiveNation Entertainment
Blog: baron72.wordpress.com
Twitter: Follow @backpackerd00d
My Wiki Articles:
CodePlex Corner Series
Please remember to mark your question as "answered" if this solves (or helps) your problem.

What are the options for integrating the event catalog and event landing pages in our website?

We'd like to integrate the event catalog and event landing pages into our website but would prefer not to use the standard iframe embed code. Are there other solutions available, like an API or something else?
Reason for this is that when we tried it with the iframe embed code the event catalog seems to load quite slow in a webpage on our website. Plus it seems we can't change the width and height of the event catalog with the CQ5 editor, or have the event catalog embed dynamically change in size depending on the amount of events in the catalog.

Keeping everything in one scene is the better way to go. Scenes are useful for animators who do not use navigation, they just make movies that play frame after frame without stopping. But for anything that involves navigating the timeline you will have less headaches if you just avoid them and keep everything in the one main timeline.
There are primarily two approaches to implementing pages in a timeline. Either spread them out along the timeline and navigate from frame to frame to access them, or create them as movieclips (all in the same frame) and manage their visibility. The latter approach makes it easier to maintain the status of a one page if navigating to another is necessary. And you might find it useful to mix these two approaches at times.
When you have everything on one timeline, you can have a layer dedicated to actionscript that you extend the full length of the timeline, which makes shareable code, such as variables and functions, available to anything along the timeline. This avoids any need to have duplicate function definitions since you can have the same single function available to multiple pages in the site. I usually use two actions layers... one for the shared stuff which has all code in frame 1 only, and another for frame specific code such as timeline commands and other action coding that needs to happen at particular frames.

Silly Landing Page question

With Landing pages in Teaming I see we have the option to Hide the Masthead, the Sidebar, the Main Menu Bar and the Footer.
No problem with any of that.
But if I hide all the menu that lets me get into edit it, how do I get back in to edit the landing page?
I really don't want to try it and end up stuck ;-)
Thanks
Mike

I see!
I just tried it and it removed the menu bar from its regular location and adds a new version at the bottom of the page.
Very nice.

How do I create both a landscape and portrait display for my landing page?

I am using dreamweaver with phonegap to create an app.
I want to have two options for the landing page; one optimized for portrait, one optimized for landscape, that will change based on device orientation.
How do I do this?
Thank you

Have a look at this article http://voormedia.com/blog/2012/11/responsive-background-images-with-fixed-or-fluid-aspect- ratios

Landing Page Design

Similar Messages

Maybe you are looking for