Я хотел бы, чтобы форма HubSpot выровнялась горизонтально, как показано ниже. Я использовал функцию встраивания кода в hubspot, которая в основном ссылается на JavaScript.Выравнивать HubSpot форму горизонтально
Я пытался возиться с этими PARAMATERS http://designers.hubspot.com/docs/cos/hubspot-form-markup но я, не имея каких-либо удачи.
Выполнение предположений об именах элементов, так как я не вижу ваш код. Но это будет трюк.
label,
button {
display: inline-block;
}
input {
display: inline-block;
width: 30%;
}
Элементы будут здесь: http://designers.hubspot.com/docs/cos/hubspot-form-markup – mikenichols
Мне не хотелось пробираться сквозь этот беспорядок, чтобы понять это, когда вы достаточно знакомы с ваш код, чтобы соответствовать ему. – amflare
Начните с этой ссылкой, чтобы узнать подноготную настройки коды HubSpot Формы Вставить: http://developers.hubspot.com/docs/methods/forms/advanced_form_options
Ваших без стилей формы JS будет выглядеть примерно так:
<script charset="utf-8" type="text/javascript" src="//js.hsforms.net/forms/v2.js"></script>
<script>
hbspt.forms.create({
portalId: 'XXXXXXX',
formId: 'XYZXYZXYZXYZ',
css: '' // <-- Intentionally empty string!
});
</script>
Предоставление пустого строка для css предотвратит загрузку сниппетом таблицы стилей hs-формы по умолчанию.
Поздравляем! Теперь вы можете переопределить незакрепленный контент своей собственной таблицей стилей CSS. На своем листе определите классы, которые вам нужно упомянуть здесь, в документах Designer: http://designers.hubspot.com/docs/cos/hubspot-form-markup#styling-forms
Если нам не хватает знака, и вам нужна помощь в определении ваших собственных классов CSS, сообщите мне.
Удивительный, который очень помог. По какой-то причине, когда я копировал из hubspot, он не включал часть css. Это исправлено, поэтому я вижу большую разницу. Единственное, что я не могу сделать, - это перемещение поля формы (hs-input) в горизонтальное положение с помощью кнопки отправки (hs_submit) с использованием встроенного блока отображения? – mikenichols
Это можно сделать, добавив CSS в конкретное поле и кнопку «display: inline-block;» или "float: left;" будет работать, обеспечивая ширину этикетки
Пожалуйста, добавьте HTML/CSS или создать скрипку – toolbox3
Это форма, которая встраивается в HTML <скрипт кодировок = «-UTF 8» Тип = «текст/JavaScript» SRC = "// js.hsforms.net/forms/v2.js"> – mikenichols
Первым шагом является удаление стандартного стиля HS. http://knowledge.hubspot.com/articles/kcs_article/forms/how-do-i-style-my-embedded-form После этого следуйте модели Dom и примените необходимые классы CSS (например, display: inline-block ответ ниже) –