I'm using Yammer Embed to show a network feed on a SharePoint Intranet's homepage. Webpart's width is 460px.
PROBLEM:
A terrible horizontal scroll is rendered within the iframe when feed contains large images. Yammer embedded don't re-size images enough to fit in a small area like this one.
AT A GLANCE:
1) Skinny Mode (less than 400px) seems to remove some elements like profile picture but other feed pictures remain there.
2) Customizing everything from scratch using REST API is not an option for now, $ and time.
Has anyone come across this issue with Yammer Embed? Any ideas or options I'm missing here? Some attribute in the config section to ignore images or force a max width will be great.
Currently there is no workaround for this as Embed in Skinny mode removes too many components, and Yammer does not promote creating everything from scratch using the APIs.
I think we can all agree this is not expected behavior though. I've filed an internal bug for this. Thanks for reporting.
Update (8/19/2014):
A fix for the horizontal scrollbar will ship tonight.
Related
I have tried to add the &z=15 and %zoom=15 to try to edit the default zoom in the embed code but it seems to not change anything. Also, I have changed up the width and height of the embed code but that didn't change the zoom just the overall dimensions. I am trying to embed a flowchart into my company's intranet SharePoint but the zoom is always set to 19% or 24% by default which makes it impossible to see anything in the diagram by default. I want it to start zoomed in at like 100% so the website/diagram is easier to use.
I have also tried to print it in a pdf, converting it to pdf, and converting it to other formats for the file viewer to give different views but it came to no avail. The closest thing was when I changed it to pdf and it gave me a better view, but I lost the interactive embed that a normal Visio embed would give.
Thank you for your help!
Puzzled with a similar problem, I've built a special Web Part for that (it provides additional options for embedding that are not part of the stock web part, such as zoom).
The source code:
https://github.com/nbelyh/VisioOnlineSpfxWebPart
Here web part in MS Store: https://appsource.microsoft.com/en-us/product/office/wa200002491
When I create a site there's a lot of white space around a section. That's the only section and I'd like to have very little margin.
Is ti possible to change the margin / padding?
It helps to distinguish between classic and new Google Sites when asking questions, as the answer is not always the same for each.
Assuming you mean new Google Sites then as far as your question is concerned, the answer is no.
New Google Sites is pretty good at automatically configuring the output for different sizes, and orientation, of screens to support monitors, tablets, and phones. The trade off for that is that you loose some control over how the content is displayed; including margins and padding.
You can embed your own HTML, and have far more control of what happens with that section of display. But not outside of it.
I am working on windows 10 mobile app. If I design an UI for 5' device, it doesn't look good on 5.2' device. Also on emulators of different screen size show messed up UI. Is there any work around this? Or do I have to design it for every screen size?
Usually, please avoid to have fixed Width/Height for your controls. With a Grid layout, you can set columns/rows and place your controls inside each cells. This is a first level to adapt properly your interface. In addition, UWP provides AdaptiveTriggers if you want to adapt the layout based on the screen resolution (cf. https://channel9.msdn.com/Series/A-Developers-Guide-to-Windows-10/07) for additional information. Last but not least, please check Design&UI documention on https://developer.microsoft.com/en-us/windows/design.
The trick is with UWP that you can design for every screensize at once. It's just a responsive design you use (either HTML/CSS or XAML). But you have to use the right controls and settings.
Some guidance on how to design for various sizes can be found at the MSDN design page.
To create a dynamic layout with XAML, see this article. There are various panel-types you can use to do the layout (see this article). But if you really want to build a responsive UI (or change it dramatically in various sizes) RelativePanel is your friend.
I am trying to find the best method in order to create a horizontal website, full screen and if possible responsive, minimum width to be for tablets. The thing is that I need also the horizontal scrolling with the mousewheel, and I saw that fullPage.js doesn't support that or at least i couldn't manage to make it work on this plugin.
Anyway, I need an idea on building the template, with full screen sections displayed inline - I will be very grateful for any tip. Thanks.
Making horizontally responsive is bit tricky and requires a lot of effort.. There can be many many design approaches for making it responsive. It can't just be described with JSFiddle snippets..
However, I have something for you that will definitely get you started with "Horizontal Responsive Layout designing"..
This is must guide / tutorial for people who want to get started with Horizontal Responsive approach
http://tympanus.net/codrops/2012/04/02/responsive-horizontal-layout/
you could use one of the tools listed in the following links
http://www.cssdesignawards.com/articles/15-excellent-jquery-plugins-to-spice-up-your-sites/44/
http://jquery-plugins.net/scrollit-js-jquery-plugin-for-scrolling-pages
or you could also mix raw js/jquery with anchor links and add animations when clicked. in taht case you can scroll down using mouse wheel and also have fancy animations when a link is clicked
regarding responsiveness use css media queries
I'm showing banner at left in my web page.
According to screen size 160x600 or 300x600 have to be used.
I can determine screen size and set proper code, but I think this isn't correct way.
Does somebody know how to leave to DoubleClick to decide which one ad fits better in page?
Unfortunately DoubleClick documentation is from ancient times :)
Solution: Do not put baner size in web page. Set it dynamicaly in javascript code provided from Doubleclick.