Jump to content


Photo
- - - - -

Are SpryAssets compatible with PageLines?


  • Please log in to reply
11 replies to this topic

#1 jdlhorizons

jdlhorizons

    Member

  • Members
  • 24 posts
  • Country: Country Flag

Posted 01 February 2013 - 07:27 PM

I am replacing a website, and a few of the pages use Adobe's SpryAssets.

 

Before I delve in and learn Spry, do you know if it is compatible with PageLines?

 



#2 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 01 February 2013 - 09:22 PM

Hi,

 

I'm not familiar with Adobe's SpryAssets.  Does it say anything about working with WordPress? I think that's more the key than it working specifically with PageLines Framework.   Is there a specific link to information I could check?

 

Thanks.



#3 jdlhorizons

jdlhorizons

    Member

  • Members
  • 24 posts
  • Country: Country Flag

Posted 05 February 2013 - 04:20 PM

It is compatible with WordPress.

 

I decided to go ahead and try it and the form does work.

 

However, the formatting is way off.  When I change the CSS code,

it doesn't really change anything, so I'm wondering if somehow PageLines

css is overriding somehow?

 

I put the css for the page and the spryassets in the custom header area:

 

<link href="

Please Login or Register to see this Hidden Content

" rel="stylesheet" type="text/css" />
<script src="

Please Login or Register to see this Hidden Content

" type="text/javascript"></script>
<script src="

Please Login or Register to see this Hidden Content

" type="text/javascript"></script>
<script src="

Please Login or Register to see this Hidden Content

" type="text/javascript"></script>
 
and here is the original page:  

Please Login or Register to see this Hidden Content

 
I'd really like to get this fixed with the current form if possible.
I've been playing with cform and contact7 and one other form plugin, and the formatting is not professional enough.
I'm assuming that if I take the time to fix the css for those I might have the same problem and have wasted a lot of time.
 
Thanks for your help


#4 jdlhorizons

jdlhorizons

    Member

  • Members
  • 24 posts
  • Country: Country Flag

Posted 05 February 2013 - 04:57 PM

Quick additional update

 

SpryAssets are built into DreamWeaver.

 

The original page URL above isn't complete.  It should be:  

Please Login or Register to see this Hidden Content

 

Thanks



#5 catrina

catrina

    Advocate

  • Members
  • 12345 posts
  • LocationCalifornia
  • Country: Country Flag

Posted 05 February 2013 - 07:33 PM

Can you please paste the CSS code from SpryAssets? (I can't access the CSS file itself)



#6 jdlhorizons

jdlhorizons

    Member

  • Members
  • 24 posts
  • Country: Country Flag

Posted 06 February 2013 - 01:55 PM

oops--actually, the SpryAssets URLs are fine (3 of them)

The link that didn't work was CSS that I included from the original site that helps manage the forms

 

I also noticed that a couple of the SpryAssets links went missing.  

 

And I added the rest of the code that's in the custom header section.

The rest is code that's also used for SpryAssets.  I may not need it

because I changed the page that used it.

 

The code is now:

 

<link href="

Please Login or Register to see this Hidden Content

" rel="stylesheet" type="text/css" />
<script src="

Please Login or Register to see this Hidden Content

" type="text/javascript"></script>
<script src="

Please Login or Register to see this Hidden Content

" type="text/javascript"></script>
<script src="

Please Login or Register to see this Hidden Content

" type="text/javascript"></script>
<link href="

Please Login or Register to see this Hidden Content

" rel="stylesheet" type="text/css" />
<link href="

Please Login or Register to see this Hidden Content

" rel="stylesheet" type="text/css" />
<link href="

Please Login or Register to see this Hidden Content

" rel="stylesheet" type="text/css" />
 

<style type="text/css">
<!--
.style1 {font-size: 18px}
.style2 {color: #296eb3}
-->
</style>
 
<script type="text/javascript">
    var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1");
</script>
 
 
<script type="text/javascript">
<!--
function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
 
function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
 
function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>


#7 jdlhorizons

jdlhorizons

    Member

  • Members
  • 24 posts
  • Country: Country Flag

Posted 06 February 2013 - 02:19 PM

fyi--I took the rest of that code out of the header section and the result is the same.



#8 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 06 February 2013 - 09:35 PM

Sorry if I'm a bit lost, but is this working now or not?



#9 jdlhorizons

jdlhorizons

    Member

  • Members
  • 24 posts
  • Country: Country Flag

Posted 07 February 2013 - 01:51 PM

No, it doesn't work.

 

The form works, but the formatting is way off.

Here's how it looks in the new site:  

Please Login or Register to see this Hidden Content

Here's how it should look:  

Please Login or Register to see this Hidden Content

 

I don't know if the css is conflicting or what.  All the pieces are there, but as you can see, it looks terrible.



#10 Simon_P

Simon_P

    Messer

  • Administrators
  • 8388607 posts
  • LocationDevon
  • Framework Version:2.0
  • Country: Country Flag

Posted 07 February 2013 - 02:04 PM

Can I ask why your trying to use a Dreamweaver addon in a wordpress page and not just using one of the hundreds of pre-made contact form plugins available on

Please Login or Register to see this Hidden Content



#11 jdlhorizons

jdlhorizons

    Member

  • Members
  • 24 posts
  • Country: Country Flag

Posted 07 February 2013 - 02:41 PM

If you've looked at the form, you can see it's not just the usual contact form.

 

I've tried five other forms that were highly ranked, and none of them really worked well.

I have just one that is pretty reasonable but it will take quite a bit of time and effort to fix it with css.

In the end, I may just have the same problems with css conflicts I have now.

 

The form I have works perfectly - don't know any reason it shouldn't still...



#12 Rob

Rob

    One Smart Egg

  • Members
  • 13575 posts
  • LocationEast Coast, USA
  • Framework Version:The Latest, of course
  • Country: Country Flag

Posted 07 February 2013 - 10:23 PM

Hi,

 

Yes, it seems you have some styling issues you can resolve using Firebug for Firefox or Chrome's Inspection Tool and guidance found at

Please Login or Register to see this Hidden Content