Questions tagged [bootstrap]

Bootstrap is an HTML, CSS, and JS framework for developing responsive, mobile first projects on the web.

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

Need to control width of the table column in print

I am using Bootstrap in my Visualforce Page and the table looks alright when the Vf Page is generated. I need to print this using ctrl+P, but when one the columm values (name) was going too large, ...
1
vote
1answer
138 views

Best way to use Jquery on Lighting Web components

I want to build a lightning web component which involves the use of jquery and bootstrap. The Lighting Web Component involves multiple child components. I was going through the salesforce document on ...
0
votes
1answer
29 views

Having problem with <apex:repeat > in displaying carousel images

I am trying to create a carousel with images being fetched from salesforce database. The carousel works fine when the images are hardcoded on the page but doesn't work when I use repeat tag and fetch ...
1
vote
1answer
156 views

Is there a away to apply a CSS static resource to just the LWC?

I have a LWC that is loading a bootstrap stylesheet and a custom stylesheet CSS static resources using the loadStyle() method but when I load them it is applying the style to the entire page that LWC ...
2
votes
0answers
15 views

Exception in lightning component when loading on mobile app web view using lightningout.js

We have a custom mobile app where it loads the lightning components in hybrid web view through lightningout.js. we found an error message displayed in mobile webview for a component, it contains ...
0
votes
0answers
17 views

unable to fetch value from igGrid

Can anyone please help me in below JS code snippet, which is not rendering value from the record. i could be able to see the value for the first alert, but when it throws error while executing second ...
1
vote
0answers
55 views

Is possible to use Bootstrap 4 in CloudCraze?

Accordingly to the documentation, CloudCraze supports Bootstrap 3. Is it possible to import Bootstrap 4 (both compiled CSS3 and JS)?
2
votes
1answer
839 views

Lightning Web Components and CSS Frameworks

Has anyone successfully implemented any non-SLDS CSS Frameworks in Lightning Web Components? I can successfully utilize components that are CSS only in a framework like Bootstrap or Foundation, but ...
0
votes
1answer
42 views

Rerender divs and bootstrap

I'm trying to Rerender three of four columns, but because I can't use styleclass in divs and not reRender by styleClass but only Id, I don't know how can I achieve that. I tried to put apex:pageBlock ...
0
votes
1answer
177 views

how to include and use bootstrap cdn in Salesforce Lightning? [closed]

how to include and use bootstrap CDN in Salesforce Lightning
0
votes
1answer
193 views

Style apex select option in Bootstrap theme

Please help me to style custom picklist in bootstrap theme. So I have a controller with code: public List<selectOption> getSettings() { List<SelectOption> options = new List<...
0
votes
0answers
119 views

How to process data synchronously or wait until callback in visualforce remote action?

I'm trying to get data from remote action from a mouseover and display the popup. I have tried below code to pass the data in bootstrap tooltip/popovers. <script> function showPopup(recId,...
0
votes
1answer
2k views

change header and footer on window.print

I have a visualforce page and also the link that run javascript command window.print(). As my task I must to change the footer link when the print page is opened and also remove date from the header ...
-2
votes
1answer
39 views

Bootstrap messing up my VisualForce page

I have a very simple page with 2 buttons and one dropdown, and its working fine. The moment i add library files of Bootstrap, it completely messes up my VF page. Reason for Bootstrap addition: I want ...
1
vote
1answer
95 views

How to format a lookup relationship apex:inputField box look okay in bootstrap

I tried to use bootstrap with apex:inputField. Usually it works fine. But when it comes to lookup relationship, the field looks like this: Is there any quick fix to make it looking okay? By applying ...
0
votes
1answer
217 views

How to show error message under apex:inputtextarea

On my page visualforce page I have a few fields that on submit validation will run. For some reason the error is not displaying under the textarea but its working for other fields on my page. How can ...
0
votes
1answer
21 views

What are the charges if I host my chatbot in apps exchange

I have build a chatbot on python, what would be the cost to host it on Salesforce Apps Exchange
2
votes
3answers
385 views

Sidebar styling getting changed after using bootstrap

My sidebar styling is messed up if I use bootstrap. I tried to follow this thread BootStrap css is not working having showHeader="True" But solution URL is dead. Please advice.
0
votes
1answer
55 views

Is there any way to collpase dynamically created rowsin vf pages

Below is vf page where i am creating rows dynamic. I want to collapse and expand each rows independently. How can i achieve tht. I want to collapse from 1- Contact 2 - contact and like this each ...
0
votes
1answer
90 views

Sorting function not working

In this table sorting function is not working for mail room date,the icon is showing but its not functioning. This is the code.. <th class="slds-is-sortable" scope="col"> &...
0
votes
2answers
999 views

Bootstrap Table Format Overlap

I am struggling with two tables overlapping when I resize the page. I have bootstrap loaded in and it is not being as responsive as I would like it to be. Any suggestions? Picture 1 is the browser ...
2
votes
1answer
682 views

Bootstrap Dropdownlists

I am trying to use Bootstrap Dropdown list for replicating the Salesforce List Views functionality in Lightning components. I am able to achieve the functionality using ui:InputSelect but it is not ...
0
votes
0answers
344 views

Visualforce datepicker not working

I am using bootstrap accordion to develop my page along with visualforce. However my datepicker is not working for any inputfield. property is of type Property__c which is my custom object and has ...
2
votes
2answers
267 views

Create note on contact from a BS modal - Passing ID

EDITED, clarity, removing secondary questions... I am trying to create a note record onto a contact, from a modal (a stacked modal). I have an issues with passing the ID to APEX... My issue is that ...
0
votes
0answers
433 views

Static Resource in VF : Failed to load resource

I am trying to reference bootstrap in my VF. I have uploaded the boostrap distribution archive file as a Static resource. (bstrap) . The folder structure is as follows I need to reference two files ...
1
vote
1answer
553 views

Is it possible to use Bootstrap in conjunction with the standard Salesforce styles?

Is it possible to use Bootstrap in a VFP without having to use standardStylesheets="false" and showHeader="false"? When I solely add in the stylesheets tag, my whole page is altered a little bit. The ...
0
votes
1answer
167 views

Page scroll bottom when user try input anything: Safari issue

I am facing exactly this issue only difference is my scrolls down not top. I try the workaround but can't get what changes I need to do. Can someone please guide me? https://success.salesforce.com/...
0
votes
1answer
405 views

Bootstrap modal in Lightning Components

I am building a Lightning component for a community and we are being asked to use Bootstrap to stay consistent with the corporate style guide. There is a modal form in the component, and I want to ...
0
votes
2answers
561 views

Bootstrap model not working with command link in VF Page

VF Page <apex:page controller="acccheck" docType="HTML-5.0" standardStylesheets="false" showHeader="false" sidebar="false"> <html lang="en"> <head> <link rel="...
1
vote
4answers
2k views

The element type “label” must be terminated by the matching end-tag

I am trying to create a visualforce page with some bootstrap in it. I can't understand the error I get on these lines of code, line 2, I get this message: Error: The element type "label" must be ...
0
votes
1answer
536 views

SLDS and Bootstrap Conflicting

I have a button which has a bootstrap glyph icon applied to it and for some reason it is not working as desired. It is conflicting with the SLDS css, it seems. Can someone tell me how can I ...
-2
votes
1answer
2k views

how to make a bootstrap + vf page responsive? [closed]

i was not able to create responsive tables using bootstrap in salesforce1 app.Please help me if i have to make any changes to the code provided. Thanks in advance. <apex:...
0
votes
1answer
372 views

Fields are getting overlap on window size decrease vf page

I have this below vf page. When i try to decrease the browser screen the fields are getting overlap. How to avoid this. I am using bootstrap in vf page - Below is the screenshot - <div style="...
0
votes
1answer
143 views

how to populate accounts in picklists and display contacts in table based on the selection of the account?(using bootstrap instead of vf) [closed]

I have tried it using vf but i' m not able to get using bootstrap page.Please kindly help me.
1
vote
1answer
433 views

how to use XMLHttpRequest ajax request data in bootstrap table [closed]

How can i use XMLHttpRequest ajax request data in bootstrap table. Below is my code where i am doing a ajax call by javascript. I want to display the data in bootstrap table on page load. Can anyone ...
0
votes
0answers
574 views

How to open a vf page as a modal from another vf page on button click

I have this below code where on button click I open a modal. If I separate the modal content into a different Visualforce Page, how can I display it as modal popup? <!DOCTYPE html> <html ...
2
votes
0answers
218 views

Visualforce apex:inputField and apex:detail with SLDS: on the roadmap or workaround?

Long waiting, but seems still no support for apex:inputField and apex:detail in SLDS. https://www.lightningdesignsystem.com/platforms/visualforce/ Does anyone know if that's on the roadmap or any ...
-3
votes
1answer
602 views

Restrict Bootstrap Styles only for some part [closed]

I have a visualforce page where am having many functionalities. I have one command button on the visualforce page to get the Popup to enter values for fields on the click. Am able to show the ...
1
vote
2answers
425 views

Dynamic bootstrap tabs using visualforce not working

I am looking to create tabs in my visualforce page using Bootstrap. These tabs will be rendered conditionally. The thing is, I am not getting Bootstrap tab switch/styling applied properly because of ...
1
vote
2answers
199 views

Bootstrap Nav Tabs Becomes Inactive on ReRender

I have a Bootstrap Nav Tabs (2 tabs) with some content in both tabs. The first tab has PageblockTable with StandardSetController Pagination. When I click on Next button. The next set is rendered ...
0
votes
0answers
20 views

Why different kind of UI when running on salesforce vf page and locally in desktop

I am running the below code both locally and in salesforce. But why i am getting different kind of UI look. Locally - <!DOCTYPE html> <html> <head> <title>...
1
vote
0answers
644 views

How to create multi select picklist in vf page using slds

Can anyone provide some idea or approach on how to create a multiselect picklist like below pic.
1
vote
1answer
650 views

how to show/hide bootstrap popover on radio button value set to false [closed]

Im listening for a change event on radio buttons. If the value is set to false I want to show the popover. Below is what I have, but the popover doesn't show. $j = jQuery.noConflict(); ...
0
votes
1answer
111 views

Open record details in a panel within a Visualforce page

I have written a bootstrapped page that has a custom list view panel on the left side of the page and an output panel on the right side of the page. I have the left panel figured out where different ...
0
votes
1answer
434 views

Bootstrap CSS messing up Lightning Component App

I have developed a simple Lightning Component which includes few bootstrap css files for the design purpose. These bootstrap css files messing up the page. If the Lightning Component is added to ...
0
votes
1answer
662 views

How to fire bootstrap-slider.js init event [closed]

Newbie to javascript and bootstrap and using v3.3.7. I have a form that loads, runs some javascript (jquery loads as expected), and then an ajax part page refresh fires which adds content to the DOM. ...
2
votes
1answer
362 views

Bootstrap CSS messing up community template

I'm developing some lightning components for the Napili template, but adding bootstrap css to the component and adding it to the template interferes with its styling. I read a couple of articles about ...
1
vote
0answers
445 views

How to align labels with input fields in bootstrap? [closed]

I have added bootstrap on vf page but my labels and input field blocks are not in parallel. Please help me in aligning. <apex:page title="Availability Check" sidebar="false" standardStylesheets="...
1
vote
0answers
680 views

How to preserve the state of accordion data-toggle on postback?

I have a Twitter Bootstrap accordion data-toggle binded to a list, in my visualforce page. On page load, the list will be in collapsed state by default. When the user expands it and performs any ...
1
vote
2answers
2k views

Remove Salesforce styling only from buttons in VF page

I've added a button to my visualforce page, and have added the bootstrap class btn success to it. <button type="button" class="btn btn-success">Success</button> However, Salesforce adds ...