Responsive layout design

Hello dreamweavers.
I have a question regarding responsive layout which is regarding to dimensions, I see a lot of post on the net with does and don'ts, that's why I'm asking for a
more professional and formal advice. So my question is, if I set up a design page for example 1400 width x 1000 height or 1600 width x 1400 height, would both
dimensions be able to be coded responsive in order to take up all devices? can a web designer make it responsive regardless its layout dimensions ir is there a specific dimension when it comes to responsive layout,
and what would that be?
Thank you.

inquestflash wrote:
Thanks for the information Nancy. Just one more thing Id like to ask. Would setting up as default dimensions the 960 GRID system be ok, and then
the developers can use % for the rest of the devices?
Yes,
Set a container wrapper to max-width: 960px;
Like:
#containerWrapper {
max-width: 960px;
width: 96%;
margin: 0 auto;
Any screen which has the real estate to accommodate 960px width will get that. As the screens real estate gets narrower the design adjusts to suits its width.
Obviously if you just have a one column design that's the job done but you will no doubt have multiple columns so you then need to use media queries to change the properties of the css as the browser window becomes narrower to make the design look nicer.

Similar Messages

Print Layout Designer or Crystal.....! What to do?

Dear All,
We need to link our User forms to Print layouts in order to make our reports work exactly the way SAP reports work. Is there a way to enable the print and print preview toolbar buttons and make them show our Report Layout? So far the response from SDK Forum is not encouraging and many questions regarding the same issue remain unanswered there.
After looking for the solution in the SDK Forums we came across these two replies from Mr. Nick He and Mr.Frank Moebius. Both are of the opinion that currently SAP does not offer a support for this feature and better use a third party tool. We are not in a position right now to opt for any third party tool but if we get a clear response from your side regarding this matter, we can go for it. Kindly have a look at the following links:
Re: Print Layout Design for user form in SapBusinessOne2005A(6.80.317) sp:01.?
Re: Add PLD Layouts in 2005 through sdk
The recommended solution within SAP B1 to develop Add-on reports is through User Queries and creating a Print Layout and run them via Query Manager Window. This approach in our view has the following drawbacks that make it less friendly with the end user:
1. Add-on forms appear in the left pane/menu, whereas reports would have to run through Query Manager only, which is in fact a small toolbar button on the top right side. We can add the Query Manager link to user menu but it doesnt solve the problem.
2. A user with full authorization over the Print Layout can accidentally overwrite it by clicking the Create Report Button, whereas in case of SAP Reports the Layouts remain unchanged and only saved as a new Layout and set as Default Layout for a report. Add-on Reports cannot do this.
3. Different behavior of Layouts in Query Manager on Single Click and Double Click. In the Query Manager, if a user just selects a query by a Single Click and views a Print Preview (Layout) then the custom user Layout appears. But if a user Double clicks a query then the Query Window appears, exposing the query and making it editable. Also the Preview(Layout) is different in this case. The user can either view the Window or Table Layout in this case. Hence this exercise would make the user confused and prone to errors.
4. The Parameter/Criteria window that is SAP generated is not enough to fulfill user friendly interface requirements. Is there a way to add List boxes or Combos to that form. The parameter selection Checkboxes also behave in a strange way that even the experts find difficult to manipulate. If they are of no use, whats the point in having them on the form in the first place.
All these points are leading us to confusion over the decision as to whether go for Query Based Reports or use Third Party tools. Kindly help us out in this regard. Your response would help us save some valuable time for our Add-on Development.

<<< If there is a solution then it has to be from SDK. We can only opt for third party components and frameworks only if any of the SAP representatives ensure us that the current version of SDK does not offer such support.>>>
The answer to that is to lodge your query as an Issue to SAP directly as a support question or go through your local SAP representative. If the functionality is not offered by SAP you can do a Development Request ( DRQ) and SAP will develop it if they think it will become userful.
<<<If this Forum is not meant to be answered by SAP representatives then kindly tell me any other Technical Support Portal from where i can get the answer directly. >>>
This forum is accessed mostly by SAP Business One Developers on SDK. However we are fortunate that some SAP employees who are very knowledgeble take some time off to answer queries.
Since it is a Forum, no one is obliged to answer. As indicated above , Try SAP directly if you need a definite answer.
<<<>>>
Since you mentioned Crystal: We as SAP Business One SDK developers, have come across similar issues and opted for a Inhouse developed Crystal Solution. It has been so popular we are selling it as a Generic add-on to B1.
Regards,
Indika.

Print Layout Designer Preview

Hi experts,
We have a report using the Print Layout Designer, before printing it we view it first. When we preview the report, amounts can't be seen fully however, when we pint it, it's complete. Why is this so? Hope you could give me response in soonest.
Thanks,
Kathy

Hi Kathy,
If your print results do not match your printer preview, it always links issue with different printer driver. It is OK as long as your printing results are good. If I were you, I would only care about the actual printing results. That is because, you may have different printers to use. All of them may have slightly different results.
Thanks,
Gordon

Tables colpsan rowspan vs Div in a responsive layout

Hi all
I am new to web design and was wondering can you use tables in a responsive layout?
All I need is a website layout that you can view in a tablet and PC for I've already have a mobile site
Thanks everybody

Tables are for tabular data only -- spreadsheets and charts. They are not well suited for web page layouts of any kind. Tables pose several challenges in Responsive Web Designs. I try to avoid using them if I possibly can mainly b/c they stop resizing on smaller viewports. Boostrap offers a few ways to present tables responsively -- with collapsed regions and/or horizontal scrollbars.
http://elvery.net/demo/responsive-tables/
Another option might be to create a pseudo-table with Definition Lists.
Pseudo-Tables with Definition Lists - JSFiddle
Nancy O.

Has anybody modified the Aperture Web Themes for a Fluid Grid or Responsive Web design

I have had some experience modifigying Apple's WebThemes inside Aperture in
Aperture.app/Contents/Resources/WebThemes
I would like to create or modify an existing Web Theme in order to have my site follow the Fluid Grid principles of Responsive Web design.
Has anybody done this who would like to provide some advice?
Thanks, in advance.

Hi jonfreed77,
People facing similar issue, posted following resolution in another thread recently.
Please give it a try and confirm if they work for you.
8. pcepp,
20 Jun, 2013 8:24 AM in reply to pcepp
Report
I found a solution that worked for me.
I removed all the fonts that Adobe CC installed out of my Library:Fonts folder and just left in the Apple Basic fonts like Arial, Courier etc... Launched Dreamweaver CC and the CSS designer panel works. I have no idea exactly which font it is, or creating the conflict. All I know is that it works great now.
|
9. dogdog63,
20 Jun, 2013 10:11 AM in reply to dogdog63
Report
very strange - I installed Illustrator CC and then I had no more problems with Dreamweaver! No more crashes when close or create files and no more problems with the CSS designer. Error messages during create fluid grid layouts are also gone ...
Michel:
I think I figured it out on the Mac. Be sure that Verdana is activated in Font Book. What tipped me off to this was a warning I was receiving when trying to open After Effects. It was saying that the program needed Verdana for the user interface to work. I thought that maybe Dreamweaver needed Verdana too. Sure enough! Hope this helps you guys.

DREAMWEAVER CS4 LAYOUT (DESIGNED IN PHOTOSHOP)..

Hi everyone,
Just wondering if anyone can help me with this... checkout this website of mine (Im a guitar teacher) http://www.jlgtuition.com
(jpeg exported from photoshop used as background design) click here advice on how to lay this out again (site needs updated flash links dont work on android tablets/phones etc...) If I were to go for the same layout and design would it be best to slice it in photoshop and uss CSS for the layout (using divs) OR maybe as I had tried without much success use divs in CSS and draw (as in the old way) layers and place text that way... Problem there was in iexplore it jumps to the left compared to firefox where text was staying static...it needs to expand with the various browers. Also was looking rough on iphones as well which I presume were using Safari...?
What do yo think is the best solution..Im not great with CSS and prefer (if I can) to use Design option in DW to layout the pages in DW... Any help much appreciated...
Cheers James

There's a lot of really bad information on YouTube. You get what you pay for.
You're right about tables. That's the old school way of doing things. Responsive Web Design is all based on CSS Media Queries -- different layouts for different screen widths (mobile, tablet & desktops).
Start learning CSS and it's relationship to HTML. Coding skills are essential. Bookmark these sites.
http://www.html.net/
http://w3schools.com/
http://www.csstutorial.net/
http://phrogz.net/css/HowToDevelopWithCSS.html
http://webdesign.tutsplus.com/sessions/web-design-theory/
Creating your first web site in DW CC-
http://www.adobe.com/devnet/dreamweaver/articles/CS6/first_website_pt1.html
Introduction to CSS Media Queries
http://www.adobe.com/devnet/dreamweaver/articles/introducing-media-queries.html
Nancy O.

Digital Publishing Suite Help | Layout design overview

This question was posted in response to the following article: http://helpx.adobe.com/digital-publishing-suite/help/layout-design-overview.html

Great Video.
Can you have two 15 page docs for Horz and Vert formats marry them in folio, so that article 1 has a Horz and Vert orientation,article 2 the same and so on and so on right up to article 15?
Right now it seems like I would have to break the two docs into 15 individual docs each to accomplish the Horz and Vert orientation.

Create a photo montage showing responsive layouts

Hello,
Photoshop forum suggested I move over to the DreamWeaver forum for this. I am a web designer. I'd like to show a thumbnail view of the responsive sites I've created on my own website that shows a particular site (using the actual URL) in a montage of different responsive layouts. It's a common montage. Is there a way to generate this using a URL, some tool or software? I do not want to create a slideshow. I first went to Photoshop because one company told me that's what they used to create this. I'd like to keep it simple and have Googled exhaustively to no avail.

There is an extension for Google Chrome that takes responsive captures.
Webpage Screenshot - Chrome Web Store
Online Service -- you enter your URL and set the breakpoint (viewport size)
Responsive Capture - free full screenshot service
Another online service -- makes various responsive previews to show your clients
deviceponsive.com/
Nancy O.

Weblogic Portal with Responsive Web Design

Hi All,
Did any body used CSS3 Media Queries (Responsive web designing) in Weblogic portal like for layouts,jsp's etc.,.
Thanks,
Venkat Sarvabatla

Here is the link:
http://www.destiny-seminars.com/dev/index.html
The dev directory contains:
index.html
contact.html
speaking.html
training.html
about.html
The first page to look at where I had the most recent, most completed page, is - about.html. That will be my template for the rest. Also, there was supposed to be a feed from my blog showing up on this page; it was also perfect at first. Then, my shaded black site links section and and the copyright footer quit showing up. When I commented out the blog feed code, the footers showed up again. At one time, it all was working. so this is yet another problem I cannot figure out why stuff is changing seemingly by itself.
These pages were originally created in an online tool called webflow.com. It worked great, but they did not honor the full trial changes before they made site updates that eliminated any free use at all. This code for all files and images were exported into a zip file. The CSS files are titles as follows, in the css directory:
normalize.css
timothy-hartwell.css
webflow.css
Please help!

Responsive layouts and expanded form options

I love that paralax scrolling has been added to Muse. Responsive layouts and allowing uploads in forms would be top of my list for upgrades. Appreciate how far this program has come from it's first beta release, keep it up.

Unfortunately there is no feature for creating Formscentral Forms that behave the way DW fluid grid design elements do. Basically Formscentral outputs HTML for one size form only. You can embed this HTML in your DW site and play with the fluid grid settings but as far as Formscentral is concerned you can only specifiy one size form at design time.
Andrew Yarborough

Print layout designer for develop report based on query

Dear Experts/Gurus,
I am amazing about the manage previous reconciliation report. When I opened it using print layout designer, it looks like the report is not built using query, but I am not sure yet. This is very confusing. I created query similar with manage previous reconciliation (MPR), but when I link the query to print layout and try to make similar format/appearance with MPR report (reconciliation management (system)), it is not success.
Isn't the MPR report built not based on query ? I appreciate your answer. TIA
Rgds,

Hi,
I am not sure I understand what's the problem:
Is it the layout that is different or the data?
Regarding the data you can use SQL Profiler (maybe you did?) to find out what queries are fired, but please note that there are some stored procedures in the DB that are used for some specific functions - not sure whether the "MPR" uses any of these.
Then you must include some non-default filter in SQL Profiler...
...but you can also use the logging functionality in B1 for that purpose:
Just activate the logging (see the "log" folder in the B1 subdirectory) in the corresponding config file: choose the option to have the SQLs logged in conjunction with the logging being triggered in all cases (not just error).
Thus you will get all the SQLs - just plain - from the B1 application, but note that it will obviously slow it down!
HTH,
Frank

Help me . Query in " Query Print layout Design "

Hi Everybody .
I Design Report by Query Print layout Design , So when I run Report , I see Message : " Table not found Administrator (OA DM)" .
This is My Query .
( Note :this Query is run ok in Microsoft SQL . )
Select Cast(left([dbo].[Get_rate](T0.BatchNum,left(T0.Account,4),T1.U_VNS_JType),5) as nvarchar(50))+ Cast(T0.BatchNum as nvarchar(50))As No_Number , T0.TaxDate As Date , case left(T0.Account,4)when '1112'then '0.00' when '1122'then'0.00' else [dbo].[Get_11](T0.BatchNum,left(T0.Account,4),T1.U_VNS_JType)end as Amount1 , case left(T0.Account,4) when '1111'then '0.00' when '1121' then '0.00' else [dbo].[Get_111](T0.BatchNum,left(T0.Account,4),T1.U_VNS_JType) end As Amount2 , T1.U_VNS_MEMO As U_VNS_MEMO, T1.U_VNS_VNUMBER as PV_No , T1.U_VNS_JType as 'Voucher Type' , T0.Account As AC_Code , T3.AcctName as Description , T0.Debit As Debit ,T0.Credit As Credit , T1.U_VNS_NAME, T0.U_VNS_REMARKS From BTF1 T0 Inner Join OBTF T1 On T0.BatchNum = T1.BatchNum Inner Join OBTD T2 On T0.TransID = T2.BatchNum Inner Join OACT T3 On T0.Account = T3.AcctCode Where T0.BatchNum = '[%0]' Group by Cast(left([dbo].[Get_rate](T0.BatchNum,left(T0.Account,4),T1.U_VNS_JType),5) as nvarchar(50))+ Cast(T0.BatchNum as nvarchar(50)) , T0.TaxDate , case left(Account,4)when '1112' then '0.00' when '1122'then'0.00' else [dbo].[Get_11](T0.BatchNum,left(Account,4),T1.U_VNS_JType)end , case left(Account,4) when '1111'then '0.00' when '1121' then '0.00' else [dbo].[Get_111](T0.BatchNum,left(Account,4),T1.U_VNS_JType) end , U_VNS_MEMO , T1.U_VNS_VNUMBER , T1.U_VNS_JType , Account , AcctName , T1.U_VNS_NAME, T0.U_VNS_REMARKS order by Amount1 desc
Please help me .
Thank you very much .
Message was edited by:
Tran Ba Hai

Note: This Quey if I change = [%0] by = 1 , and I run Report in SAP is ok .

How to use query print layout design

i have a sql query and i want to see its result on report with the help of print layout design.

In addition to Tuvia's answer, here is the printing procedure of query PLD:
Printing User-Defined Queries
Use
After you have linked a user-defined query to a user report template, you can print it according to its linked print layout.
Procedure
To print a user-defined query, use one of the following two procedures:
Using the Query Print Layout window:
1. Choose Tools u2192 Queries u2192 Query Print Layout.
2. Choose the Reports tab page and select the query you would like to print.
3. Choose File u2192 Print.
The user-defined query is printed according to its linked print layout.
Using the Queries Manager window:
1. From the toolbar, choose with the quick info text Queries Manager.
2. Select the query you would like to print.
3. Choose File u2192 Print.
The user-defined query is printed according to its linked print layout.
You can also display a print preview for user-defined queries. To do so, choose File u2192 Print Preview.
Printing User-Defined Queries with Variables
Use
When a user-defined query contains variables, its linked print layout will also display the variables data and print them.
In the print layout linked to that query, you can see that an additional area containing the condition's parameters was added
There is pdf file relate to Query PLD in the SAP service marketplace website.
Rgds,

Print Layout Designer - inconsistent output

Hi,
We have received consistent compaint from our client that the output of Print Layout Designer are inconsistent.
Eg: The same PLD template is used for An invoice print out from 2 different workstation. However, workstation A display the format properly, workstation B will have missing lines between boxes or the alignment is not displayed properly.
We have also recently encountered the problem that our client export the invoice to Acrobat and then print it. However, it displays properly for workstation with Acrobat version 8, 9, but missing lines for version 7.
Another scenario could be the form is displayed properly on the screen, but the physical print out to a printer is not consistent.
We really appreciate some share of thoughts here. Is switching to other report writer, eg: Crystal Report, the only option?
Edited by: Shwu Hua Gan on Aug 10, 2008 2:57 AM

Gordon,
Thanks for replying.
This is what happen to our client.
The font size of the customised PLD SAP Invoice is size 5. In order to preview the layout, they have to preview in PDF, once they are happy with the details and then print.
In some workstations, there are Adobe Reader version 8 or 9. In a couple of workstations, there are Adobe Acrobat version 9.
Let's say, there are 2 fields with the following properties:
Field A, Left = 0, Width = 10.
Field B, Left = 10, Width = 10.
Adobe Acrobat version 9 display the border of the field properly. However, those with Adobe Reader 8 / 9 will see gaps between fields.
If we change them as follows the field the gap;
Field A, Left = 0, Width = 10.
Field B, Left = 9, Width = 11,
Then those with Adobe Acrobat version 9 is missing the border for because Field A overlaps with Field B. But Adobe Reader 8/9 will print fine. It also works fine if user click 'Print Preview' as normal and then click 'Print'
Does anyone knows whether this inconsistencies is caused by
- printer drivers; or
- Adobe; or
- SAP Business One.

Print layout design : Very Queer

Hi all .
In SAP B1 , I see some report is very queer , for ex : in journal entry , click Print layout design , I see journal entry (system) , double click it to open design , Queer in here , in repetitve area , field : Debit , Credit , data source is free text , but when I view report , I see infor by Debit , Credit , Normaly , Field must has source type is database , formular, or system , it will has information .
Please explain to me about queer .
Thanks very much .

Hi
check this link and search for demo's on
Print Layout Designer
https://www.sdn.sap.com/irj/sdn/businessone-elearning
I hope this helps you out
regards,
Shreyas

Responsive layout design

Similar Messages

Maybe you are looking for