Skip to content

Resizing fail with bootstrap. #30

@opessoa

Description

@opessoa

Hi guys.

I have tried to use jquery-dialogextend with bootstrap, but when I get resizable dialog, just including bootstrap.css file, resize is failing.

<!DOCTYPE html>
<html>
<head>
    <title>test</title>
    <link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
</head>
<body>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
    <script src="js/jquery.dialogextend.min.js"></script>
    <script>
        $(function(){
        $("<div>This is content as da sdas das das das das das das das da sdas dasdasdas as dasdasdas dasdasdafsdfgvsd fdfbfgbf gn fghnfgdfg ertyrthdfb fbr tbtyfdf dfg rthr bdfd fdfg<br>asodijaosdijaosimxca<br></div>")
            .dialog({ "title" : "My Dialog" })
            .dialogExtend({
                "maximizable" : true,
                "dblclick" : "maximize",
                "icons" : { "maximize" : "ui-icon-arrow-4-diag" }
            });
        });
    </script>
</body>
</html>

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions