Viewing adaptive design
adaptive design
|
User: Rob W. 11 years ago
|
|
|
Does Everweb support adaptive design? i have an integrated ecommerce store (with a company called Ecwid) on one of my pages and that has adaptive design, this means some pages within the shop that have long descriptions overlap the footer of the page or worst case disappear off the bottom of the page. upon speaking to the tech support they said this: i]"At the moment Ecwid adaptive design doesn't work with your site as long as your websites design is not adaptive, In order to make your online store design adaptive you should work with the CSS theme of your website (but not Ecwid).. ...Ecwid product browser automatically adjusted to your website container (which is HTML element) size, where you inserted Ecwid. Thus in order to change product browser size you have to change the container size. You can change the container size by means of CSS."[/i] heres an example: http://www.thestoreformusic.com/music-store.html#!/~/product/category=10475077&id=39895906 the facebook comments at the bottom start overlapping |
|
|
User: Roddy 11 years ago
|
|
|
I take it that by "adaptive" you mean responsive? The answer is no - not at this time. EverWeb creates both a fixed width and a fixed height for the page content - both of which are user adjustable. It seems that it is the height that is causing you problems since you are trying to fit content with varying height into a container with a fix height. To overcome this you would need to dispense with the EverWeb footer and make the pages long enough to fit the one with the most content. Looking at the source code of the page you referenced, there are quite a few errors. There's a 404 on a stylesheet and it appears you have entered some internal styles in HTML snippets. This is not permitted. Internal styles MUST go in the head code. There's also a reference to a javascript which has had a width attribute inserted. Not only is this not permitted but the value is written as width="300"px rather than width="300" ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: Rob W. 11 years ago
|
|
| Ah i thought that would be the case, is responsive design something likely to be added? or is to much to do to add this feature? | |
|
User: Roddy 11 years ago
|
|
|
EverWeb does have a dynamic width page setting so I presume that the developers have plans to implement this someday.
------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
|
User: darrendixie123456789 11 years ago
|
|
|
Paul/RageSW - is this something you are planning to add in the future? Is it even possible with a DnD website app? With the exception of iWeb, I have not used any other apps to successfully build a website. Do any other DnD apps exist that have cracked this feature so widgets like Roddys Tabs can effect content below from moving up and down as the Tab pages switch in height? This would be cool for accordions and tabs where you either have to allow for the maximum size, leaving empty space below, or the widget covers up content below. I can't imagine how much of a headache this would be to add, but it would certainly revolutionise DnD website apps! |
|
|
User: Roddy 11 years ago
|
|
|
This problem is not so much to do with responsive design as with the way in which the objects are placed on the page to allow the user to drag then around. Every item you insert in the page is enclosed in a relatively positioned div. Inside this is an absolutely position one that defines the position of the content on the page. Due to its nature, it cannot move down as an object above it expands in the way that it would if it was entered into the HTML doc without this positioning info. Responsive layouts use percentage widths and floats to allow the content to respond to changes in the browser width and media queries to change the position of the items on narrower devices. You can see an example of this HERE. Notice how one content block positions itself below another at some point when the browser width is reduced. I am working on a set of widgets to create content blocks for superior SEO and control of layout. Someday, when EverWeb allows us to use percentage widths and more flexible positioning, these type of blocks will make it a whole lot easier to create responsive designs. ------------------------------- Roddy Website: http://everwebwidgets.com Contact: http://everwebwidgets.com/ewWidgets-home/contact.html NOTE: I am an EverWeb user and NOT affiliated with EverWeb! Any opinions expressed in this forum are my own. |
|
| Post Reply |
| You must login or signup to post. |