Posts

Showing posts with the label CSS

Website with animation with CSS only

In some cases it is needed to start animations on a website. If you are looking for some code you will find a lot of JavaScript solutions, but in my mind this is not the right way. JavaScript should be there for the logic, getting data and working with it and not for UI stuff. So there needs to be a solution without JavaScript. In this case: a div with background-color.. the color should change, after it is displayed. 1 2 3 4 <div class= "container1" > <div class= "container2" > </div> </div>

The fast List search in SharePoint 2010

Have you ever noticed the search in SharePoint 2013 lists? It is pretty cool, because you get what you want and that on a fast way. Did you or a client ever had the wish to use it on a SharePoint 2010 to? Well that is pretty easy. All you need to do is to add a Code Editor Web Part over your list. Enter into the list the following code:

How to create custom Page Layouts in SharePoint 2013

Before you create a Page Layout there are two questions: - What is a Page Layout? and - What do you need to create a Page Layout? What is a Page Layout? A Page Layout is a way to design content on sites. You can create content areas and place them with CSS. Simplified: it is like a form for list items. A site is nothing else than an item in a library, so you can see the layout, that you build, as the display form, the edit form and the new form. What do you need to create a Page Layout? You will need to download and install the SharePoint Designer 2013 , but the most important thing, to make you the less work as possible, is that you know what you want to design and what content you want to display. I recommend you to create a custom Content Type for your Page Layout. It will make it a lot easier to add all the columns you need. It is also recommended to got some knowledge in HTML, ASPX, JavaScript and CSS.

Remove the title area in SharePoint apps

Image
Sometimes it is nice, sometimes it is annoying. Yes I am talking of the titlearea of SharePoint 2013 Apps. But don't worry, it is easy to remove it from your app. All you need to do is to paste some css into your stylesheet. I recommend to use a css-file that is used in every site. This way you need to do the change on just one place. 1 2 3 #s4-titlerow { display : none !important ; } After pasting the code into your app you won a lot of space and you can build your own design.