How to get SharePoint buttons on the same line using CSS/HTML - html

I don't have any experience using HTML code, but I wanted to display buttons on a SharePoint page on the same line. It currently just lets me arrange the buttons on top of each other. This takes too much real estate on the page and creates unnecessary white space. I do not want to create separate sections on the page for individual buttons.
The buttons house a link to views in a document library.
Is there a way I can do that using The Modern Script Web Part?
The button names:
Presentation documents.
Report documents.
All other documents.
We are using SharePoint Online with no Power Apps.
Thank you

You can probably achive what you want using the "Quick Links" web part. It looks like a list of buttons.
You can, of course, build it using the script web part (or even your own web part), but that would need admin permissions to install and enable this web part (thus compromising security), and then some efforts writing html code and then supporting all that mess.

Related

Web Page: How to update a portion of web page when it changes?

I'm actually very new to Web Page Development and would like to have a simple (offline) HTML page displaying in a Control or Browser itself.
Target is to make a log viewer page, which is constantly updating through another application, (which I'm writing in C# plus some Powershell coding).
It might be divided into frames containing different pages, or one page containing different areas.
Main purpose is to update the changes immediately. E.g. If you are viewing the web page, and my application change the Text at some areas of that page, it should detect the change and immediately update that area.
How to achieve this? Is HTML 5 got any such methodologies which are easy to use?
I'm open to any suggestions... And thanks a lot in advance...
You can't do this with HTML5 as far as I know.
To create the Dynamic log viewer page , you can use ajaxticker.js.
It is easy to use..
Ajaxticker Tutorial and Demo

Sharepoint Branding: Sharepoint-specific attributes for Page Layouts and MPs

I'm having trouble locating a url/document or a book, that describes extensively all the tags and attributes we can use within Page Layouts and Master Pages (Sharepoint 2010) in order to change the way that HTML is rendered. For example: I know there's an attribute that changes the out of the box left navigation from Tables to Unordered lists.
I'm doing front-end development and I'd like to get as much control of my html (and css of course) as possible.
One other thing is for example removing tables from web part zones and web parts. Again, are there attributes that do that?
For removing tables around web part zones and web parts, you will need to use a control adapter for the web part zone class. There is one available. Search for AKS_WebPartZone_Adapter
we used this with modifications for our MOSS 2007 site. We had to make additional changes to support SP 2010/
Perhaps not the right forum for this question, but from your questions I would guess you're just getting started with SharePoint branding. I would recommend you start with a book like Microsoft SharePoint Designer Unleashed by Kathy Hughes - it provides a good overview of the kinds of things you can do to brand a site. Even though it's written for SharePoint designer, you can definitely do branding from Visual Studio as well.
To get started, check out the content query web part - we created our own customized "quick links" view using this web part.

Joomla: Fastest way to convert a ready html website to Joomla

I have made a couple of simple Joomla websites before. Those are using a custom template made by myself. They are easy websites as they have a simple linear menu, all pages have the same layout, just some articles are changing between pages.
But in my new project, I have a ready html website that I have to convert to Joomla. The problem is, there is no one repeating menu and there is no consistent layout. To simplify a bit: there are 10 pages and they all have different layouts. Between pages background changes, menu position changes, menu content changes, content box positions change, everything changes. This means I'm not able to do this site as I've done before, using one template index.php which simply contained my repeating page structure.
I am dreaming of a way to simply change ready_page1.html to ready_page1.php, adding some modules inside the php (which are then available for online editing, which is the reason switching to Joomla). I would do this to each page. The custom menus inside each page I would "manually" point to the according php files instead of the old html files. Is this method possible somehow? I couldn't figure out how to do this.
I don't care loosing lots of Joomla basic functionality due to this crude method, I just want the simplest way to do this.
In the end, I just want the exact same website I already have on html, but I want some chosen rectangular areas in the html pages to be editable Joomla modules. The modules would have the pen icon for editing. That's it, no other functionality is necessary.
Sounds like the site you are converting is a usability nightmare. Consistency is part of giving the user a positive experience. That said, if you have to make it exactly the same, then the easiest way is to do it the right way to begin with.
First, you need to learn about page class suffixes. You can add those to a menu item so that you can control the CSS on a per page basis. This will allow you to change backgrounds and other elements on each page.
Documentation - http://docs.joomla.org/Page_Class_Suffix
Next, you will need to make a template so that each of the module positions is collapsible. If you plan out the positions, you should be able to use a single index.php for the entire site. We have a custom template that we use for every site we do and it rarely needs to be touched because all of the positions we would possibly want to use are already there, they just don't get used until a module is put in the position.
Documentation - http://docs.joomla.org/Collapsing_columns
You will also want to make sure you understand menu assignments. You should be able to assign the modules to the pages as needed to create the layout you want for each page. If you are using 2.5.x, then you can probably get by with the built in menu assignment features. If you are using 1.5.x then (you really should upgrade) you will probably want to use Advanced Module Manager as it makes menu assignments much easier and more flexible.
Documentation - http://docs.joomla.org/Help15:Screen.modules.edit.15#Menu_Assignment
Once you get a good grasp of how Joomla templates work and how they are supposed to be used you will find that you can basically do anything you want within the framework so you don't lose any functionality.
build your website and create those 10 pages (contents, heirarcy, and so on..).
then create your templates based on those html files. this is where you adapt the html into a joomla template. after this step, you should end up with at most 10 templates depending on your styles (crude but quick)
as far as i know and from the documentation, Joomla 1.7 supports "template per page" (see the screenshot). you can pick out which style will be applied to which item. it even applies to subpages. another documentation here

accessing menu from several subcategories

Is there any other way to access one and the same menu without re-adding the code for it in each "page"?
I mean a menu looks exactly the same, no matter which part of the site you´re in.
So there should be a way to have that menu attached to every page on the site without adding the code for every page you create?
Which language you want to use for your site development?
There are lot of frameworks available for each language.
For example struts with tiles in java.
In tiles concept you will be defining some base layouts. which will specify header here sidebar here etc.
Then on next pages you can simply extend your new page into your base layout. There even if you are not specifying any content specifically, it will take previously defined one by default.
For example refer the struts tiles example link.
In jsp there is an option to add a page within an another page. Key word is
<%# include file='menu.jsp'%>
here menu.jsp is mu menu bar, which I am calling to a location in my page. So hat it it will appear in the place where I specified. If you are not comfortable with tiles concept, you can use this method for adding menu into your pages with out repeating entire codes in all pages.
There are a good number of ways to do this, and as far as I am concerned, they all use PHP or something similar to generate the HTML menu code on each individual page.
The browser must have all the content or it will not display a particular part. One can either hard code something like a menu into every html page or they could create something more of a php site which generates the html and serves it to the browser.
Other the writing the php yourself, off the shelf solutions will (often) allow you to do this. Examples would be shopping carts, as well as content management systems (CMS).

Needs To create a widgets for websites and stand alone desktops.?

i have to create widgets for whether reports and etc. to my website. what are all the needs to create widgets? is Css5 and Html enough to make a attracting widgets?? can you provide me the correct way to do that ...
Update Question :
i have got some more ideas to make widgets for websites and how we can add into our web pages. and now i have to do widgets for desktops like windows 7 desktop widgets. is it possible? and what're all the needs to make it??
Thanks in advance.
The widgets are generally not developed by the people who run the websites they appear on. Instead the weather widget might come from a weather site that provides data to. The widget is provided as code for web developers to paste into their site. These widgets refer to the maintained weather website (images, data, etc...). Some of them allow for a small level of customization, so you can use your own colour palette to make it blend with your site, or toggle rounded corners etc...
As a start a quick google search brought me to google's gadgets page which will get you started. I don't doubt that they are customizable through some minimal CSS. Changing borders and such.