Currently my SharePoint website looks like this image
I was wondering if there is a way to make the section with the links smaller (maybe by about 25%) and into two rows of five while still keeping that default tile view SharePoint provides. I've looked into custom formatting with JSON, but I'm not sure how to replicate the default tile view using this method. Also, I'm completely clueless on how to edit a whole section's size as there is no option when editing the web part. Any help is appreciated.
Related
Liferay 7.3.2.
I'm using a sitemap to create link boxes that link to other pages in the website. Links and names and all else is basic stuff, but I have no idea, if and how I could get images for the boxes.
Asset publisher would've been my first choice, as I've done similar stuff before with them, but I can't find a way to add pages to the publisher, so I'm not sure if it's viable here. Of course, I could create an asset publisher that would ask for a name, image and a link, but this should be automatic to avoid extra hassle.
Sitemap allows for automation, if you just map the page correctly, but getting the image would still be a problem.
Navigation menu I haven't really put much thought into, as there will be many pages with link boxes and would be really hard to control. The image would be a problem as well.
The optimal solution would be to get the image from the page the link takes the user to, but if that's impossible, I wonder if there's a way to give webpage an image, that could be shown here.
Got it working with a bit of looking around! This can help with same kind of problems others might be facing, so I'll gladly answer this myself!
From Admin panel, go to Settings and Additional Fields
Select Page and add a field to it. After filling the details, you should be able to see this field in the page settings for every page.
Go to page settings and fill out your info. In my case, I created a text field, that will be used for image URLs.
Finally, in your Application Display Template, you can find the field by writing:
${entry.getExpandoBridge().getAttribute("Extra field")}, Extra Field being the name of your field. Remember to put conditional statements, if necessary!
There must be a way to do this, because switching between different themes changes the colour of the borders in the results grid. But I want to customise it for one of themes I'm currently using. (Which I know is possible based on this question.)
The only reference I can find in Microsoft's documentation is this page for Visual Studio Code:
https://code.visualstudio.com/api/references/theme-color
...but seeing as the results grid is an Azure Data Studio feature, there's nothing in there talking about it.
Anyone have any thoughts??
I recently noticed the 3D mode in Firefox developer tools, in that you can see your page in a 3D view. We can rotate and re-orient the 3D view by dragging it. Could anyone give me the primary use cases where I would use 3D View?
Sample 3D view:
There are a few uses I can think of:
View the structure of a page... whenever I create a page I make a point of going into the 3D view and looking for "skyscrapers" as mentioned in comment 1. I usually recode them myself to avoid unnecessary iframes etc.
Find containers e.g. table cells that have been resized by their content.
Find any elements that are thousands of pixels outside a page e.g. to work out how a web page worked or why the page always has a scrollbar.
Teaching people how HTML works.
Spotting XSS vulnerabilities, see https://gist.github.com/tacomanator/3127271
But if you can think of a way we could make it more useful then please let us know on https://ffdevtools.uservoice.com
This tool has an interesting history to it - it was originally created as an add-on by Victor Porof in 2011 as a Google Summer of Code project. It was later added to Firefox's built-in developer tools, but it is not enabled by default.
The main use case is that it allows you to visualize the structure of your markup more easily, for example identifying nested DOM structures such as the social network-related buttons on some sites:
I'm wondering how in PyroCMS I can add a custom field to a page. Ideally I would like to have an image area at the top of the layout, and have a custom field in pyro that would allow someone to populate that image from the pages module. I realize that there are some image plugins that allow me to attach images to pages, but I would like to be able to add the images directly into the page in the admin (as well as other custom fields for the pages). Even on a separate tab would be fine with me. I'm fine building something if someone can point me in the right direction.
Currently if you want to add a custom field to a page you have to hack the module. This is obviously not ideal and im not really suggesting it, but I had to do it for http://tedco.org/business to add a "Subtitle" field to each page.
2.2/develop is having its Pages and Blogs moved over to Streams, so you can add custom fields to all pages globally, meaning you can add an image in if you like, or append a US State for some reason, or add a slider. Whipee!
So right now: Hack it or wait. 2.2/develop will have your feature in a week or two.
I'm not sure you can do this directly from the pages module yet or not without some customization (possible hacking) though, I just asked and will update if possible.
In the meantime this might be helpful:
Consider looking into PyroStreams. for this though, it will require the Pro version of PyroCMS or you can purchase it from Parse19 directly.
You might find this article helpful about organization and page layouts.
Here is an article called Dynamic Pages with PyroCMS and PyroStreams though, it's a bit outdated now.
You may also make use of the gallery module, which is free though, I'm not sure this will meet your needs.
Can anyone point me in the direction of such a script? It should also be able to work when called into another ajax window. This is the type of gallery i am going for:
http://dageniusmarketer.com/DigitalWonderland/pages/DemoGalleryExample.html
It should go on this page:
dageniusmarketer.com/DigitalWonderland/
Portfolio section.
This script should be real simple to use with minimal extra files to make it work. I also should be able to just drop images in a gallery folder and it populates the gallery automatically with thumbnails....I shouldnt have to write code for each image in my html. Should be all dynamic.
I also would like to know how I could go about a window effect where every time I open up a new section via my navigation, the window shrinks closed with the old content, then expands open with the new content. the window effect should be vertical (top to bottom shrink into center, expand from center top to bottom)
Please Let me know. Thanks
JQuery is one of my personal favorite javascript libraries (along with 99% of this site apparently!)
But it will have a learning curve, as your requirements seem pretty specific, and you will have to read some documentation to pull it off.
Try Spry from Adobe. They have a very similar demo. Also, the other common frameworks for this would be prototype/scriptaculous, dojo, mootools, jquery. In many cases they have extensions that would provide the exact thing you are looking for. For example, try
shadowbox extension which is framework agnostic. Best of luck!
Imago looks promising:
http://imago.codeboje.de/
Just discovered the very awesome-looking jQuery Tools library today. Meets your "simple and minimal" requirements and could probably pull off what you've sketched, with just the "tooltips" and "scrollable" components.
I also should be able to just drop images in a gallery folder and it populates the gallery automatically with thumbnails
My instinct is that you'd be better off writing server-side code to handle this part of your requirement.