Automatically re-sizing of graphic areas

Hi all

I am trying to build a page in which I should put 3 cards side by side

so I have a region on the upper part called research and it is 100% of the page, then below, I have 3 chart one under the other

As soon as I try to 'start the new line' = no, the table below, the first goes next to it, but the search box is retractable and become the first chart width

Untitled.bmp

As a solution, I put the cards within a region that I created and this will give you the following result:

Untitled.jpg

It's good, but now the problem is I can't shrink when I switch to a smaller screen may

What I usually do is to add a CSS rule to the card and set the width in %

Maybe if I create a single chart and I assign a rule that set its width = 100%, I can even make the smallest browser and the chart will resize itself accordingly

Having 3 cards next does not work and I do not understand why

Does anyone know what what could be?

Thank you very much!

Hi Chri$,.

Yes, theme 25 - reactive blue was designed to adapt to different display sizes. This topic implements RWD (Responsive Web Design).

Reference:

I hope this helps!

Kind regards

Kiran

Tags: Database

Similar Questions

  • ePub graphics are not properly sized

    ePub graphics are not properly sized after transfer ePub to my iPad via iTunes.

    I use indesign 6.0 on microsoft system 7 and transfer the ePub to my new iPad (32 GB, 2048 x 1536 resolution).

    The graphic is set for "rasteration custom" size defined "compared to the width of page".

    The chart appears correctly in the Adobe Digital Editions software, but when I transfer the ePub to my iPad it looks full-size.

    If I put the lid "rasterize first page" the graphic on the cover is sized correctly, but the graphics in the document are full size.

    When I create the same file using inDesign 5.5 everything works correctly.

    What I'm doing wrong or what setting I have not put properly?

    Thank you

    Dennis

    Welcome to the world of how different EPUB readers manage the same code HTML and CSS.

    I just did a test with an image that had the Relative to Page and Custom pixelation of InDesign CS5.5 and CS6 format settings.

    As far as I can tell that each version of InDesign is written the correct code but in a different way. ADE meets it, but iBooks on your iPad does not work.

    Here are the details: I created a framework for broad text of 45 pica and anchored a 14 pica graphic framework.

    InDesign CS5.5 the relative size of exports under the image like this tag:

    CMYK%20balloons.psd

    InDesign CS6 creates a class for the

    tag graphic image and referenced in the CSS it creates. Here's the HTML code:


    CMYK%20balloons.psd
    />

    Here is the CSS for the image-1:

    }
    {img. Frame-1
    Width: 27%;
    }

    I would say that these two are the correct code. However, iBooks handles differently the CS6 version.

    Here's how the CS5.5 version looks in iBooks:

    And here's what the CS6 code looks like:

    It handles differently. So I would say that, if it is important that on the iPad, it is smaller, you must modify the code to insert the attribute of scaling in the HTML instead of the CSS tag,

  • Automatic update of Windows buttons are not accessible

    Automatic update of Windows buttons are gryed out and not accessible. I can not change or modify my update settings

    Always indicate what Windows operating system you are using including the Service Pack level and also to advise what security software you use.

    1 check for the 'Automatic update' service manager
    Click Start, select run, and type: Services.msc
    Press enter
    Locate the - "automatic update".
    Make sure that the service is not disabled and started.

    2. If the service is disabled and cannot be started:

    Go to START, select RUN
    Type: regsvr32 c:\windows\system32\wuaueng.dll
    Press Ok

    See also: http://support.microsoft.com/kb/883614/en-us

    and/or

    Automatic Updates options are grayed out? :
    http://WindowsXP.MVPs.org/aupolicy.htm

    TaurArian [MVP] 2005-2011 - Update Services

  • altered graphics are not displayed correctly

    I'm under 6.2 Lookout on a small panel pc.

    I use graphics custom which until now display properly. I had to make some changes to the image, which has been done on another computer, then the graphical output has been replaced by a new one, using the same name.

    Lookout displays the chart but with messed up color (the Greens are reduced to shades of gray) and the image is blurry. Intact graphics are ok

    Thank you Ryan

    The resolution and color are all correct, then I got the graph re-written and this time it worked.

    Yet another mystery

  • Cannot print the usatoday crossword, a message appears saying wait while data and graphics are responsible for printing, but it prints ever

    Original title: usatoday crossword print

    Using Vista and an HP C7280 printer a message saying wait while data and graphics are responsible for printing, but it prints ever.

    Hello

    You are able to print all of the other files stored on the computer?

    See the bottom of the articles that might help you resolve this problem.

    Solve printer problems
    http://Windows.Microsoft.com/en-us/Windows-Vista/troubleshoot-printer-problems
    Printer in Windows problems
    http://Windows.Microsoft.com/en-us/Windows/help/printer-problems-in-Windows

  • Reinstalled Windows Vista, and now the graphics are distorted.

    After installing windows Vista, I noticed that the graphics are not good. Looks like it's tense from left to right. Round circles are shaped eggs. I tried all the different settings and the same results. I get this message and I wonder if it is related. It is said CCA proxy.exe totle bar and then says unable to connect or locate ConnAPI.DLL.says to try to reinstall. I did saw that I don't know what it takes to reinstall or where?

    Go to the website of the manufacturer of your computer/laptop > drivers and downloads Section > key in your model number > look for the latest Vista drivers > download/install them.

    If the above does not solve it:

    It comes with Vista, upgrade install and activate Forum.

    http://social.answers.Microsoft.com/forums/en-us/vistahardware/threads

    They will help you with your question in Vista Hardware and drivers Forum above.

    See you soon.

    Mick Murphy - Microsoft partner

  • I need a file to an exact width and height and it must be in png format, because it allows to translucency. My graphics are only the top of the page and when I export only the graph is not exported the entire file. How can I get the entire file to ex

    I need a file to an exact width and height and it must be in png format, because it allows to translucency. My graphics are only the top of the page and when I export only the graph is not exported the entire file. How can I get the entire file of export including blank parts?

    in the export dialog box, you have chcked 'use of work plans? ''

  • I imported a SVG in muse.  She builds and presents in preview.  However, once published, the graphics are shown as a broken link.  What I am doing wrong?

    I imported a SVG in muse.  She builds and presents in preview.  However, once published, the graphics are shown as a broken link.  What I am doing wrong?

    When you save your SVG chart, be sure to check the option to embed images. Otherwise, images will appear in the SVG as a link to a separate file and link-outs when you download the SVG.

  • graphics are moving from their position in the browser view

    I have a column of text with void heads and a few lines of text below each subtitle. I have small places graphic next to each subtitle. I want the graphics to match with the subtitle. When I discovered this browser, the rush of graphics mode and lose their positions. Especially if you enlarge the display in your browser (Safari > order > more) or reduce the view (command > less). The graphics are jumping above and below the text. Can I lock them in the respective positions?

    Ben

    Just got this resolved technical support. Phew! They sent me this link to the video of explanation and how to solve:

    http://www.screencast.com/t/ao3syjgXa

  • Help! Imported a Captivate 4 on Captivate project 5 and graphics are all pixelated? Help please!

    We have just improved CS4 CS5 and my project of publication and download on my LMS after I realized that all my graphics are pixelated.  The charts have been developed on Illustrator or Photoshop 4.  Is this why? Can I do anything to solve that within the program?

    I was really frustrated with Captivate 5!

    I am aggregating the project using a program called Simple SCORM Packager.  I don't have more.

    I hope someone can help me! Thanks in advance!

    Andrew

    What quality settings that you use to publish every slide?  (Select a slide, go to properties > general > quality)

    If it is set to low 8 bit, try to use the 24-bit high.

  • Vector graphics are pixelated? :[

    Zoom on a vector image in CS4 shows FAT pixels around the image (a shape drawn using the pen tool).

    I thought that vector images are not composed of pixels? Or I do something wrong?


    Thank you!

    Vector graphics are pixelated to resolution of the document in PS. They can or will export as vector elements, but they will still listen to samples, and if you save in any format of raster doc, they will export as pixels.

  • The graphics are large and fuzzy

    Recently, I noticed that the graphics in Firefox have become big and blurry. It's like they are all automatically be zoomed. I can't pinpoint exactly when it started, but I'm sure that it has not been like this for always, because it would have pushed me crazy a long time ago! I do not change the settings myself, so I wonder if it has something to do with an update of Firefox.

    In any case, looking at Web sites, I have to zoom back twice to the State of default zoom the images seem still crunchy.

    However, the question also applies to the graphics that are part of the Firefox interface. For example, in my bookmarks toolbar icons are blurred. So are the Home icon, the icon download and other graphics integrated that I can't zoom in.

    Amendments of the code regarding the HiDPI support high-resolution displays have landed at Firefox 22 and later (bug #844604).

    You can change the layout.css.devPixelsPerPx and increase or decrease the value of 0.1 or 0.05 as follows to adjust the size of fonts and other elements in Firefox.

    • The layout.css.devPixelsPerPx pref is a string parsed in float value and allows you to adjust the dimensions of all elements (user interface and web pages) specifically (resolution 0.1 or 0.05).
    • Change the default value of-1 to 1 to make it work as in previous versions of Firefox (100%)

    Start with a value of 1 and adjust this value with 0.1 or 0.05 for finer settings.

    • Use values between 1.0 and around 0.5 to reduce the size of the items (do NOT go all the way to 0.05!)
    • Use a value greater than 1.0 to grow and enlarge the elements (percentage divided by DPI, % / DPI).
    • http://KB.mozillazine.org/about:config

    If the web pages must be adjusted after changing this pref so you can watch the extension Default FullZoom Level or NoSquint.

    This extension allows to adjust the font size for the user interface:

  • Automatic integration of imported graphics

    Is it possible to configure InDesign to automatically incorporate imported graphics?

    It seems that if I want to do, I must integrate everything manually through the context menu of the links palette.

    PageMaker prefer a setting allowing graphs imported to auto-intégrer, but InDesign seems to lack this feature.

    I know that some people will wonder why on earth I would want to do and quickly will offer several reasons on why linking is the best practice. But not all workflows are the same. Mine is better suited to have everything integrated because I have are mainly about the business card layouts. Because these files are usually very few large, it makes no sense to have the logos in a separate file somewhere.

    In fact I am using graphics incorporated into my PageMaker files for ten years with no problems it either - until InDesign came it is!

    While I fully understand the value of binding - it just is not sensible in my situation.  I almost feel as if InDesign developers are forcing their ideas of workflow on me! Give back me my automatic incorporation, please!

    Rant side-someone ' can one suggest a work around?  I thought maybe script could save the day, but I have not found a way to do that, yet.

    There is not enough for me to write a script that does exactly what you need. I don't know if you want to incorporate all links, or only certain types of links, etc.

    But here's my first attempt.

    1. Create this folder "Adobe InDesign CS3\Scripts\Startup Scripts"
    2. Place the script inside.
    3. Restart InDesign

    Delete: delete the script and restart InDesign

    Kasyan

  • ITunes 12.5.1.21 to PC fonts and graphics are too big.

    Just downloaded Itunes 12.5.1.21 for PC and the graphics and fonts are way too big and blurry. I am running 32-bit Windows 7. It is completely unmanageable. There is no music stored on the PC, it's all in the cloud. I had itunes on the PC for many years and this is the first time that this has happened. Is there a way to fix this? I've deleted and reinstalled and it's the same thing...

    Same here, Win10.all of development and large photos and fonts

  • AUTOMATICALLY SHOW DOWNLOADS WHEN YOU ARE FINISHED

    I would like to first of all the computer automatically opens the downloads page, when they have finished downloading

    This extension closes Firefox, once that all downloads completed and maybe this isn't what you have in mind.

    What do you mean with "download page"?

    Do you mean the folder where you saved the file, or do you mean the Download Manager window in Firefox?

    The new download manager opens is no longer automatically once the completed downloads, but Firefox shows an animation and an arrow highlighted on the Navigation toolbar to warn you.

    Firefox handles downloads in the downloads folder in the library (history > show history)

    • Downloads are treated as elements of history: compensation removes history included download the elements and vice verse.
    • When the downloads are in progress you see a download button animation on the toolbar for Navigation showing an estimate of the remaining time
    • The download button gets a green highlight all completed once download to make you aware that there are new downloads.
    • Suspend and resume are in the context menu of an item.

    You can view the new download manager in a tab by opening the topic: downloads page and consider opening this page in a separate window.

    You can set the browser.download.useToolkitUI pref Boolean true on the topic: config page to revisit the classic Download Manager and also all download settings reappear in "Options > general".

Maybe you are looking for