Fixed Height and Width in Div

Plugin builders
1

Hey Bubble fellows, i’m stuck in something. i’am create an plugin and i need that div have an fixed height and width, i try to put the code below on Intialize

function(instance, context) {

var div;

div = $('<div id="calendar"></div>')
div.css({width: '1312px', height: '650px'});
instance.canvas.append(div)

instance.data.div = div

}

But didn’t work. I trying to put an CSS on “header” and use the selector to select the id but still didn’t work! Give-me some advice, i’m feel that i don’t see small detail. Thanks to everyone!!

2

I suck with most CSS and this is not MY CSS, but I will give you some advice: quit using jquery

3

try
div.height('650px')
div.width('1312px')

4

Yes, jQuery is not the best way right now, but i use library that works with jquery, so unfortunately in this plugin i need to use jQuery :confused:

5

I tried but unfortunately i don’t have any result! I’ll still try other stuffs

6

You’re using jq because bubble. Turn off “this plugin uses jquery” and write proper modern code. Library my ass.

1 Like
7

I just tested your original code and it works. I have a single element on the page (from a plugin) and I copied and pasted your code into the plugin and added it to an empty page. You can see from inspector it created the element on the page with the width specified without any issue.

I suspect something else is causing the problem (not the code above).

Screenshot 2022-10-12 at 10.06.38 AM
Screenshot 2022-10-12 at 10.06.38 AM734×252 7.69 KB

1 Like
8

You’re right! The div really become the width and height that i put, but the callendar not display in all div! :confused: