Liquid Layout - aspect ratio of background

I am working on a new site with a liquid layout and I havent been able to find a way to keep the aspect ratio correct with the different sizes.
I wish it was as simple as
bgimg1._width = Stage.width;
bgimg1._height = Stage.height;
the image size im working with is 990x600 for a 1024 display.
I would like the image to be centered and never to have empty area, so if it needs to it would strech past the sides. Any help is really appriecated.
Thanks,
Randy

when you create the symbol, make sure that 0,0 is not the top left, but the center. for example in your case, the location of this image symbol would be -495 for x, and -300 for y coordinates.
Now that the image symbol is centered for itself, it is now time to center it on the stage. You can do that be finding out the center of the stage which is half of that.
Now you can set the coordinates of the symbol equal to the center of stage.
example, myPic.x = Stage.width/2.
Great, the symbol is now always centered. But how to make it scale? It depends on how you want it to scale. Scale when resizing the webpage, or just scale to fit once?
If it is just to scale to fit once, you can just play with the values until it fills the screen by setting myPic.scaleX = 1.2; //or greater. Have to do scaleY too.
If you are trying to make the background scale dynamically, you would first need to create a listener that will detect the change of the stage.
Inside that change handler, you can set the scale of the symbol based on how much the stage has changed. The stage would only change if the html wrapped around it is set to scale.
Hope this helps.

Similar Messages

Background images w/aspect ratio true and clipping

I'm trying to create a site where the background image takes
up 100% of the screen, minus a 30px border around the app.
perimiter. The sizing method I'm trying to replicate is at
http://www.letstakepictures.info.
Notice that when the window is resized to any dimensions the
background image:
1) Resizes proportionately w/out distortion
2) Maintains its aspect ratio at all times
3) All other image information is clipped when the window is
resized unproportionately i.e. 30% high 100% wide.

The method of obtaining a 16:9 ratio explained within
my last post (click here to view Part I)
has left me with a distorted preview that is
difficult to accurately achieve what I was able to
without distortion.
The timeing of all my keyframes has been effected and
is hard to adjust due to the squished preview.
Judging by eye, where to zoom and how it will affect
the final output cannot be revealed until I've
compressed the file and imported in DVDSP. Which I
can then get a true preview within the simulator.
Actually, the method described should have left you with an UNDISTORTED preview. Perhaps it wasn't the fix you needed at all. There is no way you should have to go as far as the DVDSP simulator windown to see an undistorted image.
What you describe - viewing squished footage in FCP - means you have not set up FCP properly for the material with which you're working.
Maybe best if you start again at the beginning, as there are no doubt some important details missing here. My understanding is you are trying to make anamorphic 16:9 DVDs incorporating still images and video footage (which may or may not be 16:9).
The way to do this properly is to start out with an anamorphic FCP project and format your material correctly within that project, working with anamorphic sequences that will translate seamlessly to a 16:9 DVDSP project.
It sounds, though, that some of your FCP sequences are still, in fact, 4:3.
Tell us more.

How to preserve aspect ratio with a responsive layout?

Hi,
I have an image that I need to place in the centre of my stage.
The image is that of a ball and has 400px by 400px size.
I want my animations to be responsive so that the image will scale but still maintain the correct aspect ratio.
Currently if I set pixels to % on width and height, the image stretches.
How do you do this in EA?

Hi Jahandaniel,
I have tested responsive layout and it worked perfectly. Please check the following adobe tv article and let me know your result.
Creating a Responsive Layout | Learn Edge Animate | Adobe TV
Regards,
Devendra

Liquid layouts not quite working... help!

Hi Guys,
I am hoping one of you will be able to help.
I have finished reading some books on AS3 and started working
on a liquid transition animation using actionscript 3.0 (see
attached .fla). Basically, I am setting the stage scaling to
NO_SCALE and playing with a 4:3 aspect photograph as a background.
I have setup an event listener to detect stage resizing so that the
background image is tweened to the correct aspect ratio. There are
two dynamic text fields keeping track of the stage dimensions for
debugging purposes.
The if statements in the listener function basically detects
if the width of the stage is larger than the height. Based on that
calculation the dimensions of the background image are in turn
recalculated. So if the stage width is larger than the stage
height, then the image will be tweened to have its height .75 of
the stage width amount; in the case of a stage height being larger
than the stage width, then the bg image width will be 1.33 times
the stage height.
Technically, the code works, but when you start playing
around with resizing, the stage dimensions registered on the text
fields don't really match what you see on the screen and I am
unsure if it's a bug or if the stage is trully that size. Sometimes
when I resize the screen I am positive the height of the stage is
larger than the width but the text fields state otherwise and the
code is behaving based on what the text fields register, which is
what is supposed to be doing, but the image doesn't crop correctly.
I need one of you actionscript gurus to look at the code and
tell me what you think mught be happening. I really appreciate
it.

first breez1 – in AS2 you are correct, that is how to
get properties of the Stage object. In AS3, it has changed.
Next for RGracia, here is a neat trick that will make your
code a bit easier to read and follow – at least it made
things easier for me. It is called the ternary operator and it
allows you to do a conditional and then assignments all in one
step. So you can do something like:
bg.width = (sw > sh) ? sw : sh * 1.33
That basically reads as, if sw is larger than sh assign the
value sw to bg.width otherwise assign sh times 1.33 to bg.width.
Basically if the part in parens is true then the value before the
colon is assigned and if the part in parens is not true then the
part after parens. Neat, huh?
Over all the basic set up here seems more or less correct.
I'm wondering if the problem comes from the tweens? I don't see
anyplace where you are stopping and deleting the old tweens.
Remember the RESIZE event happens a bunch of times when you resize
the window. Not just at the end of the movement – at least I
think that is what happens. So you might be assigning crazy
multiple tweens? Just a thought, you might just want to try it
without the tweens first to get it jumping to size, then try and
make the tweening work.
I don't think screen resolution is playing any part in the
the way the player detects the stage size. The stage size is the
size it is. I do remember when I was doing something like this
using AS2 and there was a bug with the way Firefox (or was it
Safari) sent the resizing events when I would change just the
height of the browser window. If I was just adjusting the height of
the window, no event was fired. As soon as a I adjusted the width,
BANG, they would both jump to the correct values. Perhaps that is
what you are experiencing?
Can you provide a link to the page?

Widget slide show and liquid layout

I am trying to use the widget slide show in a liquid layout and I need the slideshow to resize. I used the width 100% and tried the height set to auto but the image hight does not resize. how do I get the slideshow to resize both height and width.

I'm not entirely certain the slideshow widget is scalable. Many of them are not.
You can try adding this to your CSS code:
img {max-width: 100%; height: auto !important;}
If that fails, you might want to switch to a fixed-width, centered layout. Liquid layouts are very tricky to work with.
Alternatively, you could look for a jQuery slideshow that does support % widths -- although these carry the potential for distorting your images if the aspect ratio is not maintained.
Nancy O.

Why does my image look wrong in liquid layout?

I'm making a site for an artist and tried using a liquid layout in CS5. I also made one in fixed like I usually do. The width on both is 1260 and the header image on both is 1260 px wide.
On the dh5 (fixed) one, the header is centered. On the dh7 (liquid) one, the image, which is a title, is moved slightly to the left. Is this fixable or should I just stick to fixed layouts?
dh5: http://bethniebuhr.com/dh5.html
dh7: http://bethniebuhr.com/dh7.html
Thank you.

Hi
The problem with the header in the semi-liquid layout, (not liquid as it has a max and min width) is that being an image it has a fixed height and width and this is causing your problems.
Using images in liquid and semi-liquid layouts requires a completely different work-flow to what is required in a fixed layout as one must allow all the images to expand within their designated areas and ensure they still retain their aspect ratio, all of which is possible but will require much more work in learning that that normally required.
PZ

Different aspect ratios

So how do you treat your different aspect ratios now we have iphone 4, 5 and 6 all different sizes?
Do you build for 4 and then have extra space and backgrounds for 5 and 6, or do you adjust your app based on the different resoltuons by detecting the res and auto adjusting and moving things?

The answer is it's up to you. What you're asking about is a design principle called 'Fluid Layout' or 'Responsive Layout'. The idea is to design your UI so it responds to the different resolutions and/or aspect ratios of the screen it's on.
Fluid layout is the term when the app continuously adjusts itself as the window is resize ( this is more of a desktop approach since mobile is on a fixed screen size ).
Responsive layout is when the UI jumps to a specific state when dimensional threshholds are reached. So you could have 4 different layouts ( Mobile, Tablet, Desktop, Extended Desktop ) that the app can switch among depending on the screen size dimensions. In your case you may want to take the mobile layout and break it up into aspect ratios.
Responsive layout is more easy to program and recommended for people new to the principle since it's easier to think of set states instead of constant flow. But Fluid Layout is the best solution if your an advanced developer because you never have to go back in and create a new state to support new devices. The layout is always perfect no matter the screen.
How it works programmatically you usually have a listener, very high up in the program, that watches for the stage resizing and then calls a function that tells the UI to realign itself and go through all the children so they know to realign themselves. In your case you could just run that on launch because your screen size should never adjust. In some cases you should update the children first then the parents.
Hope this helps.

How do I automatically scale a layer to fit a canvas while maintaining the original aspect ratio?

I'm currently tasked with reformatting 3,000 product images (thumbnail, normal, and large sizes for each) for a new online store. To do that, I'm trying to create a Photoshop (CS6) action that can automate the process as much as possible because I have a hard deadline and not a lot of time to get it all done. Where I'm running into issues is scaling the images automatically once I've used File-->Place. My canvas sizes are all square (670px X 670px, 250px X 250px, and 125px X 125px), but the product images I'm placing on the canvases are almost always rectangular with the height greater than the width at about a 2:3 ratio. I need to scale them so that the image is touching the top and bottom edges of the canvas and the width is adjusted accordingly with the image centered horizontally.
I found the program below on another thread, but it's not working exactly like I need it to. It mentions "maintain aspect ratio," but when I run it, the image I'm trying to place ends up getting stretched to fill the entire canvas rather than the width adjusting to the height once the height has reached its maximum. I have no experience with JavaScript, so I'm having a difficult time adjusting the code to meet my needs. Any help would be greatly appreciated since I am a writer who is WAY out of his comfort zone.
var maintainAspectRatio;// set to true to keep aspect ratio
if(app.documents.length>0){
    app.activeDocument.suspendHistory ('Fit Layer to Canvas', 'FitLayerToCanvas('+maintainAspectRatio+')');
function FitLayerToCanvas( keepAspect ){// keepAspect:Boolean - optional. Default to false
    var doc = app.activeDocument;
    var layer = doc.activeLayer;
    // do nothing if layer is background or locked
    if(layer.isBackgroundLayer || layer.allLocked || layer.pixelsLocked
                            || layer.positionLocked || layer.transparentPixelsLocked ) return;
    // do nothing if layer is not normal artLayer or Smart Object
    if( layer.kind != LayerKind.NORMAL && layer.kind != LayerKind.SMARTOBJECT) return;
    // store the ruler
    var defaultRulerUnits = app.preferences.rulerUnits;
    app.preferences.rulerUnits = Units.PIXELS;
    var width = doc.width.as('px');
    var height =doc.height.as('px');
    var bounds = app.activeDocument.activeLayer.bounds;
    var layerWidth = bounds[2].as('px')-bounds[0].as('px');
    var layerHeight = bounds[3].as('px')-bounds[1].as('px');
    // move the layer so top left corner matches canvas top left corner
    layer.translate(new UnitValue(0-layer.bounds[0].as('px'),'px'), new UnitValue(0-layer.bounds[1].as('px'),'px'));
    if( !keepAspect ){
        // scale the layer to match canvas
        layer.resize( (width/layerWidth)*100,(height/layerHeight)*100,AnchorPosition.TOPLEFT);
    }else{
        var layerRatio = layerWidth / layerHeight;
        var newWidth = width;
        var newHeight = ((1.0 * width) / layerRatio);
        if (newHeight >= height) {
            newWidth = layerRatio * height;
            newHeight = height;
        var resizePercent = newWidth/layerWidth*100;
        app.activeDocument.activeLayer.resize(resizePercent,resizePercent,AnchorPosition.TOPLEFT);
    // restore the ruler
    app.preferences.rulerUnits = defaultRulerUnits;

Hum Im not sure Im getting you here… Have you looked at Image Processor…?
Why are you NOT just using Fit Image and canvas size in your actions…?
These are all built-in to Photoshop.
If you wanted to do all 3 sizes in the 1 fly-bye then use script to process…
If you need extra file naming conventions then script would probably be best…
All of the above should have NO trouble handling your 3k files…

Still Photo Aspect Ratio Confusion

Apologize for asking a question on this topic as I have been through the forum and realize the topic of aspect ratio comes up often. I have not however seen this question answered. Quick background:
-Working with HD Video footage imported as SD as I am burning non-HD dvd's and I have heard the conversion in IDVD and Toast from HD is not great;
-Using photos imported from Aperture in FCE;
-Sequence is NTSC anamorphic as I want 16:9 but without HD;
My question is about the aspect ratio of still photos when I bring them into the timeline. I have experimented with saving photos in different aspect ratios: 853x480 and 720x480. When I import into FCE the 853 shows a square pixel and the 720 shows a NTSC pixel. From what I have read this is due to the way FCE interprets the aspect ratio and assigns an pixel aspect. When I view each in the viewer they both look correct when I click the corresponding pixel aspect from the top of the viewer. It is when I move these to the timeline that I get confused. The 853 gets an adjustment of 18.52 and the 720 gets an adjustment of 33.33. What do these adjustments actually represent? Is it a percentage, a number of pixels, something else? When I read about it in the Manual it seems to state that FCE adjusts for the difference between the still and sequence, but then why does it adjust the 720 since it has the same pixel aspect as the sequence? I then tried changing the Pixel aspect of the 853 in the browser to NTSC and moving it to the timeline. I get the same 33.33 adjustment. The 33.33 does not look correct in either of them, but when I change it to 18.52 it looks correct (with the pixel aspect at square, with it not checked it looks "skinny" or squished).
Only thing I can think is that it has something to do with the anamorphic adjustment and the squeezing that goes on with it as 18.52 as 853 (widescreen) is 18.47 percent wider the 720.
At this point I am really not sure how these will display when I make a dvd and display on a widescreen tv. I would prefer not to do this by guessing or looking at the picture, but instead by understanding what FCE is doing and making sure I have the settings and adjustments correct.
Sorry for the long message, but would really appreciate any advice

Michael,
sorry to disagree, but for sure I was not clear, and the topic is quite complex. So I decided to provide an overview (as much as I can...) of the various combinations of clips inserted into various sequences with all settings - possibly on my web site (I'm afraid other posters are getting bored about all this math).
But since this is taking quite a bit of time, let me just tell you now where I disagree about your findings. When I'll have my overview completed I hope that will better explain what I mean.
_Your point 1_.
I'm pretty sure you (unwillingly) are importing your 16:9 square pixel NTSC clip into a +4:3 CCIR pixel NTSC sequence+ (not your original 16:9 anamorphic NTSC sequence). Please check your sequence settings by selecting the sequence in the browser in list view and reading the Frame Size, Pixel Aspect, and Anamorphic fields.
a. If your sequence is in fact +4:3 CCIR pixel NTSC sequence+, by applying the formulas you get:
- PARclip for +16:9 square pixel NTSC+ clip = 853/853 = 1 (as for any square pixel clip)
- but PARseq is not 1 (as you write) but 640/720 (square/actual pixels) = 0,8888
- Adjust = PARseq/PARclip = 0,8888/1 = 0,8888.
- Since Adjust is <1 Motion Aspect Ratio = - 100* (1/0,8888 -1) = -12,5 as you experienced on FCE. BTW this means that the imported clip has to be squeezed vertically by 12,5% (as opposite of horizontally).
b. If your sequence instead really is +16:9 anamorphic NTSC+ as you seem to imply, then 18,52 is correct as you confirm yourself with "Agree that in the four cases you list it agrees...": it is in fact the 2nd case in my 4 cases list.
_Your point 2_.
Here I suppose the sequence is +16:9 CCIR pixel NTSC+ which has PARseq = 853/720 = 1,1852.
But I'm not clear what you mean by "720/640 NTSC clip". My guess is that you mean a +4:3 CCIR pixel NTSC+ clip,
then PARclip = 640/720 (square/actual pixels) = 0,8888
then Adjust = PARseq/PARclip = 1,1852/0,8888 = 1,3333 and Motion Aspect Ratio = 100*(1,3333 - 1) = 33,33 as you experienced
_Adjust formula_.
I think this formula in your earlier message is incorrect: Aspect Ratio (in Motion/Distort) = - 100 * (1/Adjust-1) if Adjust ≤ 1; seems like the formula: Aspect Ratio (in Motion/Distort) = 100 * (Adjust-1) if Adjust ≥ 1 works at all times including <1 as follows 100*(.875-1)=-12.5.</div>
This not true (well it is true only for Adjust = 1...). As an example if Adjust = 0,8888 then 100*(0,5-1) = -11,12 (wrong value for this pixel adjustment), while -100*(1/0,8888-1) = -12,51 which is the correct vertical squeeze !!
Why 2 different formulas are needed ? because when Adjust is >1 a +horizontal squeeze+ by Adjust is necessary to fix the pixel aspect ratio misalignement, when Adjust is <1 a +vertical squeeze+ is necessary by 1/Adjust... (figures will help as soon as they are ready for... publishing).
I'm sorry these posts are so long, I try to make them as clear as possible, but the topic is a bit messy and, even if only fractions are involved in this math, their actual meaning is not always intuitive...I'd really appreciate any comment also by more experienced users of FCE/FCP...
Thanks
Piero

Aspect ratio confusion HDV + DV = mess

Sorry to ask my second question in 24 hours. I think my new problem is as much a case of me not getting the concept as it is of me not understanding the software.
Thanks to the kind folk on this forum I managed to sort out my timeline and get all the clips to overlay properly. I then thought that rather than exporting the whole thing, I should just mark an in and out point on the sequence and create a QT (mov) file from that section, which I would then turn into a short (6 minute) DVD using iDVD. All of that seemed to go really smoothly and quickly BUT when I played the DVD on a Sony LCD TV I realised that the aspect ratio has gone wrong. There are black bars at the top and bottom, even though it is a 16:9 TV and the source material is 16:9 (albeit in different formats - see below). The people look a bit squashed on the TV screen and the aspect ratio of the video part of the picture when it appears on the TV screen is more like 2.35:1 than 16:9.
Then I looked back at the Canvas in FCE and realised that there are black bars on the Canvas above and below the video, which I had been ignoring because I thought they were background... I am praying that I don't have to re-edit the whole thing now. I measured (with a ruler!) the proportions of the image I am getting in the canvas and sure enough it is a black box at 4:3 aspect ratio with a video image in the middle at 16:9. I guess I must be sending a 4:3 image out to Quicktime at 16:9, which just squishes everything and leaves the black bars. I could cry, really.
Here is the tech information. I have a Sequence on the timeline from 3 video sources:
1. A DV clip that is 720 x 576 from a Sony camera shooting in widescreen mode
2. An HDV clip (now in Apple Intermediate Codec) that is at 1440x1080 from a Canon HV40
3. Another PAL DV clip at 720 x 576 which started life on the hard drive of a borrowed camera and had to be converted to something usable from a proprietary JVC format
I've just noticed - and this may not be important - that clips 1 and 3 have "anamorphic" ticked when you look at their properties in the browser, whereas clip 2 (the HDV one) doesn't have that ticked.
What can I do to rescue my project and create a proper 16:9 format DVD without re-editing for 50 hours?
Thanks
Andrew

Hello Tom, I just realised that you wrote the book that's sitting on the desk next to me... I thought that name looked familiar.
Thanks for your reply. My media is in pretty much equal parts: the performance I was filming ran for an hour and I kept all three cameras running for the whole performance. Having edited between the camera outputs now, the least used is from the JVC camera. The other two (HDV and DV) are roughly equally used but the DV was the wide shot so has no edits in the timeline sequence - the other two video tracks are above it. The sequence setting, if I'm looking in the right place, seems to be DV PAL 48kHz. I don't see a place to set the aspect ratio other than in the Canvas zoom where there is a "preserve aspect ratio" setting that is ticked.
Andrew

Aspect ratio value should be a dynamic collection criteria

Currently, only generic criteria like 'Portrait' or 'Landscape' can be used.
It will be huge to also say '4:3', '4:5', ...
With the multiplication of display formats and devices, having a publish service dedicated to a given device becomes the norm.
For example:
- I shoot with an EOS 30D (3:2), and publish photos for mummy on the ipad (4:3).
- But i also have photos shoot with an old IXUS (4:3) than can be directly put on the device.
If i want quality slideshows to be displayed, resizing at publish time is not enough.
I have to manually reframe 30D photos, but also additionnally mark them somehow (i usually put the aspect ratio in the virtual copy name).
But, if i wnt that same photo also published as a monitor background or TV wich is 16:10 i have to make a new copy, a new reframe and mark it again.
Having automatic aspect recognition in the publish service dynamic collection definition would greatly simplify the process.
(see also my request for dependent virtual copies!).

Thanks, Rob for your suggestion.
But I don't use plugins as i don't want to depend on external features for long term compatibility.
I find quite surprising that many metadata which are actually inside the database are not or partially exposed.
I expect the LR team come with a more open-minded approach in the future.
(If somebody can explain me the decison process behind GPS locations that are read only...).

Aspect ratio problems

I've built a DVD with 16:9 DV movies and menus made in Photoshop using first of all the PAL DV 16:9 preset and latterly a custom size in the ratio of 16:9.
My problem is that when I check the DVD using the simulator the menus fill the screen OK but the 16:9 DV media looks more lke 4:3. I noticed that while making menus in Photoshop using the DV16:9 preset that 'pixel aspect ratio correction' switched itself on and wonder if this is part of the problem. I've tried re-saving my menu pages with the correction unchecked but still have a problem. Is pixel aspect ratio correction just for display or does it affect what's saved. I won't get the chance to check a burned DVD until very close to my deadline so I don't know whether I have a real problem or not.
I suppose what I'm asking is what settings do I use in Photoshop to produce menus for a 16:9 project.
Help! Thanks!
Message was edited by: bladerunner1712

Thanks for your input, that clarifies things although I'm not sure I described the problem properly. I think that my Photoshop menus ARE being displayed properly and the problem is actually with my 16:9 DV movies or DVD SP itself. Here's what's happening ...
A 16:9 DV movie set as a menu background looks more like 4:3. The same 16:9 asset used as a button on that menu appears 16:9 (hurrah) but the same 16:9 asset used as the target of the button show up in the simulator as more or less 4:3!
I should have mentioned before that the problem only appears in the simulator and using the (sofware) DVD Player. Movies and menus all look 16:9 played on hardwrae players. What's going on.

Need help resizing to a different aspect ratio

New user here, inheriting a project. This is a simple
software tutorial with instruction captions on about 80 static
slides with action buttons to progress. The original background
images were taken at an odd resolution and resized, so the product
manager would like them all retaken to be less blurry. Oh, and,
while we're at it, how about changing the aspect so the Windows
task bar isn't covered up in 800x600 resolution?
This would seem simple enough; just resize the project to
800x570, retake the images at 800x570, and Bob's yer uncle. But Bob
is simply not cooperating. The Edit and single-slide previews look
fine, but multiple-slide preview and published slides show the
background images at 800x570 and a gray bar at the bottom to make
the project window 800x600.
I tried creating a new project with a custom size of 800x570,
then copying in the slides from the first to copy and paste
captions, buttons, etc. Voila! previews are 800x600 again.
Obviously I am missing something here!
never mind, gave up and resized to one of the presets. The
gray space at the bottom was the skin border.
Now, how do I delete a useless post?

OK.
Those are the correct settings for Widescreen export. The only other issue here is that broadcast uses a slightly incorrect Pixel Aspect Ratio of 1.2121 (the correct should be 1.185). Your version of Premiere Pro also uses an incorrect PAR, but one that doesn't exactly match the broadcast PAR. Later versions of Premiere Pro were altered to adopt the same incorrect PAR. (So now at least everyone is doing it wrong in exactly the same way.)
Plenty of folks, I'm sure, used this earlier version to create broadcast output, so you can probably get away with it. If not, you may have to upgrade to CS5.

Problem uploading web content (Templates) developed in DW CS6 and Liquid layouts

Hi
I have developed some templates in Dreamweaver CS6 and Liquid Layouts
However when I want to preview them in a browser, they come out blank (No Data at all)
I have tried this without Liquid and works fine, minor bugs that can be fixed like background image not visible
It seems the problem its at the BC system
Will appreciate help on this matter
Thanks

Mario, person made the same thread 4 times now:
http://forums.adobe.com/thread/1099238
Just keeps posting the same post in a new thread over and over.

Problem uploading templates with liquid layouts and dreamweaver cs6

Hi
I have developed some templates in Dreamweaver CS6 and Liquid Layouts
However when I want to preview them in a browser, they come out blank (No Data at all)
I have tried this without Liquid and works fine, minor bugs that can be fixed like background image not visible
It seems the problem its at the BC system
Will appreciate help on this matter
Thanks

You should not be using Liquid in product sites, especially in templates since the whole liquid code breaks and does not render in several places.
DW has no features to support liquid rendering either yet.
It is something that is in Alpha.

Liquid Layout - aspect ratio of background

Similar Messages

Maybe you are looking for