How do I layout photos like on Pinterest - layout

I created a website where users can upload photos, and users can comment on the photos. The photos are shown about 12 or so on the main page of my site ordered by desc date.
However I've tried every type of display style option to get it so that if lets say the first image on the page is very tall, that the 2nd row of images aren't all pushed down. I understand the first image of the 2nd row would obviously have to appear below the tall first image of the 1st row, but the others shouldn't also have to be pushed down. Even if the image isn't tall, if there are comments on the first image of the first row, then the entire 2nd row will start under the 1st photo of the 1st row.
When I look at the website Pinterest, it appears they have this figured out and there is no unnecessary wasted space from one photo result being too tall. The others in other rows seem to use all space which is what I would like to achieve.
Currently I am using display:inner-table but it doesn't really achieve what I want although it works slightly better than some other options which sometimes produce blank skipped spaces in the results. Is the only way to achieve this through using a table with 4 columns and pre-populating those columns before printing to the page?
Pardon my stupidity. Thanks for any assistance!

Mkae your life easier with the use of jQuery for your issue.
Check out this jQuery plugins:
Masonry
Isotope
read about the difference between them here: Differences between Isotope and Masonry jQuery plugins

Related

Fetching data from one sheet, to produce organised summary and display it in sections

I am trying generate a summary page for a list of lessons from a different sheet.
I'm currently using the formula =UNIQUE(FILTER('Lessons NEW'!$E2:$E1009,(RIGHT(LEFT('Lessons NEW'!$E2:$E1009,5),1)="1")+(LEN('Lessons NEW'!$E2:$E1009)=3))) to do so.
This is displaying my list like so, with the code column being the only really important one, as the rest could be fetched from it's result.
This works, but there are two features that I want working that I've not been able to find a way to do;
Split the output into groups. I am after a title to each group/section, and a gap between them too. As in screenshot here.
Arrange it to display in multiple columns (As in have half the results in column B, and half in column G for example.) In the process of this, I'd prefer the resulting sections (as in point 1, aren't broken, and kept together instead of being split between columns.
I'm not sure if what I'm asking is too much, or very much doable, but keen for suggestions or ideas if there is a way.
Thanks in advance!
EDIT:
I've updated the formula (above) and added a title to the source column that it's fetching from. It's now producing this.
What I want it to do, is to break it further for aesthetics and for easy separation when others are looking at it, and to bolden the title row for each section. (I think I can work out the conditional formatting for the title row...)
This is what I want it to end up looking like.
Google drive link to demo sheet: https://docs.google.com/spreadsheets/d/1yx9LWeV7RHfmlldUpdUZjaU8eVdOsUVaeFrfoBypeDs/edit?usp=sharing

Extract word within string in Excel row

I am trying to pull some information from one string of text into it's own field and wonder if somebody can help. Sounds simple enough and I can get it working how I want, but when the position of the text moves around, it can't find it. I've tried using Mid, left, right, without much success.
It is a basic spreadsheet used as a job list, to monitor which country each item was sent to. Or, whether it wasn't dispatched using a courier, and nothing is required to be noted.
Hopefully my photo explains it, and the formula in this photo is:
=MID(LEFT(A1,FIND(")",A1)-1),FIND("(Shipped to ",A1)+12,LEN(A1))
I have rows of text showing something along the lines of:
Job title (Shipped to UK) (Postage Tracking No 123456890)
Job title (Shipped to Belgium) (Postage Tracking No 123456890)
Job title (Shipped to Austria) (Postage Tracking No 123456890)
and my code above will pull through the country, as I want.
.. but ever so often, each line will flip around, so show like:
Job title (Postage Tracking No 123456890) (Shipped to UK)
.. which upsets the formula due to the left/right/mid positioning.
This is an ongoing spreadsheet, so I'd like to be using a single formula if possible. I know I can workaround by running second formulas on erroneous entries but would rather not do that.
Lastly, when there was no shipping involved, it generates a value error (as it couldn't find the string whatsoever). Again, I could make this say "No shipping" by running a second formula, but not ideal.
Anyone got any better simpler ideas? Photo attached for reference!
I'm just looking to pull out the word after "(Shipped to " and before the following ")" regardless of it's relative position in the line of text.
Thanks a lot
Photo: https://i.stack.imgur.com/HU6lB.png
=MID(MID(A1,FIND("SHIPPED TO",UPPER(A1),1)+11,25),1,FIND(")",MID(A1,FIND("SHIPPED TO",UPPER(A1),1)+11,25),1)-1)
This takes a 25 character slice of the string and looks at it. If it's at the end of the string, it won't matter. From there, it will dissect it further by only using that slice to work from.

Kendo Angular 2 Grid Data Formatting

Ok... hopefully I'll figure this out soon but thought I'd ask the community. :)
I have my angular 2 grid basically running well now, but I can't figure out how to prevent column data from wrapping and extending the row height. I know there were various tricks to use CSS and "elipsis" properties in previous iterations of the grid, but I havn't had any luck so far with the angular 2 kendo implementation.
Any ideas? I have 3 or 4 columns that I need to keep to a maximum width. I don't want the rows to grow larger than one line of text.
Thanks!
In case anyone else finds my thread... I solved this by changing the CSS for the TD elements in the kendo grid. (It took me a while to track this down as it was not apparent which style was not wrapping).
Anyway, here is the style that makes the cells use ellipsis truncation:
// Make sure table cells do NOT wrap (will use ellipsis by default)
.k-grid td {
white-space: nowrap;
}

Hidden column after export to excel when table has less than 4 columns (SSRS)

I faced following problem with exporting ssrs report to excel.
When I create a table having 4 columns and then exporting it to excel I get the proper layout:
But when I remove at least one of the column in ssrs designer (when table consists of less than 4 columns), after exporting it to excel, one column is being hidden:
When I manually changed the width (by typing width in properties window) to at least 3 cm, after exporting it to excel the additional column disapeared (even if the table has less than 4 columns).
Does anyone know why this happens?
Any help will be appreciated.
Easy solution: Work in POINTS, not Inches or Centimeters.
Excel renders in points, so this prevents all roundoff in positioning. It is that easy.
It's an issue with the header.
To avoid this all together insert a row in your tablix (above everything else) and set the "RepeatOnNewPage" tablix property to 'True' (Advanced Mode >> select the static row groups you need to repeat >> RepeatOnNewPage).
This approach does the same thing as a header and you won't have to deal with those pesky extra columns any longer!
Try rectangle in to rectangle.
If this do not work - insert a list and insert your object in to list.
This should help - don't know why is that - but sometimes it take a lot of attempts and scenarios to work this out for one report... just keep trying with rectangles and lists - this is what I always do.
This is common problem in SSRS - the way how I removing this problem is to use rectangle's .
Insert rectangle then CUT your table/matrix PASTE inside rectangle - make sure there is not empty spaces.
If you using more than one table/matrix , then insert rectangle inside rectangle etc. ( my record is 14-th depth ) - this is VERY annoying but I know only this way.
- ALSO - fit everything to left side corner
It works fine for me ... what ver of excel do you use ?
Can you post here rdl file or code from file ?
Are you using report builder or Visual Studio ?
- Do you have any more objects on the report or just that table ?
D.
I find that if you have headings in your reports above the actual tablix, you will have to extend the width of the heading to match the width of the tablix (you should see the blue lines showing the alignments) and ensure that the headings also align with where the tablix begins. Basically, just make sure that everything is aligned. Hope this helps.
After struggling with this for a few days this blog post helped me out:
How to eliminate merged and hidden Cells issue from Excel Export of SSRS report - MSDN
The problem seems to be that pixels and centimetres (or inches) don't line up nicely. When you drag the columns around they get non-exact approximations of the value. When you put a nice round number (even like 3.25cm) they seem to play nicer. You'd probably want to use pixels or points (what Excel uses to store cell size) to prevent the last column compressing.
I hope this helped a bit...
Late to the game, as usual. But I played around with this for a while, and it looks to me like it's just going to end up being fairly random. Sometimes I can get them to go away, sometimes I can't. I don't always have the ability to change things to nice round numbers that represent an even number of points. And even when I do, it still doesn't always work. But I did notice this. If you zoom in closely, you can see that the lines are just slightly misaligned. Believe me when I tell you that mathematically that shouldn't be happening. But I wondered if that might help explain the problem.

ViewPanel: DisplayAsLink removes totals

I just noticed when working with a xp:viewPanel which displays a view containing totals. These totals are not displayed when the column is set to 'display as link'.
Could someone explain to me why this is happening? Or what the fix would be to work around this behaviour.
What I'm seeing is that the column totals for category rows disappear when the column is set to display as links. This is what you are seeing, right?
This may appear to be an issue at first glance, though more likely to be a software limitation - working as designed.
Category totals don't refer to a specific document so it makes sense in a way not to put links there for these rows. Elsewhere it makes sense as those rows refer to documents.
However, maybe category totals should display regardless and not have the links applied by the runtime. This would be an enhancement request.

Resources