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

Filter by
Sorted by
Tagged with
0
votes
0answers
14 views

Bootstrap dialog window opens behind another dialog window instead of infront

A dialog window is incorrectly opening behind another dialog window. I use the #modalMidWestEquipPlans data target to open the dialog window. How do I tweak the code so that the hyperlink opens the ...
0
votes
0answers
6 views

Applying style changes to rows of a list webpart using HTML

I have embedded a SharePoint page with the latest bootstrap CDN and would like to use some styling/widget features to a custom list within the page. In a attempt to change just the list row colors all ...
0
votes
0answers
10 views

Applying a Bootstrap framework/widgets to a custom list

I'm attempting to change the look of an existing custom list on a SharePoint page. I'm using a CDN reference with the latest bootstrap library and put that onto the page within a script editor. I ...
0
votes
1answer
120 views

Problem compiling React-Bootstrap in SPFx Project

I have installed react-bootstrap@2.0.0-beta.6 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 - [...
0
votes
0answers
48 views

Sharepoint People Picker with Bootstrap

I am converting an input field into people picker in sharepoint (Project Online). to convert the control into bootstrap one. i have assigned a class "form-control" to it. and i could ...
0
votes
0answers
62 views

How to add an alert box with Icon in SPFX

Is there any way to add Extra icon on the default alert Popup box? I have also used BootBox alert but getting error: Error: "$.fn.modal" is not defined; please double check you have ...
1
vote
0answers
100 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 ...
1
vote
0answers
1k 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 ...
0
votes
3answers
676 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.
0
votes
1answer
67 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/...
0
votes
1answer
1k 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 ...
0
votes
1answer
93 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
1answer
46 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 ...
2
votes
1answer
437 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 ...
0
votes
1answer
278 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-...
2
votes
2answers
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"...
1
vote
1answer
324 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 ...
0
votes
1answer
5k 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 ...
0
votes
1answer
245 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
1answer
376 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 ...
0
votes
3answers
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 ...
0
votes
1answer
280 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....
0
votes
1answer
263 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
1answer
2k 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> ...
0
votes
1answer
3k 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 ...
5
votes
1answer
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. ...
4
votes
4answers
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/...
1
vote
1answer
496 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 ...
1
vote
2answers
666 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 ...
0
votes
1answer
55 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
1answer
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 ...
1
vote
0answers
42 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....
3
votes
0answers
917 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 ...
1
vote
1answer
265 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 ...
0
votes
1answer
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 ...
2
votes
2answers
615 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 ...
0
votes
1answer
126 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 ...
2
votes
2answers
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 ...
1
vote
2answers
81 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-...
2
votes
1answer
881 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. ...
0
votes
1answer
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 ...
0
votes
1answer
661 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
1answer
544 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="...
0
votes
1answer
561 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
3answers
7k 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?
0
votes
1answer
319 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 ...
0
votes
0answers
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 ...
3
votes
4answers
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 ...
0
votes
1answer
922 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 ...
10
votes
3answers
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 ...