Questions tagged [boot-strap]
"Bootstrap is a free collection of tools for creating websites and web applications. It contains HTML and CSS-based design templates for typography, forms, buttons, navigation and other interface components, as well as optional JavaScript extensions." Wiki
56
questions
0
votes
0
answers
22
views
Add Bootstrap Toast as Alert on SharePoint site
It will be nice to have a Bootstrap v5.0 Toast as push notification to SharePoint site so to broadcast important message to users.
I tried to put the reference to Bootstrap css and js file in Content ...
- 1
0
votes
1
answer
1k
views
How to add bootstrap to spfx extension
I am building SPFx extension for the first time, I am little unsure how to add bootstrap to extension and I am creating dropdown. Basically it goes out of the frame.
BreadNav.tsx
import * as React ...
- 101
0
votes
1
answer
819
views
Problem compiling React-Bootstrap in SPFx Project
I have installed [email protected] on my machine and included it in my project with 'import ~bootstrap/scss/bootstrap'.
When I run gulp serve I get the following error:
[13:46:14] Error - [...
- 41
1
vote
0
answers
211
views
SPFX React Webpart - Problem with react boostrap
I am building my first spfx react webpart to be depoyed on SharePoint Online.
I have trouble making react bootstrap work.
What i want to achieve is to open a form in a modal when the user click on a ...
- 131
1
vote
0
answers
2k
views
Bootstrap Select picker not showing any options
In a SharePoint online site, I have created an custom Page, In which I make a Cross-site Rest API request to get items from a list. Sometimes my bootstrap selectpicker is not showing no items, and ...
- 134
0
votes
3
answers
2k
views
how to retrieve image column from sharepoint list using sp-pnp-js in SPFX webpart
I am not able retrieve image column from SharePoint list in my solution using sp-pnp-js.
- 31
0
votes
1
answer
180
views
crud operation using bootstrap with pnp library
I was not able perform crud operation in bootstrap form using SP PnP JS library .
Below is the code:
public render(): void {
let cssURL = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/...
- 31
0
votes
1
answer
2k
views
SPO: Show loading gif on Page until Datatable has loaded completely and is clickable
I have a Datatable on a Page that takes around 7-10 seconds to load. I have a loader script that initiates a loader gif when the page is first visited, but the loader gif fades out well before all of ...
- 123
0
votes
1
answer
233
views
Bootstrap on sharepoint webpart
I'm developping a sharepoint webpart and i would like to include boostrap for better design.
I have had css into my solution and the design is good, no error.
But, the css is applied for ALL the page !...
0
votes
1
answer
107
views
TreeView (bootstrap) where is mistake
I can’t create a tree view bootstrap from the list items, where did I go wrong? how to fix?
<link type="text/css" rel="stylesheet" href="/_layouts/15/css/bootstrap-theme.min.css">
<link ...
- 1
2
votes
1
answer
932
views
Correct and reliable way to load bootstrap in SPFx webpart
ello,
I know there are couple of ways to load bootstrap in our SPFx webpart. But it seems there is some inconsistency on how to add its reference in webpart.ts
I am trying to load bootstrap.min.js ...
- 5,955
0
votes
1
answer
317
views
Can't scroll iframe Responsive Sharepoint 2016 on mobile iOS Safari
I used bootstrap to make iframe responsive .iframe is a magazine that contains several pages.
My problem is: I can scroll only one page in the iframe on IOS.
<div id="outerdiv" class="embed-...
- 47
2
votes
2
answers
1k
views
Bootstrap 4.1 on SharePoint 2016 breaks custom fonts
As mentioned in the title, I'm currently facing the problem that something with/in Bootstrap might break the usual way of using custom fonts.
I add
<meta charset="utf-8">
<meta name="viewport"...
- 185
1
vote
1
answer
384
views
Sharepoint Multiselect Checkbox on edit form not showing/hiding Bootstrap element on page load
I have a multiselect checkbox with the value "Eric". When "Eric" is checked, it should show/hide a corresponding bootstrap element. The code is dynamic and works properly EXCEPT when the form is ...
- 123
0
votes
1
answer
7k
views
How to add a DataTable with Drop-down Select Menus
Can I add drop-down select menu to my data table plugins?
When I filter Issue_x0020_Status as Active, Resolved and Closed it only shows what ever the user filter.
This is my page
And Similar to this
...
- 65
0
votes
1
answer
279
views
MAKING A BOOTSTRAP 4 CAROUSEL SLIDER [closed]
I tried to MANIPULATE an example BOOTSTRAP 4 CAROUSEL SLIDER but I find a problem when running my application in my site sharepoint 2013
here is my code
...
0
votes
1
answer
392
views
Bootstrap does not work on SharePoint 2010 Internet explorer 8
I need to support legacy internet explorer I.E. 8 applications. But Bootstrap does not work on the SharePoint 2010 page.
I am injecting custom html using a content editor web part it works perfectly ...
- 617
0
votes
3
answers
2k
views
Using bootstrap tabs in sharepoint framework
I am new to sharepoint framework and I have tried to bring the bootstrap tabs design in sharepoint framework. I am able to load bootstrap.css and bootstrap.js and also the design is coming but the ...
- 2,660
0
votes
1
answer
314
views
Accordion with bootstrap and Spservices
I am trying to use this,
It is the best accordion i could find that uses lists.
I get the main part to work but the pagination is corrupt.
It looks like this.
The code comes from the page below....
- 31
0
votes
1
answer
314
views
JSOM Bootstrap Carousel
I am attempting to implement a Bootstrap carousel using SharePoint's Client Side Object Model via JavaScript. The code below displays items within a custom list using various columns -- mostly OOTB ...
0
votes
1
answer
3k
views
Unable to change the font color of bootstrap accordion on SharePoint Online
I am unable to change the font color of an accordion to white. I tried to override with css using below code but still doesn't work. please see the code below.
<head>
<style>
...
- 1,453
0
votes
1
answer
4k
views
glyphicons-halflings-regular - 404 (NOT FOUND) in Sharepoint Hosted Add-in
I have developed one SharePoint hosted add-in where in I've used offline bootstrap CSS and glyphicons font. But when I try to load the page it is giving me an error in the browser as below:
Failed ...
- 401
5
votes
1
answer
2k
views
Spfx - Bootstrap-Dialog
I have been struggling with getting bootstrap-dialog to work in an spfx client web part. So far I was able to get jquery, bootstrap, datatables working but can't seem to get bootstrap-dialog working. ...
- 291
4
votes
4
answers
6k
views
How can I install bootstrap on SharePoint Online?
I would use Bootstrap styling to custumize my SP Page.
I added those links to a CWEP:
<!-- Latest compiled and minified CSS -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/...
- 41
1
vote
1
answer
516
views
How to disable hover panel for mobile devices
I am using https://responsivesharepoint.codeplex.com/ for my sharepoint site. So I have bootstrap integrated to my SP Site.
Can anyone tell me what is the most elegant way of disabling hover panel ...
- 532
1
vote
2
answers
730
views
Boostrap messes up whole design
I have got HTML from designer which only uses two CSS; bootstrap.css and myStyle.css (custom CSS). There is no other CSS or JS file in HTML. The design looks fine when I open it in browser.
But ...
- 3,646
0
votes
1
answer
56
views
Sharepoint 2013 - Error XSL List error with user not Logged in
This is my first topic so I apologize if something is not in order and I apologize for my bad english.
I have a problem with a particular SP13 list.
I created an XSL that uses JQUERY and BOOTSTRAP ...
1
vote
1
answer
4k
views
How to use Bootstrap in custom master page in sharepoint 2013
I have created html page for branding using bootstrap3. Now when I want to use the same in share point 2013 as master page it is overriding the MS classes and design.
Can any one suggest which is the ...
- 351
1
vote
0
answers
44
views
SharePoint Webpart-Override a color from Bootstrap CDN
I have a webpart in SharePoint Online. I need to change the Text color of it. When I use the Firebug tool, it says that the location is https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap....
- 285
3
votes
0
answers
1k
views
Prevent page reload when clicking a folder in a document library
I am currently working on SharePoint Online and I have created a customer page layout that is using Bootstrap accordion. Inside the accordion I have a document library that contains folders.
The ...
- 646
1
vote
1
answer
271
views
How to create left side custom navigation as common?
I have created the custom left navigation in HTML with bootstrap. I need to add this in SharePoint online team site. If I include this HTML in SharePoint Online, I want to use wherever I want in the ...
- 109
0
votes
1
answer
3k
views
Bootstrap Carousel with jQuery to query the images from Picture Library
I am having trouble having the jQuery to fetch the images from the Picture Library in SharePoint and display on bootstrap carousel. I'm very new to this functionality using jQuery and I think I am not ...
- 1
2
votes
2
answers
634
views
SharePoint 2013 Document Library Web Part
I am wondering if anyone can possibly answer by question, I have created a new page layout using the Bootstrap framework and then added approximately 5 web part zones, in each web part zone I have a ...
- 646
0
votes
1
answer
129
views
jQuery doesn't execute in Sharepoint
I'm on Sharepoint project for a client, and I took over the development of website, but the client has the lead of project. Based on a Bootstrap Theme, the project works on local. But, when I try on ...
- 101
2
votes
2
answers
2k
views
Bootstrap menu SharePoint Online
I want to make a custom bootstrap menu on my SharePoint online site.
I imported the bootstrap javascript and css links on the master page. I imported the jquery library too.
Then with jquery I empty ...
- 282
1
vote
2
answers
89
views
The bootsrap glyphs not displayed on SharePoint public site
I recently connected a domain to my public website on SharePoint Online (Developer tenant). When I connected the template with the master page and page layout works flawlessly on: https://domain-...
- 13
2
votes
1
answer
934
views
How to avoid sharepoint to override my CSS classes?
I'm struggling to avoid that sharepoint overrides my bootstrap classes, but unfortunally without succes, I've tryied many solutions found on the web and also in Sharepoint StackExchange, but no good.
...
- 201
0
votes
1
answer
1k
views
style a search box
I have added a search box web part in a custom page layout in SharePoint online, I am using bootstrap
I am trying to make the width of the search box smaller using css but whenever I do the results ...
- 427
0
votes
1
answer
692
views
How to create web-part or web-app from bootstrap carousel
Is there anyway that I can create a web part or a web app so that I can use a bootstrap carousel on a SharePoint site. Currently I have a carousel but the master page is using a bootstrap theme, ...
0
votes
1
answer
564
views
UI-Bootstrap accordion doesn't works in SharePoint
I'm trying to do a simple UI-Bootstrap accordion in a SharePoint 2013 page.
This is the markup page:
<%@ Assembly Name="$SharePoint.Project.AssemblyFullName$" %>
<%@ Assembly Name="...
- 225
0
votes
1
answer
576
views
no style for SharePoint:DateTimeControl when add bootstrap CSS
when i try to set a bootstrap style for my sharepoint page by adding css file, all SharePoint:DateTimeControl in my page loose their style and become something like this :
0
votes
3
answers
11k
views
how to control speed of carousel?
Currently using bootstrap.min.js in my share point slider web-part.
i have custom property "Speed" ,trying to control speed of carousel from code behind
how to do it?
- 3,392
0
votes
1
answer
341
views
Bootstrap theme not getting applied
This question is in continuation of my previous question asked here
I can now see bootstrap3.master in my master page gallery. When i see my page it doesnt look like bootstrap theme is appled. I have ...
- 513
0
votes
0
answers
1k
views
BootStrap CSS Seattle master page
I have copied the seattle masterpage called it BootstrapMaster. The masterpage works fine. I have downloaded twitter bootstrap and placed it in the location _catalogs/masterpage/CSS/bootstrap.min.css
...
- 623
3
votes
4
answers
4k
views
Bootstrap CSS Breaks In SharePoint 2013
I'm developing a web app for my employer and they want it to live on SharePoint (i.e. There's no other way around this. It's set in stone).
I began developing locally, using Bootstrap, until they ...
- 133
0
votes
1
answer
930
views
Sharepoint 2013 Bootstrap template top nav getting stack
We have a SharePoint 2013 publishing site that is using a Bootstrap template and the top nav (static) gets missplaced after scrolling down a long page and collapsing the browser window and back to ...
- 1
10
votes
3
answers
3k
views
Bootstrap in HTML Web Part
I got HTML/CSS from our Designer to implement on a Sharepoint 2010 page. This page is using bootstrap.
I implemented it with HTML Web Part and also tried to split the web page layout and work ...
- 748
2
votes
1
answer
643
views
Automatic Bootstrap Tabs in SharePoint
I'm trying to implement this solution to a SharePoint public facing site.
The timer seems to be working as I'm getting errors in browser consoles at every interval but nothing is happening:
'...
- 85
1
vote
1
answer
726
views
Bootstrap theme that looks like sharepoint 2013
We created a provider hosted webapp in sharepoint 2013. The webapp is accessed thru an iframe. We use twitter bootstrap for the UI in the webapp.
Does anyone know of a bootstrap theme that makes the ...
- 111
0
votes
1
answer
4k
views
Twitter-Bootstrap 3 for SharePoint 2013 installation
I am trying to install Twitter-Bootstrap 3 on a 2013 SharePoint site. I can't seem to install it properly (Col-- class isn't recognized therefore pages aren't responsive) and I can't find any ...